{"id":322,"date":"2020-06-29T21:20:32","date_gmt":"2020-06-30T00:20:32","guid":{"rendered":"https:\/\/www.joemaster.com.br\/tutoriais\/?p=322"},"modified":"2022-12-09T08:40:06","modified_gmt":"2022-12-09T11:40:06","slug":"como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript","status":"publish","type":"post","link":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/","title":{"rendered":"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript"},"content":{"rendered":"<p>Hoje quero mostrar, que \u00e9 poss\u00edvel criar um modelo de p\u00e1gina, somente para colocar c\u00f3digos externos, em uma p\u00e1gina interna das postagens de um PAGE.<\/p>\n<p>Confuso?<\/p>\n<p>Ent\u00e3o vou mostrar para entender melhor.<\/p>\n<p>Vou criar uma p\u00e1gina.<\/p>\n<p id=\"AaYrVHK\"><img decoding=\"async\" loading=\"lazy\" width=\"658\" height=\"313\" class=\"alignnone size-full wp-image-323 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-7.png\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-7.png 658w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-7-300x143.png 300w\" sizes=\"(max-width: 658px) 100vw, 658px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Agora vou dar um nome a p\u00e1gina e deixar o conte\u00fado em branco.<\/p>\n<p id=\"zeyLvYE\"><img decoding=\"async\" loading=\"lazy\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-325 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-6.png\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-6.png 1920w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-6-300x169.png 300w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-6-1024x576.png 1024w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-6-768x432.png 768w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-6-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Fora do wordpress eu criou um modelo de p\u00e1gina no meu computador.<\/p>\n<p>&nbsp;<\/p>\n<p id=\"IfYiSDM\"><img decoding=\"async\" loading=\"lazy\" width=\"1224\" height=\"451\" class=\"alignnone size-full wp-image-326 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-5.png\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-5.png 1224w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-5-300x111.png 300w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-5-1024x377.png 1024w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-5-768x283.png 768w\" sizes=\"(max-width: 1224px) 100vw, 1224px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Eu salvo o arquivo com o nome<\/p>\n<p>todasaspostagens.php<\/p>\n<p>edito e deixo assim:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\">&lt;?php\r\n\/*\r\nTemplate Name: Todas as postagens\r\n*\/\r\n?&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>E envio para a pasta que est\u00e1 o tema do meu site no servidor<\/p>\n<p id=\"dJoaptb\"><img decoding=\"async\" loading=\"lazy\" width=\"1235\" height=\"476\" class=\"alignnone size-full wp-image-327 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1.jpg\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1.jpg 1235w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1-300x116.jpg 300w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1-1024x395.jpg 1024w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1-768x296.jpg 768w\" sizes=\"(max-width: 1235px) 100vw, 1235px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Agora escolho esse modelo de p\u00e1gina, na p\u00e1gina que estou editando, se n\u00e3o aparecer, tem dar reload na p\u00e1gina.<\/p>\n<p id=\"gSJDXhA\"><img decoding=\"async\" loading=\"lazy\" width=\"970\" height=\"739\" class=\"alignnone size-full wp-image-329 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-4.png\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-4.png 970w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-4-300x229.png 300w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-4-768x585.png 768w\" sizes=\"(max-width: 970px) 100vw, 970px\" \/><\/p>\n<p>Vou clicar em publicar.<\/p>\n<p>&nbsp;<\/p>\n<p id=\"JGsiGtA\"><img decoding=\"async\" loading=\"lazy\" width=\"563\" height=\"301\" class=\"alignnone size-full wp-image-331 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-3.png\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-3.png 563w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-3-300x160.png 300w\" sizes=\"(max-width: 563px) 100vw, 563px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Depois em visualizar<\/p>\n<p id=\"HgXoZbx\"><img decoding=\"async\" loading=\"lazy\" width=\"481\" height=\"398\" class=\"alignnone size-full wp-image-332 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-2.png\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-2.png 481w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-2-300x248.png 300w\" sizes=\"(max-width: 481px) 100vw, 481px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Pronto, agora posso colocar qualquer c\u00f3digo externo,\u00a0 que vai funcionar como uma p\u00e1gina interna do meu site. Pode ser qualquer c\u00f3digo, mas eu vou usar um c\u00f3digo interno pra mostrar minhas postagens.<\/p>\n<p>Isso que fiz pode ser feito de outra forma. Por exemplo criar um plugin s\u00f3 pra isso, ou em functions.php,<\/p>\n<p>Mas quis fazer assim pra mostrar que \u00e9 poss\u00edvel fazer assim tamb\u00e9m.<\/p>\n<p>Um exemplo que vou fazer \u00e9 colocar todos as minhas postagens pra exibir nesta p\u00e1gina.<\/p>\n<p id=\"HjZCKwy\"><img decoding=\"async\" loading=\"lazy\" width=\"845\" height=\"780\" class=\"alignnone size-full wp-image-333 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript.jpg\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript.jpg 845w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-300x277.jpg 300w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-768x709.jpg 768w\" sizes=\"(max-width: 845px) 100vw, 845px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>O c\u00f3digo que usei foi:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;?php\r\n\/*\r\nTemplate Name: Todas as postagens\r\n*\/\r\n?&gt;\r\n\r\n\r\n&lt;h1 class=\"entry-title\"&gt;Postagens do site&lt;\/h1&gt;\r\n&lt;?php\r\n  \/\/for each category, show all posts\r\n  $cat_args = array(\r\n    'orderby' =&gt; 'name',\r\n    'order' =&gt; 'ASC'\r\n  );\r\n\r\n  $categories = get_categories($cat_args);\r\n\r\n  foreach($categories as $category) {\r\n      $args = array(\r\n        'showposts' =&gt; -1,\r\n        'category__in' =&gt; array($category-&gt;term_id),\r\n        'caller_get_posts'=&gt; 1\r\n      );\r\n\r\n      $posts=get_posts($args);\r\n\r\n      if ($posts) {\r\n          echo '&lt;p&gt;&lt;a href=\"' . get_category_link( $category-&gt;term_id ) . '\" title=\"' . sprintf( __( \"View all posts in %s\" ), $category-&gt;name ) . '\" ' . ' class=\"entry-title\" &gt;' . $category-&gt;name.'&lt;\/a&gt; &lt;\/p&gt; ';\r\n\r\n          echo '&lt;ul&gt;';\r\n          foreach($posts as $post) {\r\n            setup_postdata($post);\r\n\r\n            echo '&lt;li&gt;&lt;a href=\"' . get_permalink() .'\" rel=\"bookmark\" title=\"Permanent Link to '. the_title_attribute('echo=0') . '\"&gt;' . get_the_title() . ' &lt;\/a&gt;&lt;\/li&gt;';\r\n\r\n          } \/\/ foreach($posts\r\n          echo '&lt;\/ul&gt;';\r\n\r\n        } \/\/ if ($posts\r\n\r\n  } \/\/ foreach($categories\r\n?&gt;\r\n\r\n\r\n<\/pre>\n<p>Veja como ficou.<\/p>\n<p>&nbsp;<\/p>\n<p id=\"EKzPrJC\"><img decoding=\"async\" loading=\"lazy\" width=\"1306\" height=\"900\" class=\"alignnone size-full wp-image-335 \" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1.png\" alt=\"\" srcset=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1.png 1306w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1-300x207.png 300w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1-1024x706.png 1024w, https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-1-768x529.png 768w\" sizes=\"(max-width: 1306px) 100vw, 1306px\" \/><\/p>\n<p>&nbsp;<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"bEIsFXBdn7\"><p><a href=\"https:\/\/www.joemaster.com.br\/tutoriais\/veja-aqui-todas-as-minhas-postagens\/\">Veja aqui todas as minhas postagens<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Veja aqui todas as minhas postagens&#8221; &#8212; Joemaster\" src=\"https:\/\/www.joemaster.com.br\/tutoriais\/veja-aqui-todas-as-minhas-postagens\/embed\/#?secret=bEIsFXBdn7\" data-secret=\"bEIsFXBdn7\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>Fim.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"divcode\" style=\"display:none;z-index:200000001;padding:10px;border-radius:10px;background-color: #0054A1; position:fixed;top:100px;left: 50%;transform: translate(-50%, 0);\">\n  <font color=#fff>Ap\u00f3s clicar em Copy &#8663;<br>O c&oacute;digo fica pronto para testar ou colar onde quiser no  CTRL+V<\/font>\n  <form name=\"codigo\" id=\"codigo\"  method=\"post\" action=\"https:\/\/www.joemaster.com.br\/codigos\/gerar_codigo.php\" target=\"_blank\"><textarea name=\"testarcodigo\" id=\"testarcodigo\"  cols=\"30\" rows=\"30\" wrap=\"VIRTUAL\"><\/textarea><\/form><input type=\"button\" name=\"Submit\" value=\"Testar\" onClick=\"if(document.getElementById('testarcodigo').value ==''){alert('Copie o c\u00f3digo conforme descrito acima!');}else{document.getElementById('codigo').submit();setTimeout(function(){document.getElementById('testarcodigo').value='';document.getElementById('divcode').style.display='none'; }, 1000);}\" style=\"background-color:#FFCC05;border-radius:15px;padding:5px;width:100px;color:#000;\">\n  <input type=\"button\" name=\"Submit\" value=\"Fechar\" onClick=\"document.getElementById('testarcodigo').value='';document.getElementById('divcode').style.display='none';\" style=\"background-color:#FFCC05;border-radius:15px;padding:5px;width:100px;color:#000;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Hoje quero mostrar, que \u00e9 poss\u00edvel criar um modelo de p\u00e1gina, somente para colocar c\u00f3digos externos, em uma p\u00e1gina interna das postagens de um PAGE. Confuso? Ent\u00e3o vou mostrar para entender melhor. Vou criar uma p\u00e1gina. &nbsp; Agora vou dar um nome a p\u00e1gina e deixar o conte\u00fado em branco. &nbsp; Fora do wordpress eu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[66],"tags":[29,96,16,4,3,89],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.12 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript - JoeMaster<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript - JoeMaster\" \/>\n<meta property=\"og:description\" content=\"Hoje quero mostrar, que \u00e9 poss\u00edvel criar um modelo de p\u00e1gina, somente para colocar c\u00f3digos externos, em uma p\u00e1gina interna das postagens de um PAGE. Confuso? Ent\u00e3o vou mostrar para entender melhor. Vou criar uma p\u00e1gina. &nbsp; Agora vou dar um nome a p\u00e1gina e deixar o conte\u00fado em branco. &nbsp; Fora do wordpress eu [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"JoeMaster\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-30T00:20:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-09T11:40:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1224\" \/>\n\t<meta property=\"og:image:height\" content=\"451\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"joemaster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"joemaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/\"},\"author\":{\"name\":\"joemaster\",\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/228e8f1dfe22da473e356f81c1033a9d\"},\"headline\":\"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript\",\"datePublished\":\"2020-06-30T00:20:32+00:00\",\"dateModified\":\"2022-12-09T11:40:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/\"},\"wordCount\":257,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/228e8f1dfe22da473e356f81c1033a9d\"},\"keywords\":[\"c\u00f3digo\",\"colar\",\"html\",\"javascript\",\"php\",\"postagens\"],\"articleSection\":[\"wordpress\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/\",\"url\":\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/\",\"name\":\"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript - JoeMaster\",\"isPartOf\":{\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/#website\"},\"datePublished\":\"2020-06-30T00:20:32+00:00\",\"dateModified\":\"2022-12-09T11:40:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.joemaster.com.br\/tutoriais\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/#website\",\"url\":\"https:\/\/www.joemaster.com.br\/tutoriais\/\",\"name\":\"JoeMaster\",\"description\":\"Tutoriais de WEB e APLICATIVOS EM HTML5, PHP, JS, CSS\",\"publisher\":{\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/228e8f1dfe22da473e356f81c1033a9d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.joemaster.com.br\/tutoriais\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/228e8f1dfe22da473e356f81c1033a9d\",\"name\":\"joemaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2022\/05\/joemaster.jpg\",\"contentUrl\":\"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2022\/05\/joemaster.jpg\",\"width\":1461,\"height\":281,\"caption\":\"joemaster\"},\"logo\":{\"@id\":\"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/joemaster.com.br\/tutoriais\"],\"url\":\"https:\/\/www.joemaster.com.br\/tutoriais\/author\/joemaster\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript - JoeMaster","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/","og_locale":"pt_BR","og_type":"article","og_title":"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript - JoeMaster","og_description":"Hoje quero mostrar, que \u00e9 poss\u00edvel criar um modelo de p\u00e1gina, somente para colocar c\u00f3digos externos, em uma p\u00e1gina interna das postagens de um PAGE. Confuso? Ent\u00e3o vou mostrar para entender melhor. Vou criar uma p\u00e1gina. &nbsp; Agora vou dar um nome a p\u00e1gina e deixar o conte\u00fado em branco. &nbsp; Fora do wordpress eu [&hellip;]","og_url":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/","og_site_name":"JoeMaster","article_published_time":"2020-06-30T00:20:32+00:00","article_modified_time":"2022-12-09T11:40:06+00:00","og_image":[{"width":1224,"height":451,"url":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2020\/06\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript-5.png","type":"image\/png"}],"author":"joemaster","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"joemaster","Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/#article","isPartOf":{"@id":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/"},"author":{"name":"joemaster","@id":"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/228e8f1dfe22da473e356f81c1033a9d"},"headline":"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript","datePublished":"2020-06-30T00:20:32+00:00","dateModified":"2022-12-09T11:40:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/"},"wordCount":257,"commentCount":0,"publisher":{"@id":"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/228e8f1dfe22da473e356f81c1033a9d"},"keywords":["c\u00f3digo","colar","html","javascript","php","postagens"],"articleSection":["wordpress"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/","url":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/","name":"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript - JoeMaster","isPartOf":{"@id":"https:\/\/www.joemaster.com.br\/tutoriais\/#website"},"datePublished":"2020-06-30T00:20:32+00:00","dateModified":"2022-12-09T11:40:06+00:00","breadcrumb":{"@id":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.joemaster.com.br\/tutoriais\/como-criar-um-modelo-de-pagina-wordpress-e-colocar-scripts-php-css-e-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.joemaster.com.br\/tutoriais\/"},{"@type":"ListItem","position":2,"name":"Como criar um modelo de p\u00e1gina wordpress e colocar scripts php, css e javascript"}]},{"@type":"WebSite","@id":"https:\/\/www.joemaster.com.br\/tutoriais\/#website","url":"https:\/\/www.joemaster.com.br\/tutoriais\/","name":"JoeMaster","description":"Tutoriais de WEB e APLICATIVOS EM HTML5, PHP, JS, CSS","publisher":{"@id":"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/228e8f1dfe22da473e356f81c1033a9d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.joemaster.com.br\/tutoriais\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":["Person","Organization"],"@id":"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/228e8f1dfe22da473e356f81c1033a9d","name":"joemaster","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/image\/","url":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2022\/05\/joemaster.jpg","contentUrl":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-content\/uploads\/2022\/05\/joemaster.jpg","width":1461,"height":281,"caption":"joemaster"},"logo":{"@id":"https:\/\/www.joemaster.com.br\/tutoriais\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/joemaster.com.br\/tutoriais"],"url":"https:\/\/www.joemaster.com.br\/tutoriais\/author\/joemaster\/"}]}},"_links":{"self":[{"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/posts\/322"}],"collection":[{"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/comments?post=322"}],"version-history":[{"count":1,"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/posts\/322\/revisions"}],"predecessor-version":[{"id":1200,"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/posts\/322\/revisions\/1200"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/media\/326"}],"wp:attachment":[{"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/media?parent=322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/categories?post=322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joemaster.com.br\/tutoriais\/wp-json\/wp\/v2\/tags?post=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}