{"id":4757,"date":"2017-04-25T14:43:02","date_gmt":"2017-04-25T17:43:02","guid":{"rendered":"https:\/\/blog.hostinger.io\/tutoriais\/?p=4757"},"modified":"2026-03-10T13:02:09","modified_gmt":"2026-03-10T16:02:09","slug":"child-theme-wordpress","status":"publish","type":"post","link":"\/pt\/tutoriais\/child-theme-wordpress","title":{"rendered":"Como criar child theme no WordPress: guia completo com dicas de personaliza\u00e7\u00e3o"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Uma das maiores vantagens de usar o WordPress &eacute; o fato de ele ter uma infinidade de temas que voc&ecirc; pode escolher. Entretanto, se voc&ecirc; pretende personalizar o design ou a funcionalidade do seu tema, &eacute; importante usar um child theme (tema filho).<\/p><p class=\"wp-block-paragraph\">E &eacute; para isso que estamos aqui: neste artigo, explicaremos como funciona um child theme do WordPress e quando voc&ecirc; deve us&aacute;-lo. Voc&ecirc; tamb&eacute;m aprender&aacute; diferentes maneiras de criar e personalizar um child theme, al&eacute;m de solucionar erros comuns. Vamos l&aacute;?<\/p><p>\n\n\n\n<\/p><p class=\"wp-block-paragraph\"><\/p><p><div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   O que &eacute; um child theme no WordPress?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Um child theme no WordPress &eacute; um tema que possui todas as fun&ccedil;&otilde;es, estilos e layouts do tema pai, permitindo que voc&ecirc; fa&ccedil;a personaliza&ccedil;&otilde;es sem modificar o tema original. Isso garante que atualiza&ccedil;&otilde;es do tema principal n&atilde;o apaguem as mudan&ccedil;as feitas no seu site.<\/p><\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\"><strong>Como funciona um child theme no WordPress?<\/strong><\/h3><p class=\"wp-block-paragraph\">Um child theme cria um diret&oacute;rio separado que abriga seus pr&oacute;prios arquivos&nbsp;<strong>style.css&nbsp;<\/strong>e&nbsp;<strong>functions.php<\/strong>. Esses s&atilde;o os principais componentes usados para personalizar o design e a funcionalidade de seu site.<\/p><p class=\"wp-block-paragraph\">Quando algu&eacute;m visita seu site, o WordPress carrega primeiro o child theme &mdash; todas as personaliza&ccedil;&otilde;es ou substitui&ccedil;&otilde;es no child theme t&ecirc;m prioridade. Para qualquer coisa n&atilde;o modificada, o WordPress usa os arquivos do tema pai.<\/p><p class=\"wp-block-paragraph\">Por exemplo, voc&ecirc; pode usar um child theme para ajustar o esquema de cores, criar um template de p&aacute;gina exclusivo ou adicionar alguma funcionalidade personalizada sem mexer no tema pai.<\/p><p class=\"wp-block-paragraph\">A maior utilidade disso &eacute; que, caso voc&ecirc; fa&ccedil;a essas altera&ccedil;&otilde;es diretamente no tema pai, elas ser&atilde;o perdidas sempre que o tema tiver uma atualiza&ccedil;&atilde;o. Com um child theme, voc&ecirc; garante que suas altera&ccedil;&otilde;es ficar&atilde;o seguras durante as atualiza&ccedil;&otilde;es do tema &mdash; se algo der errado, voc&ecirc; pode desativar o child theme e usar o tema pai para manter o site funcionando sem problemas.<\/p><h3 class=\"wp-block-heading\"><strong>Quando voc&ecirc; precisa de um child theme?<\/strong><\/h3><p class=\"wp-block-paragraph\">Usar um child theme nem sempre &eacute; necess&aacute;rio, mas &eacute; altamente recomendado se voc&ecirc; quiser:<\/p><ul class=\"wp-block-list\">\n<li>Personalizar com seguran&ccedil;a o design ou a funcionalidade do seu tema sem afetar o tema principal.<\/li>\n\n\n\n<li>Criar um novo tema rapidamente usando o tema principal como base.<\/li>\n\n\n\n<li>Simplificar algumas modifica&ccedil;&otilde;es menores (como ajustar o CSS ou adicionar modelos personalizados) sem precisar lidar com arquivos principais complexos.<\/li>\n\n\n\n<li>Proteger suas personaliza&ccedil;&otilde;es para que elas n&atilde;o sejam perdidas durante as atualiza&ccedil;&otilde;es do tema principal.<\/li>\n\n\n\n<li>Manter a consist&ecirc;ncia da sua marca herdando o design do tema principal e fazendo ajustes espec&iacute;ficos.<\/li>\n\n\n\n<li>Testar novos recursos sem colocar seu site em risco.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-como-criar-um-child-theme-no-wordpress\"><strong>Como criar um child theme no WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Criar um child theme do WordPress &eacute; bastante simples. Nos par&aacute;grafos abaixos, vamos detalhar o passo a passo de como faz&ecirc;-lo manualmente, o que lhe dar&aacute; controle total sobre a configura&ccedil;&atilde;o e manter&aacute; seu site leve.&nbsp;<\/p><p class=\"wp-block-paragraph\">Outra alternativa &eacute; usar um plugin &mdash; neste caso, pule para a pr&oacute;xima se&ccedil;&atilde;o.<\/p><p class=\"wp-block-paragraph\"><strong>Pr&eacute;-requisitos<\/strong><\/p><p class=\"wp-block-paragraph\">Antes de come&ccedil;ar, verifique se voc&ecirc; tem o seguinte:<\/p><ul class=\"wp-block-list\">\n<li><strong>Um tema pai.<\/strong>&nbsp;Verifique se o tema pai que voc&ecirc; deseja personalizar est&aacute; instalado e ativo em seu site do WordPress. Usaremos o tema padr&atilde;o&nbsp;<strong>Twenty Twenty-Three&nbsp;<\/strong>para este tutorial. Consulte nosso guia se precisar de ajuda para&nbsp;<a href=\"\/pt\/tutoriais\/como-instalar-temas-do-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>instalar um tema do WordPress<\/strong><\/a>.<\/li>\n\n\n\n<li><strong>Acesso aos seus arquivos do WordPress.&nbsp;<\/strong>Voc&ecirc; pode usar o gerenciador de arquivos do seu plano de hospedagem ou um&nbsp;<a href=\"\/pt\/tutoriais\/como-configurar-o-cliente-filezilla\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>cliente FTP, como o FileZilla<\/strong><\/a>. O Gerenciador de Arquivos da Hostinger pode ser acessado por meio do hPanel.<\/li>\n\n\n\n<li><strong>Backup do site.&nbsp;<\/strong><a href=\"\/pt\/tutoriais\/como-fazer-backup-do-seu-site-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Crie um backup do seu site WordPress&nbsp;<\/strong><\/a>antes de fazer qualquer altera&ccedil;&atilde;o para evitar a perda acidental de dados.<\/li>\n\n\n\n<li><strong>Um site de teste.&nbsp;<\/strong>A configura&ccedil;&atilde;o de um&nbsp;<a href=\"\/pt\/tutoriais\/ambiente-de-teste-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>ambiente de teste do WordPress<\/strong><\/a>&nbsp;permite que voc&ecirc; fa&ccedil;a experimentos livremente sem correr o risco de prejudicar o site ao vivo. Clientes do plano&nbsp;<a href=\"\/pt\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WordPress Business<\/strong><\/a>&nbsp;da Hostinger (ou superiores) podem usar a ferramenta de teste do hPanel.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/pt\/hospedagem-cloud\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44640\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h3 class=\"wp-block-heading\"><strong>1. Crie a pasta do child theme<\/strong><\/h3><p class=\"wp-block-paragraph\">Primeiro, vamos preparar a pasta do child theme para armazenar todos os arquivos. Para este tutorial, usaremos&nbsp;<a href=\"\/pt\/tutoriais\/como-utilizar-o-gerenciador-de-arquivos-hostinger\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>o Gerenciador de Arquivos da Hostinger<\/strong><\/a>, que voc&ecirc; pode acessar no hPanel.<\/p><p class=\"wp-block-paragraph\">No diret&oacute;rio raiz do WordPress (<strong>public_html<\/strong>), v&aacute; para&nbsp;<strong>wp-content<\/strong>&rarr;<strong>&nbsp;themes<\/strong>. Em seguida, crie uma nova pasta com um nome parecido com o do seu tema ativo atual. Essa ser&aacute; a pasta do seu child theme.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"250\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-child-theme-folder-1024x250-1.png\/public\" alt=\"pasta do child theme wordpress no gerenciador de arquivos da hostinger\" class=\"wp-image-48505\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-child-theme-folder-1024x250-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-child-theme-folder-1024x250-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-child-theme-folder-1024x250-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-child-theme-folder-1024x250-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\"><strong>2. Crie o arquivo de folha de estilo<\/strong><\/h3><p class=\"wp-block-paragraph\">O arquivo de folha de estilo, normalmente conhecido como&nbsp;<strong>style.css<\/strong>, controla o design e o layout do seu tema do WordPress. &Eacute; nele que voc&ecirc; define a rela&ccedil;&atilde;o com o tema pai e substitui seus estilos.<\/p><p class=\"wp-block-paragraph\">Crie um novo arquivo&nbsp;<strong>style.css&nbsp;<\/strong>na pasta do child theme e adicione o seguinte trecho de c&oacute;digo a ele.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/*\nTheme Name: Twenty Twenty-Three Child\nTheme URI: http:\/\/example.com\/twenty-twenty-three-child\/\nDescription: Twenty Twenty-Three Child Theme\nAuthor: Seu Nome\nAuthor URI: http:\/\/exemplo.com\nTemplate: twentytwentythree\nVersion: 1.0.0\n*\/\n\/* Adicione seus estilos personalizados aqui *\/<\/pre><p class=\"wp-block-paragraph\">Substitua o nome, o URI, a descri&ccedil;&atilde;o e o modelo do tema pelos dados reais do tema pai e salve as altera&ccedil;&otilde;es.<\/p><h3 class=\"wp-block-heading\"><strong>3. Crie o arquivo functions.php e adicione a folha de estilos &agrave; fila<\/strong><\/h3><p class=\"wp-block-paragraph\">O arquivo&nbsp;functions.php<strong>&nbsp;<\/strong>&eacute; a espinha dorsal dos recursos do seu tema. Ele permite que voc&ecirc; adicione funcionalidades personalizadas ou modifique os recursos existentes no tema principal. Esse arquivo tamb&eacute;m &eacute; respons&aacute;vel por criar a fila dos estilos e scripts do tema principal, garantindo que eles sejam carregados e funcionem corretamente.<\/p><p class=\"wp-block-paragraph\">Crie um novo arquivo&nbsp;<strong>functions.php&nbsp;<\/strong>na pasta do child theme e adicione o seguinte trecho de c&oacute;digo para importar estilos do tema pai.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php\n\/\/ Seu c&oacute;digo para colocar estilos do tema pai na fila\nfunction enqueue_parent_styles() {\n   wp_enqueue_style( 'parent-style', get_template_directory_uri() . '\/style.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );\n?&gt;<\/pre><p class=\"wp-block-paragraph\">N&atilde;o se esque&ccedil;a de salvar as altera&ccedil;&otilde;es no arquivo.<\/p><h3 class=\"wp-block-heading\"><strong>4. Ative o child theme<\/strong><\/h3><p class=\"wp-block-paragraph\">Se voc&ecirc; criar os arquivos&nbsp;<strong>style.css&nbsp;<\/strong>e&nbsp;<strong>functions.php&nbsp;<\/strong>corretamente, o child theme dever&aacute; aparecer em seu site do WordPress.<\/p><p class=\"wp-block-paragraph\">Acesse<strong>&nbsp;Apar&ecirc;ncia<\/strong>&nbsp;&rarr;&nbsp;<strong>&nbsp;Temas&nbsp;<\/strong>no painel de administra&ccedil;&atilde;o e clique em&nbsp;<strong>Ativar<\/strong>&nbsp;no child theme.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-themes-1-1024x283-1.png\/public\" alt=\"ativando child theme wordpress\" class=\"wp-image-48506\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-themes-1-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-themes-1-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-themes-1-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-themes-1-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">Pronto, seu site WordPress agora est&aacute; sendo executado com um child theme.<\/p><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Dica                <\/p>\n            <\/div>\n            <p class=\"protip__content\">A pr&eacute;-visualiza&ccedil;&atilde;o do seu child theme est&aacute; vazia? Voc&ecirc; pode corrigir isso fazendo upload de uma imagem chamada&nbsp;<strong>screenshot.png&nbsp;<\/strong>na pasta do child theme. Essa imagem servir&aacute; como miniatura de visualiza&ccedil;&atilde;o de seu tema no painel do WordPress.<\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-outras-maneiras-de-criar-um-child-theme\"><strong>Outras maneiras de criar um child theme<\/strong><\/h2><p class=\"wp-block-paragraph\">Se voc&ecirc; n&atilde;o quiser editar os arquivos do seu site manualmente, um&nbsp;<a href=\"\/pt\/tutoriais\/o-que-e-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>plugin do WordPress&nbsp;<\/strong><\/a>pode simplificar o processo. Mas preste aten&ccedil;&atilde;o: voc&ecirc; tem duas maneiras de fazer isso, que depender&atilde;o do tipo do seu tema &mdash; portanto, certifique-se de escolher a maneira correta.<\/p><p class=\"wp-block-paragraph\">Para verificar se voc&ecirc; est&aacute; usando um tema cl&aacute;ssico ou em blocos, acesse a pasta do seu tema por meio do gerenciador de arquivos ou de um cliente FTP e procure um arquivo chamado&nbsp;<strong>theme.json<\/strong>. Por exemplo, o&nbsp;<strong>tema Twenty Twenty-Three&nbsp;<\/strong>tem esse arquivo, o que indica que ele &eacute; um tema baseado em blocos.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"377\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-theme-folder-1024x377-1.png\/public\" alt=\"pasta do tema filho no wordpress\" class=\"wp-image-48507\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-theme-folder-1024x377-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-theme-folder-1024x377-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-theme-folder-1024x377-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-theme-folder-1024x377-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\"><strong>Criando um child theme cl&aacute;ssico um plugin<\/strong><\/h3><p class=\"wp-block-paragraph\">Se voc&ecirc; estiver usando um tema cl&aacute;ssico, siga estas etapas para criar seu child theme usando o&nbsp;<a href=\"https:\/\/br.wordpress.org\/plugins\/wp-child-theme-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WP Child Theme Generator<\/strong><\/a>:<\/p><ol class=\"wp-block-list\">\n<li>Instale e ative o plugin&nbsp;<strong>WP Child Theme Generator<\/strong>. Consulte nosso guia sobre a&nbsp;<a href=\"\/pt\/tutoriais\/como-instalar-plugins-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>instala&ccedil;&atilde;o de plugins do WordPress<\/strong><\/a>&nbsp;se precisar de ajuda.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"809\" height=\"451\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator.png\/public\" alt=\"instalando o plugin wp child theme generator\" class=\"wp-image-48514\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator.png\/w=809,fit=scale-down 809w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 809px) 100vw, 809px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Navegue at&eacute;&nbsp;<strong>Appearance<\/strong>&nbsp;&rarr;&nbsp;<strong>&nbsp;Child Theme Gen&nbsp;<\/strong>no painel de administra&ccedil;&atilde;o.<\/li>\n\n\n\n<li>Selecione o tema pai no campo suspenso e, em seguida, ajuste os detalhes do child theme conforme necess&aacute;rio. Certifique-se de marcar a op&ccedil;&atilde;o&nbsp;<strong>Create and Activate&nbsp;<\/strong>para automatizar a troca.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"722\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator-new-1024x722-1.png\/public\" alt=\"usando o plugin wp child theme generator\" class=\"wp-image-48515\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator-new-1024x722-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator-new-1024x722-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator-new-1024x722-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-child-theme-generator-new-1024x722-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Depois de clicar em&nbsp;<strong>Create Child Theme<\/strong>, o plugin te redirecionar&aacute; para a p&aacute;gina&nbsp;<strong>Temas<\/strong>, mostrando o child theme ativo.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Lembre-se de que, embora esse plugin teoricamente funcione com temas baseados em blocos, ele n&atilde;o foi projetado para funcionar com eles. Se o seu tema principal for baseado em blocos, recomendamos o m&eacute;todo seguinte.<\/p><h3 class=\"wp-block-heading\"><strong>Criando um child theme de blocos usando um plugin<\/strong><\/h3><p class=\"wp-block-paragraph\">Para esse m&eacute;todo, usaremos um outro plugin gratuito, chamado&nbsp;<a href=\"https:\/\/br.wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Create Block Theme<\/strong><\/a>. Esse plugin &eacute; compat&iacute;vel com a configura&ccedil;&atilde;o&nbsp;<strong>theme.json<\/strong>, o que o torna ideal para criar temas filhos a partir de temas baseados em blocos. Veja como:<\/p><ol class=\"wp-block-list\">\n<li>Instale e ative o plugin&nbsp;<strong>Create Block Theme<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"834\" height=\"349\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme.png\/public\" alt=\"instalando o plugin create block theme para wordpress\" class=\"wp-image-48517\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme.png\/w=834,fit=scale-down 834w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 834px) 100vw, 834px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Acesse&nbsp;<strong>Appearance<\/strong>&nbsp;&rarr;&nbsp;<strong>&nbsp;Create Block Theme&nbsp;<\/strong>em seu painel do WordPress.<\/li>\n\n\n\n<li>O plugin fornece v&aacute;rias op&ccedil;&otilde;es para trabalhar com seu tema ativo. Por enquanto, escolha&nbsp;<strong>Create a child of &ldquo;[nome do seu tema]&rdquo;.<\/strong><\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"805\" height=\"831\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-menu.png\/public\" alt=\"plugin create block theme para wordpress\" class=\"wp-image-48509\" style=\"width:593px;height:auto\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-menu.png\/w=805,fit=scale-down 805w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-menu.png\/w=291,fit=scale-down 291w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-menu.png\/w=145,fit=scale-down 145w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-menu.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 805px) 100vw, 805px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Digite o nome, a descri&ccedil;&atilde;o e o autor do child theme. Clique em&nbsp;<strong>Create Child Theme&nbsp;<\/strong>quando terminar.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"469\" height=\"618\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-child-theme.png\/public\" alt=\"criando child theme baseado em blocos com o plugin create block theme para wordpress\" class=\"wp-image-48508\" style=\"width:353px;height:auto\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-child-theme.png\/w=469,fit=scale-down 469w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-child-theme.png\/w=228,fit=scale-down 228w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/create-block-theme-child-theme.png\/w=114,fit=scale-down 114w\" sizes=\"(max-width: 469px) 100vw, 469px\" \/><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Se o processo for bem-sucedido, o plugin mostrar&aacute; uma mensagem de confirma&ccedil;&atilde;o e te levar&aacute; ao Editor do Site. Voc&ecirc; pode verificar novamente acessando&nbsp;<strong>Apar&ecirc;ncia &rarr; Temas&nbsp;<\/strong>para ver se agora est&aacute; usando um child theme.<\/li>\n<\/ol><h2 class=\"wp-block-heading\" id=\"h-como-personalizar-seu-child-theme-no-wordpress\"><strong>Como personalizar seu child theme no WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Agora que voc&ecirc; tem um child theme, &eacute; hora de personaliz&aacute;-lo. Esses m&eacute;todos de personaliza&ccedil;&atilde;o exigem alguma programa&ccedil;&atilde;o, portanto, pode ser &uacute;til ter algum conhecimento em&nbsp;<a href=\"\/pt\/tutoriais\/o-que-e-css-guia-basico-de-css\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>CSS<\/strong><\/a>.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; preferir n&atilde;o mexer em c&oacute;digo, confira nossas escolhas dos&nbsp;<a href=\"\/pt\/tutoriais\/construtor-de-paginas-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>melhores plugins de cria&ccedil;&atilde;o de p&aacute;ginas do WordPress<\/strong><\/a>&nbsp;para simplificar o processo. Voc&ecirc; tamb&eacute;m pode usar o&nbsp;<a href=\"\/pt\/tutoriais\/gutenberg-pros-e-contras\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>editor de blocos do WordPress, o Gutenberg<\/strong><\/a>, para criar blocos personalizados e modelos reutiliz&aacute;veis sem codifica&ccedil;&atilde;o.<\/p><h3 class=\"wp-block-heading\"><strong>Personalizando o CSS<\/strong><\/h3><p class=\"wp-block-paragraph\">Se estiver planejando grandes altera&ccedil;&otilde;es nos estilos do seu child theme, a melhor op&ccedil;&atilde;o &eacute; editar diretamente o arquivo&nbsp;<strong>style.css<\/strong>. Ele mant&eacute;m todo o CSS do tema em um &uacute;nico lugar, facilitando o gerenciamento e a exporta&ccedil;&atilde;o, se necess&aacute;rio. Al&eacute;m disso, voc&ecirc; pode usar ferramentas externas, como&nbsp;<a href=\"\/pt\/tutoriais\/melhor-editor-de-codigo\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>editores de c&oacute;digo<\/strong><\/a>, para obter recursos como realce de sintaxe e controle de vers&atilde;o.<\/p><p class=\"wp-block-paragraph\">Por outro lado, o <strong><a href=\"\/pt\/tutoriais\/editar-tema-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Editor de Temas do WordPressFile<\/a> <\/strong>&eacute; mais conveniente para altera&ccedil;&otilde;es r&aacute;pidas. Ele permite editar arquivos de tema diretamente do painel, o que &eacute; ideal para usu&aacute;rios sem acesso ao FTP ou ao Gerenciador de Arquivos.<\/p><p class=\"wp-block-paragraph\">V&aacute; para&nbsp;<strong>Ferramentas<\/strong>&nbsp;ou&nbsp;<strong>Apar&ecirc;ncia<\/strong>&nbsp;e localize o Editor de arquivos de tema. Abra a folha de estilo na barra lateral direita e clique em&nbsp;<strong>Atualizar arquivo&nbsp;<\/strong>ap&oacute;s<strong>&nbsp;<\/strong>personaliz&aacute;-la.&nbsp;<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"436\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-theme-file-editor-1024x436-1.png\/public\" alt=\"\" class=\"wp-image-48511\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-theme-file-editor-1024x436-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-theme-file-editor-1024x436-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-theme-file-editor-1024x436-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-theme-file-editor-1024x436-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">Se preferir ver uma visualiza&ccedil;&atilde;o ao vivo de suas altera&ccedil;&otilde;es antes de aplic&aacute;-las, use o&nbsp;<strong>Personalizador de Tema&nbsp;<\/strong>para temas cl&aacute;ssicos ou o&nbsp;<strong>Editor de Site&nbsp;<\/strong>para acessar a edi&ccedil;&atilde;o completa do site com base em blocos. Ambos podem ser acessados na barra lateral do WordPress, em&nbsp;<strong>Apar&ecirc;ncia&nbsp;<\/strong>&ndash; procure por&nbsp;<strong>Personalizar&nbsp;<\/strong>ou&nbsp;<strong>Editor<\/strong>.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-site-editor-1-1024x484-1.png\/public\" alt=\"editor de site\" class=\"wp-image-48510\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-site-editor-1-1024x484-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-site-editor-1-1024x484-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-site-editor-1-1024x484-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-site-editor-1-1024x484-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">Outra maneira de adicionar CSS personalizado ao seu child theme &eacute; usar um plugin de gerenciador de c&oacute;digo, como o&nbsp;<strong>WPCode<\/strong>. Esse m&eacute;todo &eacute; excelente para reaplicar c&oacute;digos sem precisar copi&aacute;-los e col&aacute;-los manualmente.<\/p><p class=\"wp-block-paragraph\">Falamos sobre cada um desses m&eacute;todos em detalhes no nosso&nbsp;<a href=\"\/pt\/tutoriais\/adicionar-css-personalizado-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>tutorial sobre CSS personalizado no WordPress&nbsp;<\/strong><\/a>&ndash; d&ecirc; uma olhada para saber mais.<\/p><p class=\"wp-block-paragraph\">Em termos de estilo, existem muitas regras CSS que voc&ecirc; pode usar para modificar a apar&ecirc;ncia do seu child theme. Basta misturar e editar conforme necess&aacute;rio para criar o design desejado.<\/p><p class=\"wp-block-paragraph\">Por exemplo, este trecho de c&oacute;digo modifica a cor do plano de fundo do site:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">body {\nbackground-color: #f3f3f3; \/* Troque #f3f3f3 pela cor desejada *\/\n}<\/pre><p class=\"wp-block-paragraph\">Para personalizar a cor da barra lateral, use o seguinte c&oacute;digo CSS:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.sidebar {\nbackground-color: #dddddd; \/* Troque #dddddd pela cor desejada *\/\n}<\/pre><p class=\"wp-block-paragraph\">Veja como voc&ecirc; pode atualizar as fontes de todo o seu site:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">body {\n   font-family: 'Arial', sans-serif; \/* Troque por sua fonte desejada *\/\n   font-size: 16px; \/* Escolha o tamanho desejado *\/\n   color: #333333; \/* Escolha a cor *\/\n}<\/pre><p class=\"wp-block-paragraph\">Confira nossa&nbsp;<strong><a href=\"\/pt\/tutoriais\/codigos-css-prontos-guia-pdf\/\" target=\"_blank\" rel=\"noreferrer noopener\">folha de dicas de CSS<\/a><\/strong> para obter propriedades e valores comuns de CSS.<\/p><h3 class=\"wp-block-heading\"><strong>Adicionando trechos de c&oacute;digo personalizados ao functions.php<\/strong><\/h3><p class=\"wp-block-paragraph\">Esse m&eacute;todo s&oacute; funciona para temas cl&aacute;ssicos ou temas h&iacute;bridos, que misturam elementos cl&aacute;ssicos e de blocos.<\/p><p class=\"wp-block-paragraph\">Para personalizar as fun&ccedil;&otilde;es do seu site, basta adicionar ou ajustar as fun&ccedil;&otilde;es&nbsp;<a href=\"\/pt\/tutoriais\/o-que-e-php-guia-basico\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>PHP<\/strong><\/a>&nbsp;existentes no arquivo&nbsp;<strong>functions.php&nbsp;<\/strong>do seu child theme. Assim como na edi&ccedil;&atilde;o do<strong>&nbsp;style.css<\/strong>, voc&ecirc; pode fazer isso por meio do gerenciador de arquivos (ou de um cliente FTP), do editor de arquivos do tema ou at&eacute; mesmo por um plugin de gerenciador de c&oacute;digo.<\/p><p class=\"wp-block-paragraph\">O tipo de personaliza&ccedil;&atilde;o que voc&ecirc; pode fazer com as fun&ccedil;&otilde;es PHP varia de acordo com o tema.&nbsp;<\/p><p class=\"wp-block-paragraph\">Por exemplo, o trecho de c&oacute;digo abaixo combina as fun&ccedil;&otilde;es&nbsp;<strong>add_action()&nbsp;<\/strong>e&nbsp;<strong>enqueue_custom_styles()&nbsp;<\/strong>para colocar uma folha de estilo personalizada na fila:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">function enqueue_custom_styles() {\nwp_enqueue_style('custom-style', get_stylesheet_directory_uri() . '\/css\/custom-style.css');\n}\nadd_action('wp_enqueue_scripts', 'enqueue_custom_styles');<\/pre><p class=\"wp-block-paragraph\">Com o c&oacute;digo&nbsp;<strong>custom_dashboard_greeting()<\/strong>, voc&ecirc; pode incluir uma mensagem de sauda&ccedil;&atilde;o personalizada no painel de administra&ccedil;&atilde;o do WordPress:<\/p><p class=\"wp-block-paragraph\"><strong>fun&ccedil;&atilde;o&nbsp;<\/strong>custom_dashboard_greeting() {<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">function custom_dashboard_greeting() {\n   echo \"Boas vindas ao seu site! Tenha um &oacute;timo dia.\";\n}\nadd_action('admin_notices', 'custom_dashboard_greeting');<\/pre><p class=\"wp-block-paragraph\">Como existe uma infinidade de fun&ccedil;&otilde;es para experimentar, voc&ecirc; pode mergulhar de cabe&ccedil;a na criatividade. Para te ajudar ao longo do caminho, aqui est&atilde;o algumas dicas para melhorar seus resultados e tornar as personaliza&ccedil;&otilde;es do PHP mais f&aacute;ceis:<\/p><ul class=\"wp-block-list\">\n<li><strong>Documente seu c&oacute;digo com coment&aacute;rios.&nbsp;<\/strong>Use&nbsp;<strong>\/* *\/&nbsp;<\/strong>para coment&aacute;rios de v&aacute;rias linhas ou&nbsp;<strong>\/\/&nbsp;<\/strong>para coment&aacute;rios de uma &uacute;nica linha, para explicar o que seu c&oacute;digo personalizado faz.<\/li>\n\n\n\n<li><strong>Agrupe e rotule suas personaliza&ccedil;&otilde;es.<\/strong>&nbsp;Organize suas fun&ccedil;&otilde;es em se&ccedil;&otilde;es usando coment&aacute;rios para facilitar futuras personaliza&ccedil;&otilde;es e depura&ccedil;&atilde;o.<\/li>\n\n\n\n<li><strong>Evite hardcoding.&nbsp;<\/strong>Em vez de incorporar funcionalidades, configura&ccedil;&otilde;es ou conte&uacute;do diretamente nos arquivos de tema ou modelos, use&nbsp;<strong>add_action()&nbsp;<\/strong>ou&nbsp;<strong>add_filter()&nbsp;<\/strong>para aplicar funcionalidades personalizadas com&nbsp;<a href=\"\/pt\/tutoriais\/wordpress-hooks\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>ganchos do WordPress<\/strong><\/a>.<\/li>\n<\/ul><h3 class=\"wp-block-heading\"><strong>Modificando ou adicionando arquivos de modelo<\/strong><\/h3><p class=\"wp-block-paragraph\">Esse m&eacute;todo &eacute; ideal quando voc&ecirc; precisa personalizar o layout, a estrutura ou o conte&uacute;do de partes espec&iacute;ficas do seu site e evitar que as atualiza&ccedil;&otilde;es do tema substituam suas altera&ccedil;&otilde;es.<\/p><p class=\"wp-block-paragraph\">Primeiro, acesse a pasta do seu tema principal usando o Gerenciador de arquivos ou um cliente FTP e abra a pasta&nbsp;<strong>templates<\/strong>. Localize o arquivo respons&aacute;vel pela funcionalidade ou pelo design que voc&ecirc; deseja alterar e copie-o para o child theme.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"376\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-templates-1024x376-1.png\/public\" alt=\"templates no gerenciador de arquivos da hostinger\" class=\"wp-image-48512\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-templates-1024x376-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-templates-1024x376-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-templates-1024x376-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/file-manager-templates-1024x376-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">O WordPress usa uma hierarquia de templates espec&iacute;fica para localizar e carregar arquivos com base em sua localiza&ccedil;&atilde;o e nomenclatura. Portanto, sempre mantenha a estrutura de diret&oacute;rios para garantir que suas altera&ccedil;&otilde;es funcionem.<\/p><p class=\"wp-block-paragraph\">Por exemplo, se o arquivo&nbsp;<strong>page.html&nbsp;<\/strong>estiver localizado na pasta&nbsp;<strong>templates&nbsp;<\/strong>do tema pai, voc&ecirc; precisar&aacute; criar uma pasta&nbsp;<strong>templates&nbsp;<\/strong>em seu child theme e copiar o arquivo para ela.<\/p><p class=\"wp-block-paragraph\">Depois de ter o arquivo base pronto no diret&oacute;rio do child theme, fa&ccedil;a as modifica&ccedil;&otilde;es desejadas.<\/p><p class=\"wp-block-paragraph\">Se quiser criar um novo arquivo&nbsp;<a href=\"\/pt\/tutoriais\/como-criar-uma-pagina-template-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>de template de p&aacute;gina<\/strong><\/a>, copie o arquivo&nbsp;<strong>page.html&nbsp;<\/strong>da pasta templates do tema pai para a pasta templates do child theme e renomeie-o. Em seguida, adicione o nome do modelo na parte superior do arquivo:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- \nTemplate Name: Custom Page Template \n--&gt;<\/pre><p class=\"wp-block-paragraph\">Para temas cl&aacute;ssicos, o modelo ser&aacute; escrito em formato PHP. Siga as mesmas etapas para criar um novo arquivo&nbsp;<strong>.php&nbsp;<\/strong>e adicione o seguinte trecho de c&oacute;digo na parte superior do arquivo para definir o nome do modelo:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php\n\/* Template Name: Custom Page Template *\/<\/pre><p class=\"wp-block-paragraph\">Agora voc&ecirc; pode selecionar o novo modelo no editor do WordPress em&nbsp;<strong>Atributos da p&aacute;gina<\/strong>&nbsp;&gt;&nbsp;<strong>&nbsp;Template<\/strong>.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"336\" height=\"761\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-editor-attribute.png\/public\" alt=\"selecionando template personalizado no wordpress\" class=\"wp-image-48513\" style=\"width:260px;height:auto\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-editor-attribute.png\/w=336,fit=scale-down 336w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-editor-attribute.png\/w=132,fit=scale-down 132w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/wordpress-editor-attribute.png\/w=66,fit=scale-down 66w\" sizes=\"(max-width: 336px) 100vw, 336px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\"><strong>Alterando estilos globais usando um arquivo theme.json<\/strong><\/h3><p class=\"wp-block-paragraph\">Se os temas cl&aacute;ssicos usam o&nbsp;<strong>functions.php&nbsp;<\/strong>para adicionar funcionalidades e gerenciar recursos, os temas em bloco dependem de um arquivo&nbsp;<strong>theme.json&nbsp;<\/strong>para definir estilos e configura&ccedil;&otilde;es globais (como fontes, paletas de cores e espa&ccedil;amento).&nbsp;<\/p><p class=\"wp-block-paragraph\">Na pasta do child theme, crie um novo arquivo&nbsp;<strong>theme.json<\/strong>, caso ele n&atilde;o exista. Em seguida, adicione apenas as altera&ccedil;&otilde;es que voc&ecirc; deseja fazer. O WordPress o mesclar&aacute; automaticamente com o&nbsp;<strong>theme.json&nbsp;<\/strong>do tema pai, e tudo o que estiver em seu child theme substituir&aacute; ou adicionar&aacute; &agrave;s configura&ccedil;&otilde;es do tema pai.<\/p><p class=\"wp-block-paragraph\">Por exemplo, adicione este trecho de c&oacute;digo para definir uma paleta de cores personalizada para todo o seu site:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n  \"settings\": {\n    \"color\": {\n      \"palette\": [\n        { \"name\": \"Primary\", \"slug\": \"primary\", \"color\": \"#3498db\" },\n        { \"name\": \"Accent\", \"slug\": \"accent\", \"color\": \"#e74c3c\" },\n        { \"name\": \"Background\", \"slug\": \"background\", \"color\": \"#f4f4f4\" }\n      ]\n    }\n  }\n}<\/pre><p class=\"wp-block-paragraph\">O c&oacute;digo para definir a tipografia personalizada, especificamente os tamanhos das fontes, &eacute; semelhante:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n  \"settings\": {\n    \"typography\": {\n      \"fontSizes\": [\n        { \"name\": \"Small\", \"slug\": \"small\", \"size\": \"12px\" },\n        { \"name\": \"Medium\", \"slug\": \"medium\", \"size\": \"18px\" },\n        { \"name\": \"Large\", \"slug\": \"large\", \"size\": \"24px\" }\n      ]\n    }\n  }\n}<\/pre><p class=\"wp-block-paragraph\">E aqui est&aacute; como definir a largura m&aacute;xima para blocos de conte&uacute;do, como par&aacute;grafos e imagens:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n  \"settings\": {\n    \"layout\": {\n      \"contentSize\": \"800px\",\n      \"wideSize\": \"1200px\"\n    }\n  }\n}<\/pre><h2 class=\"wp-block-heading\" id=\"h-como-solucionar-erros-do-child-theme-wordpress\"><strong>Como solucionar erros do child theme WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Embora os child themes ofere&ccedil;am muitas vantagens, aqui est&atilde;o alguns problemas comuns que devem ser levados em conta e como corrigi-los.<\/p><p class=\"wp-block-paragraph\"><strong>O child theme n&atilde;o aparece na se&ccedil;&atilde;o Temas<\/strong><\/p><p class=\"wp-block-paragraph\">Quando a pasta do child theme e os arquivos de suporte estiverem configurados, ele dever&aacute; aparecer em&nbsp;<strong>Apar&ecirc;ncia<\/strong>&nbsp;&rarr;&nbsp;<strong>&nbsp;Temas<\/strong>. Se isso n&atilde;o acontecer, &eacute; prov&aacute;vel que haja um problema com a configura&ccedil;&atilde;o na folha de estilo. Esse problema &eacute; mais comum para usu&aacute;rios que criam manualmente o child theme.<\/p><p class=\"wp-block-paragraph\">Para corrigi-lo, abra&nbsp;<strong>o style.css&nbsp;<\/strong>por meio do gerenciador de arquivos\/FTP e verifique se o par&acirc;metro&nbsp;<strong>Template&nbsp;<\/strong>corresponde ao nome da pasta do tema principal. Voc&ecirc; pode verificar o nome da pasta navegando at&eacute;&nbsp;<strong>wp-content<\/strong>&nbsp;&rarr;&nbsp;<strong>&nbsp;themes&nbsp;<\/strong>em seu diret&oacute;rio raiz.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"813\" height=\"372\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/style-css.png\/public\" alt=\"arquivo style.css com o tema selecionado no wordpress\" class=\"wp-image-48516\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/style-css.png\/w=813,fit=scale-down 813w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/style-css.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/style-css.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2017\/04\/style-css.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 813px) 100vw, 813px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\"><strong>O child theme n&atilde;o est&aacute; substituindo o tema pai<\/strong><\/p><p class=\"wp-block-paragraph\">Se suas altera&ccedil;&otilde;es no child theme n&atilde;o estiverem sendo exibidas, isso geralmente ocorre porque o child theme n&atilde;o est&aacute; na fila da folha de estilo do tema pai.<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; pode solucionar esse problema verificando se h&aacute; erros de digita&ccedil;&atilde;o em seu arquivo&nbsp;<strong>functions.php<\/strong>. Em seguida, verifique se o par&acirc;metro&nbsp;<strong>Template&nbsp;<\/strong>em&nbsp;<strong>style.css&nbsp;<\/strong>aponta para a pasta correta do tema pai.<\/p><p class=\"wp-block-paragraph\">O cache tamb&eacute;m pode ser um dos culpados. Comece tentando&nbsp;<a href=\"\/pt\/tutoriais\/como-limpar-o-cache-do-navegador\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>limpar o cache do navegador<\/strong><\/a>; se isso n&atilde;o funcionar, limpe&nbsp;<a href=\"\/pt\/tutoriais\/cache\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>o cache do site<\/strong><\/a>&nbsp;usando plugins como o&nbsp;<strong>LiteSpeed Cache&nbsp;<\/strong>ou&nbsp;<strong>o WP Rocket<\/strong>.<\/p><p class=\"wp-block-paragraph\">Outra possibilidade &eacute; que os estilos do tema pai estejam substituindo os do child theme. Para corrigir isso, localize o CSS conflitante em seu child theme e adicione a propriedade&nbsp;<strong>!important&nbsp;<\/strong>para for&ccedil;ar seus estilos a terem prioridade. Por exemplo:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">h1 {\n  color: red !important;\n}<\/pre><p class=\"wp-block-paragraph\">A propriedade&nbsp;<strong>!important&nbsp;<\/strong>garante que seu estilo substitua quaisquer estilos conflitantes, mesmo que eles tenham maior especificidade. Dito isso, use-a com modera&ccedil;&atilde;o, pois ela pode dificultar a depura&ccedil;&atilde;o e o gerenciamento do CSS.<\/p><p class=\"wp-block-paragraph\"><strong>Os arquivos de template n&atilde;o est&atilde;o substituindo os arquivos pai<\/strong><\/p><p class=\"wp-block-paragraph\">Esse problema ocorre quando o WordPress n&atilde;o reconhece ou n&atilde;o usa os arquivos de modelo em seu child theme para substituir os do tema pai.<\/p><p class=\"wp-block-paragraph\">Primeiro, verifique a conven&ccedil;&atilde;o de nomenclatura de arquivos. O arquivo de modelo no child theme deve ter exatamente o mesmo nome do arquivo que voc&ecirc; est&aacute; tentando substituir no tema pai.<\/p><p class=\"wp-block-paragraph\">Em seguida, verifique a localiza&ccedil;&atilde;o do arquivo. Certifique-se de colocar o arquivo do template na raiz da pasta do child theme (<strong>\/wp-content\/themes\/seu-child-theme\/<\/strong>), e n&atilde;o em um subdiret&oacute;rio.<\/p><p class=\"wp-block-paragraph\">Se isso n&atilde;o funcionar, tente limpar o navegador e o cache do site.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p class=\"wp-block-paragraph\">Usar um child theme &eacute; uma &oacute;tima maneira de transformar um tema padr&atilde;o do WordPress em uma solu&ccedil;&atilde;o personalizada que atenda &agrave;s suas necessidades. Voc&ecirc; pode experimentar diferentes recursos e designs e, ao mesmo tempo, garantir que eles permanecer&atilde;o compat&iacute;veis com as atualiza&ccedil;&otilde;es do tema principal.<\/p><p class=\"wp-block-paragraph\">Neste artigo, voc&ecirc; aprendeu a criar e personalizar um child theme no WordPress, bem como a solucionar problemas comuns. Esperamos que voc&ecirc; consiga tirar o m&aacute;ximo proveito desse poderoso recurso. Boa sorte!<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; tiver mais perguntas, sinta-se &agrave; vontade para deixar um coment&aacute;rio logo abaixo.<\/p><h2 class=\"wp-block-heading\" id=\"h-perguntas-frequentes-sobre-child-theme-wordpress\"><strong>Perguntas frequentes sobre&nbsp; child theme WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Por fim, vamos responder algumas perguntas frequentes sobre child themes no WordPress.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-694417649bf4c\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Qual &eacute; a diferen&ccedil;a entre um tema pai e um child theme no WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Um tema pai &eacute; o modelo principal que controla o design e a funcionalidade de um site WordPress, enquanto um child theme herda seus recursos. Um child theme permite que voc&ecirc; personalize o design sem alterar os arquivos do tema pai, para que as atualiza&ccedil;&otilde;es n&atilde;o destruam suas altera&ccedil;&otilde;es.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-694417649bf50\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Um child theme pode existir sem um tema pai?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>N&atilde;o, um child theme n&atilde;o pode funcionar sem o tema pai instalado porque ele depende do tema pai para os principais recursos e funcionalidades. Sem o tema pai, o child theme n&atilde;o tem a base necess&aacute;ria para funcionar corretamente no WordPress.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-694417649bf51\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Como atualizar um child theme no WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Para atualizar um child theme, edite seus arquivos diretamente ou adicione novos arquivos conforme necess&aacute;rio. As atualiza&ccedil;&otilde;es do tema principal n&atilde;o substituem os temas secund&aacute;rios, portanto, suas personaliza&ccedil;&otilde;es permanecer&atilde;o intactas. Apenas certifique-se de que o tema pai esteja sempre atualizado para fins de compatibilidade e seguran&ccedil;a.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-694417649bf52\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Um child theme deixa o WordPress mais lento?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Um child theme n&atilde;o afeta o desempenho do seu site WordPress mais do que o tema pai, pois ele simplesmente herda seus recursos. Apenas certifique-se de que qualquer c&oacute;digo personalizado que voc&ecirc; adicionar esteja bem otimizado e evite duplicar folhas de estilo ou fun&ccedil;&otilde;es j&aacute; presentes no tema pai.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Uma das maiores vantagens de usar o WordPress &eacute; o fato de ele ter uma infinidade de temas que voc&ecirc; pode escolher. Entretanto, se voc&ecirc; pretende personalizar o design ou a funcionalidade do seu tema, &eacute; importante usar um child theme (tema filho). E &eacute; para isso que estamos aqui: neste artigo, explicaremos como funciona [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/child-theme-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":125,"featured_media":49497,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Como criar child theme no WordPress: guia completo com dicas","rank_math_description":"Aprenda a criar um child theme WordPress eficiente, personalizando seu site sem perder atualiza\u00e7\u00f5es. Transforme seu projeto!","rank_math_focus_keyword":"Tema Filho Wordpress","footnotes":""},"categories":[4911],"tags":[4887],"class_list":["post-4757","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-theme-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-create-wordpress-child-theme\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/child-theme-wordpress\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/theme-enfant-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/utilizar-child-theme\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-child-theme-wordpress\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-child-theme-erstellen\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-create-wordpress-child-theme\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-create-wordpress-child-theme\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-create-wordpress-child-theme\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-create-wordpress-child-theme\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-create-wordpress-child-theme\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-create-wordpress-child-theme\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-create-wordpress-child-theme\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/utilizar-child-theme\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/utilizar-child-theme\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/utilizar-child-theme\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/child-theme-wordpress\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/4757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=4757"}],"version-history":[{"count":25,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/4757\/revisions"}],"predecessor-version":[{"id":49496,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/4757\/revisions\/49496"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media\/49497"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=4757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=4757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=4757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}