{"id":22012,"date":"2025-11-13T17:06:44","date_gmt":"2025-11-13T20:06:44","guid":{"rendered":"https:\/\/aiwebpush.com\/pt\/?p=22012"},"modified":"2025-11-13T17:06:47","modified_gmt":"2025-11-13T20:06:47","slug":"como-criar-tema-filho-e-pagina-personalizada-no-wordpress","status":"publish","type":"post","link":"https:\/\/aiwebpush.com\/pt\/tutoriais\/wordpress\/como-criar-tema-filho-e-pagina-personalizada-no-wordpress\/","title":{"rendered":"Como criar tema filho e p\u00e1gina personalizada no WordPress"},"content":{"rendered":"\n<p>Este tutorial mostra como criar um tema filho simples e adicionar uma p\u00e1gina personalizada que carrega apenas o essencial. Ideal para usar HTML puro com os plugins ativos funcionando.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Criar o Tema Filho<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Acesse <code>\/wp-content\/themes\/<\/code> via FTP ou Gerenciador de Arquivos.<\/li>\n\n\n\n<li>Crie uma nova pasta chamada <strong>seu-tema-filho<\/strong>.<\/li>\n\n\n\n<li>Dentro dela, crie um arquivo chamado <code>style.css<\/code> com o conte\u00fado abaixo:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\nTheme Name: Seu Tema Filho\nTemplate: nome-do-tema-pai\n*\/<\/code><\/pre>\n\n\n\n<p>Troque <code>nome-do-tema-pai<\/code> pelo nome da pasta do tema principal (ex: astra, twentytwentyfour).<\/p>\n\n\n\n<p>Agora, crie um arquivo <code>functions.php<\/code> com o seguinte conte\u00fado:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nadd_action('wp_enqueue_scripts', 'tema_filho_scripts');\nfunction tema_filho_scripts() {\n    wp_enqueue_style('parent-style', get_template_directory_uri() . '\/style.css');\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">2. Ativar o Tema Filho<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V\u00e1 em <strong>Apar\u00eancia > Temas<\/strong> no painel do WordPress.<\/li>\n\n\n\n<li>Ative o tema filho rec\u00e9m-criado.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">3. Criar uma P\u00e1gina Personalizada com HTML Pr\u00f3prio<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n\/* Template Name: HTML Simples *\/\n?&gt;\n&lt;!DOCTYPE html&gt;\n&lt;html &lt;?php language_attributes(); ?&gt;&gt;\n&lt;head&gt;\n    &lt;meta charset=\"&lt;?php bloginfo('charset'); ?&gt;\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;&lt;?php wp_title(); ?&gt;&lt;\/title&gt;\n\n    &lt;?php\n    \/\/ Carrega os estilos e scripts essenciais (de plugins e do tema)\n    wp_head();\n    ?&gt;\n&lt;\/head&gt;\n&lt;body &lt;?php body_class(); ?&gt;&gt;\n\n    &lt;main&gt;\n        &lt;h1&gt;Minha P\u00e1gina com HTML Simples&lt;\/h1&gt;\n        &lt;p&gt;Esse conte\u00fado \u00e9 renderizado com um template personalizado.&lt;\/p&gt;\n    &lt;\/main&gt;\n\n    &lt;?php\n    \/\/ Carrega scripts do WordPress e dos plugins\n    wp_footer();\n    ?&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Na pasta do tema filho, crie o arquivo <code>page-htmlsimples.php<\/code>.<\/li>\n\n\n\n<li>Insira o seguinte c\u00f3digo:<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">4. Criar a P\u00e1gina no WordPress com Esse Layout<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>No painel, v\u00e1 em <strong>P\u00e1ginas > Adicionar nova<\/strong>.<\/li>\n\n\n\n<li>D\u00ea um nome \u00e0 p\u00e1gina, como &#8220;P\u00e1gina HTML&#8221;.<\/li>\n\n\n\n<li>Na aba de configura\u00e7\u00f5es da p\u00e1gina, selecione o modelo chamado <strong>HTML Simples<\/strong>.<\/li>\n\n\n\n<li>Publique a p\u00e1gina normalmente.<\/li>\n<\/ul>\n\n\n\n<p>Pronto. Sua p\u00e1gina vai usar um HTML limpo com os scripts essenciais do WordPress e dos plugins ativos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este tutorial mostra como criar um tema filho simples e adicionar uma p\u00e1gina personalizada que carrega apenas o essencial. Ideal para usar HTML puro com os plugins ativos funcionando. 1. Criar o Tema Filho Troque nome-do-tema-pai pelo nome da pasta do tema principal (ex: astra, twentytwentyfour). Agora, crie um arquivo functions.php com o seguinte conte\u00fado: [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-22012","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/posts\/22012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/comments?post=22012"}],"version-history":[{"count":1,"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/posts\/22012\/revisions"}],"predecessor-version":[{"id":22013,"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/posts\/22012\/revisions\/22013"}],"wp:attachment":[{"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/media?parent=22012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/categories?post=22012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aiwebpush.com\/pt\/wp-json\/wp\/v2\/tags?post=22012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}