{"id":31530,"date":"2019-11-28T03:06:01","date_gmt":"2019-11-28T11:06:01","guid":{"rendered":"https:\/\/kinsta.com\/?p=56620"},"modified":"2025-02-19T11:42:08","modified_gmt":"2025-02-19T14:42:08","slug":"como-personalizar-tema-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/","title":{"rendered":"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)"},"content":{"rendered":"<p>Se voc\u00ea <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-instalar-um-tema-do-wordpress\/\">instalou um tema do WordPress<\/a>, mas ele n\u00e3o \u00e9 adequado para voc\u00ea, voc\u00ea pode estar se sentindo frustrado. H\u00e1 uma abund\u00e2ncia de op\u00e7\u00f5es dispon\u00edveis para voc\u00ea personalizar seus <a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\">temas WordPress<\/a>.<\/p>\n<p>O desafio \u00e9 encontrar a forma correta de o fazer.<\/p>\n<p>Neste post, vou gui\u00e1-lo atrav\u00e9s das op\u00e7\u00f5es para personalizar o seu tema WordPress, ajudar a decidir qual \u00e9 o certo para voc\u00ea e mostrar-lhe como faz\u00ea-lo de forma segura e eficiente.<\/p>\n<h3>Prefere assistir \u00e0 <a href=\"https:\/\/www.youtube.com\/watch?v=Ug74WmYV5Ws\">vers\u00e3o em v\u00eddeo<\/a>?<\/h3>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=Ug74WmYV5Ws\"><\/kinsta-video>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Op\u00e7\u00f5es para o Customizing de um Tema<\/h2>\n<p>Antes de mergulharmos e come\u00e7armos a fazer altera\u00e7\u00f5es ao seu tema, vale a pena compreender quais s\u00e3o as op\u00e7\u00f5es, uma vez que se adequam a diferentes situa\u00e7\u00f5es.<\/p>\n<p>Aqui est\u00e1 uma vis\u00e3o geral das op\u00e7\u00f5es dispon\u00edveis para voc\u00ea:<\/p>\n<p>Se voc\u00ea quiser adicionar funcionalidade ao seu tema, instale um plugin.<\/p>\n<ul>\n<li>Use o Customizer em suas telas <a href=\"https:\/\/kinsta.com\/pt\/blog\/painel-administrativo-wordpress\/\">de administra\u00e7\u00e3o do WordPress<\/a> para <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-alterar-fontes-no-wordpress\/\">personalizar fontes<\/a>, cores e talvez layout tamb\u00e9m, dependendo do seu tema.<\/li>\n<li>Se voc\u00ea estiver trabalhando com um tema <a href=\"https:\/\/kinsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/\">de construtor de p\u00e1ginas<\/a>, use seus recursos para personalizar o design do seu site.<\/li>\n<li>Se voc\u00ea instalou um tema de estrutura, use um dos temas filhos dispon\u00edveis para personalizar seu site, juntamente com quaisquer op\u00e7\u00f5es de personaliza\u00e7\u00e3o vi\u00e1veis pr\u00f3prias das telas de administra\u00e7\u00e3o.<\/li>\n<li>Se o tema for espec\u00edfico do seu site e voc\u00ea se sentir confort\u00e1vel em faz\u00ea-lo, edite o c\u00f3digo do tema diretamente.<\/li>\n<li>Se voc\u00ea quiser editar o c\u00f3digo de um tema de terceiros, <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-filho-no-wordpress\/\">crie um tema filho<\/a>.<\/li>\n<\/ul>\n<p>Se quiser <a href=\"https:\/\/kinsta.com\/pt\/blog\/editar-codigo-wordpress\/\">editar o c\u00f3digo<\/a>, tem v\u00e1rias op\u00e7\u00f5es \u00e0 sua disposi\u00e7\u00e3o, desde a utiliza\u00e7\u00e3o do <a href=\"https:\/\/kinsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\">block editor<\/a> at\u00e9 ao Customizer, passando pela edi\u00e7\u00e3o dos ficheiros. Vamos olhar para todos eles neste post, mas vamos come\u00e7ar com a op\u00e7\u00e3o mais simples: instalar um plugin.<\/p>\n<h2>Voc\u00ea Realmente Precisa Personalizar Seu Tema?<\/h2>\n<p>\u00c0s vezes voc\u00ea n\u00e3o precisa personalizar seu tema: em vez disso, voc\u00ea precisa <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-instalar-plugins-no-wordpress\/\">instalar um plugin<\/a>.<\/p>\n<p>Os temas ditam o design do seu site: o seu aspecto e a forma como apresenta o conte\u00fado (use nossa <a href=\"https:\/\/kinsta.com\/pt\/ferramentas\/detector-tema-wordpress\/\">ferramenta de detec\u00e7\u00e3o de temas<\/a> para identificar o tema subjacente para um projeto que voc\u00ea gosta). Os plugins adicionam funcionalidade extra.<\/p>\n<p>Se as mudan\u00e7as que voc\u00ea quer fazer est\u00e3o focadas na funcionalidade e n\u00e3o no design, considere instalar um plugin voc\u00ea mesmo. Este pode ser um plugin que voc\u00ea precisa escrever, um que voc\u00ea baixar do diret\u00f3rio de plugin, ou um que voc\u00ea comprar.<\/p>\n<p>Se quiser editar o ficheiro functions.php no seu tema, pergunte a si pr\u00f3prio:<\/p>\n<blockquote><p>Eu gostaria de manter essa funcionalidade se eu mudasse de tema no futuro?<\/p><\/blockquote>\n<p>Se a resposta for sim, esse c\u00f3digo deve ir em um plugin, n\u00e3o o seu tema.<\/p>\n<p>Bons exemplos do que voc\u00ea usaria um plugin em vez de um tema, incluindo adicionar <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-widgets\/\">widgets<\/a>, registrar <a href=\"https:\/\/kinsta.com\/pt\/blog\/tipos-publicacoes-personalizadas-wordpress\/\">tipos de posts personalizados<\/a> e taxonomias, criar campos personalizados e adicionar recursos extras como uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/plugins-ecommerce-do-wordpress\/\">loja<\/a> ou melhorias de SEO.<\/p>\n<h2>Personaliza\u00e7\u00e3o do Tema do WordPress Atrav\u00e9s das Telas de Administra\u00e7\u00e3o do WordPress<\/h2>\n<p>Se as mudan\u00e7as que voc\u00ea quer fazer s\u00e3o focadas no design e relativamente simples, voc\u00ea pode ser capaz de faz\u00ea-las atrav\u00e9s das telas de administra\u00e7\u00e3o. O Customizer d\u00e1-lhe uma variedade de op\u00e7\u00f5es para ajustar o seu tema: o que est\u00e1 dispon\u00edvel para si depender\u00e1 do seu tema. E voc\u00ea pode ver algo chamado Editor no menu Apar\u00eancia. Afasta-te disto, por raz\u00f5es que descreverei em breve.<\/p>\n<h3>Personaliza\u00e7\u00e3o do Tema Atrav\u00e9s do Personalizador<\/h3>\n<p>A maneira mais f\u00e1cil de personalizar seu tema do WordPress \u00e9 usando o WordPress Customizer.<\/p>\n<p>Voc\u00ea acessa isso de uma de duas maneiras:<\/p>\n<ul>\n<li>Ao visualizar seu site (quando voc\u00ea estiver conectado), clique no link <strong>Personalizar<\/strong> na barra de administra\u00e7\u00e3o na parte superior da tela.<\/li>\n<li>Nas telas de administra\u00e7\u00e3o, clique em<strong> Apar\u00eancia &gt; Personalizar.<\/strong><\/li>\n<\/ul>\n<p>Isto leva-o ao Customizer.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/personalizador.jpg\" alt=\"O Personalizador WordPress\" width=\"1500\" height=\"776\"><figcaption class=\"wp-caption-text\">O Personalizador WordPress<\/figcaption><\/figure>\n<p>Na captura de tela acima, eu instalei um tema livre chamado <a href=\"https:\/\/wordpress.org\/themes\/colormag\/\">ColorMag<\/a> que tem muitas op\u00e7\u00f5es de personaliza\u00e7\u00e3o. S\u00e3o adicionadas se\u00e7\u00f5es ao Customizer para recursos de design, incluindo uma imagem de cabe\u00e7alho, m\u00eddia social, cores de categoria e uma guia Op\u00e7\u00f5es de design que o leva a ainda mais guias onde voc\u00ea pode fazer altera\u00e7\u00f5es no layout e no design do seu site.<\/p>\n<p>Temas diferentes t\u00eam diferentes op\u00e7\u00f5es de personaliza\u00e7\u00e3o, mas temas mais recentes parecem estar adicionando mais e mais deles o tempo todo. Se voc\u00ea encontrar um tema que voc\u00ea gosta, mas que n\u00e3o \u00e9 muito certo para voc\u00ea, voc\u00ea pode achar que personaliz\u00e1-lo lhe d\u00e1 exatamente o design e layout que voc\u00ea precisa.<\/p>\n<h3>O Editor de Temas (e Por Que N\u00e3o Us\u00e1-lo)<\/h3>\n<p>Em suas telas de administra\u00e7\u00e3o, voc\u00ea pode notar uma op\u00e7\u00e3o chamada Editor de Temas, que voc\u00ea acessa atrav\u00e9s de<strong> Apar\u00eancia &gt; Editor de Temas.<\/strong><\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/editor-temas.jpg\" alt=\"O editor de temas WordPress\" width=\"1500\" height=\"772\"><figcaption class=\"wp-caption-text\">O editor de temas WordPress<\/figcaption><\/figure>\n<p>Isto d\u00e1-lhe acesso aos ficheiros no seu tema, o que significa que pode edit\u00e1-los diretamente.<\/p>\n<p>N\u00e3o o fa\u00e7as.<\/p>\n<p>Mesmo que voc\u00ea se sinta confort\u00e1vel escrevendo CSS ou PHP, editar os arquivos em seu tema como este \u00e9 uma id\u00e9ia muito ruim, por duas raz\u00f5es:<\/p>\n<ul>\n<li>Se voc\u00ea comprou ou baixou um tema de terceiros, quaisquer altera\u00e7\u00f5es que voc\u00ea fizer ser\u00e3o perdidas na pr\u00f3xima vez que voc\u00ea atualizar o tema (e <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-atualizar-um-tema-wordpress\/\">voc\u00ea deve manter seu tema atualizado por motivos de seguran\u00e7a<\/a>).<\/li>\n<li>Mais importante ainda, se voc\u00ea fizer uma altera\u00e7\u00e3o que quebre seu site, ela n\u00e3o ser\u00e1 rastreada e a vers\u00e3o anterior do arquivo n\u00e3o ser\u00e1 alterada. Podes irremediavelmente destruir o local.<\/li>\n<\/ul>\n<p>Se voc\u00ea quiser editar o c\u00f3digo em seu tema, voc\u00ea deve faz\u00ea-lo usando um editor de c\u00f3digo (confira os <a href=\"https:\/\/kinsta.com\/pt\/blog\/editores-html-gratuitos\/\">melhores editores HTML gratuitos<\/a>), e voc\u00ea n\u00e3o deve editar os arquivos em seu site ao vivo at\u00e9 que voc\u00ea o tenha testado em um <a href=\"https:\/\/kinsta.com\/pt\/blog\/site-de-teste-wordpress\/\">site de testes do WordPress<\/a>. Se voc\u00ea precisar editar um tema de terceiros, voc\u00ea deve faz\u00ea-lo atrav\u00e9s de um tema filho. Mais sobre os dois mais tarde neste post.<\/p>\n<p>O WordPress sabe como \u00e9 inseguro usar o editor de temas: ele at\u00e9 lhe d\u00e1 um aviso quando voc\u00ea tenta acess\u00e1-lo.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/atencao-editor-temas.jpg\" alt=\"Aten\u00e7\u00e3o para n\u00e3o utilizar o editor de temas WordPress\" width=\"1500\" height=\"1022\"><figcaption class=\"wp-caption-text\">Aten\u00e7\u00e3o para n\u00e3o utilizar o editor de temas WordPress<\/figcaption><\/figure>\n<p>So take WordPress&#8217;s advice: don&#8217;t use the theme editor!<\/p>\n<h2>Usando Construtores de P\u00e1ginas e Plataformas para Personalizar Seu Tema WordPress<\/h2>\n<p>Uma grande parte dos temas do WordPress tem op\u00e7\u00f5es de personaliza\u00e7\u00e3o, o que significa que voc\u00ea pode fazer altera\u00e7\u00f5es no design e no layout atrav\u00e9s do Customizer.<\/p>\n<p>Mas alguns temas levam isso mais longe e s\u00e3o projetados para serem estendidos e significativamente personalizados. Esses temas s\u00e3o chamados de quadros tem\u00e1ticos.<\/p>\n<p>Outra op\u00e7\u00e3o \u00e9 usar um plugin que permite que voc\u00ea crie seu site usando uma interface amig\u00e1vel: esses s\u00e3o chamados de construtores de p\u00e1ginas.<\/p>\n<h3>Usando um Criador de P\u00e1ginas para Personalizar Seu Tema<\/h3>\n<p>Os plugins do Page Builder s\u00e3o projetados para facilitar a configura\u00e7\u00e3o do design do seu site, usando uma interface que permite que voc\u00ea veja o que est\u00e1 recebendo.<\/p>\n<p>Voc\u00ea instala um plugin de construtor de p\u00e1ginas com um tema compat\u00edvel, e ent\u00e3o usa as op\u00e7\u00f5es que ele lhe d\u00e1 para projetar seu site exatamente da maneira que voc\u00ea quer.<\/p>\n<p>Um dos construtores de p\u00e1ginas mais conhecidos \u00e9 a<a href=\"https:\/\/en-gb.wordpress.org\/plugins\/elementor\/\"> Elementor<\/a>, mas pode descobrir algumas alternativas no nosso <a href=\"https:\/\/kinsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/\">conjunto de construtores de p\u00e1ginas<\/a>.<\/p>\n<p>Os construtores de p\u00e1ginas permitem que voc\u00ea edite suas postagens e p\u00e1ginas com uma interface de arrastar e soltar, o que significa que voc\u00ea pode ver como seu conte\u00fado vai parecer e pode tornar cada p\u00e1gina \u00fanica.<\/p>\n<p>Abaixo, eu estou usando o construtor de p\u00e1gina Elementor com o tema <a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/#hello-elementor\">Hello Elementor<\/a>, que \u00e9 compat\u00edvel com ele.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/interface-elementor.jpg\" alt=\"A interface Elementor\" width=\"1500\" height=\"787\"><figcaption class=\"wp-caption-text\">A interface Elementor<\/figcaption><\/figure>\n<p>Os construtores de p\u00e1ginas d\u00e3o-lhe muita flexibilidade com o layout e design das suas p\u00e1ginas. Se voc\u00ea estiver acostumado com um construtor de sites como o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wix-vs-wordpress\/\">Wix<\/a>, eles podem ajudar a facilitar a <a href=\"https:\/\/kinsta.com\/pt\/blog\/migrar-do-wix-para-o-wordpress\/\">transi\u00e7\u00e3o para o WordPress<\/a>. E se voc\u00ea preferir uma interface WYSIWYG para o seu conte\u00fado WordPress, eles podem ajud\u00e1-lo a projetar suas p\u00e1ginas rapidamente.<\/p>\n<h3>Usando uma Estrutura Tem\u00e1tica para Personalizar Seu Tema<\/h3>\n<p>Uma alternativa aos construtores de p\u00e1ginas s\u00e3o os frameworks tem\u00e1ticos. S\u00e3o conjuntos de temas concebidos para trabalhar em conjunto. H\u00e1 um tema pai que \u00e9 a estrutura, e uma escolha de temas filhos que voc\u00ea pode usar para personalizar o tema principal e fazer com que ele pare\u00e7a o que voc\u00ea quer.<\/p>\n<p>Um exemplo de estruturas tem\u00e1ticas \u00e9 o <a href=\"https:\/\/kinsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/#divi\">Divi<\/a>, que tem op\u00e7\u00f5es de personaliza\u00e7\u00e3o que permitem ajustar ainda mais o design do seu tema infantil, incluindo uma interface de arrastar e soltar semelhante \u00e0 dos construtores de p\u00e1ginas.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/tema-divi.jpg\" alt=\"O tema Divi\" width=\"1500\" height=\"811\"><figcaption class=\"wp-caption-text\">O tema Divi<\/figcaption><\/figure>\n<p>Leitura recomendada: <a href=\"https:\/\/kinsta.com\/pt\/blog\/divi-vs-elementor\/\">Divi vs Elementor: Compara\u00e7\u00e3o dos Plugins do WordPress Page Builder<\/a><\/p>\n<h2>Editando o C\u00f3digo do Seu Tema WordPress<\/h2>\n<p>Se voc\u00ea se sentir confort\u00e1vel <a href=\"https:\/\/kinsta.com\/pt\/blog\/editar-codigo-wordpress\/\">editando CSS e\/ou PHP<\/a>, ent\u00e3o voc\u00ea pode editar o c\u00f3digo em seu tema para personalizar seu tema.<\/p>\n<p>Isto d\u00e1-lhe o maior grau de controlo.<\/p>\n<p>Se estiveres a editar o teu pr\u00f3prio tema, que \u00e9 espec\u00edfico do teu site e foi desenvolvido especialmente para ele, ent\u00e3o podes fazer edi\u00e7\u00f5es ao tema diretamente. Mas se voc\u00ea estiver trabalhando com um <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-instalar-um-tema-do-wordpress\/#where\">tema de terceiros<\/a> e quiser edit\u00e1-lo, voc\u00ea deve criar um tema filho para evitar <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-atualizar-um-tema-wordpress\/#update-custom-theme\">perder suas altera\u00e7\u00f5es na pr\u00f3xima vez que voc\u00ea atualizar o tema<\/a>.<\/p>\n<h3>Editando Arquivos de Tema<\/h3>\n<p>O primeiro passo para editar o seu tema WordPress \u00e9 entender quais arquivos de temas controlam o qu\u00ea e quais voc\u00ea precisa editar.<\/p>\n<h4>A Folha de Estilo<\/h4>\n<p>Cada tema do WordPress tem uma folha de estilo, chamada style.css. Ele cont\u00e9m todo o c\u00f3digo para estilizar o seu site: layout, fontes, cores e muito mais.<\/p>\n<p>Se voc\u00ea quiser alterar as cores do tema, por exemplo, voc\u00ea faria edi\u00e7\u00f5es na folha de estilo. Se voc\u00ea quiser adicionar uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-alterar-fontes-no-wordpress\/\">nova fonte<\/a>, use a folha de estilo para aplic\u00e1-la a diferentes elementos, como o corpo do texto e os cabe\u00e7alhos.<\/p>\n<p>Preste aten\u00e7\u00e3o ao editar a folha de estilo: especificidade significa que o c\u00f3digo de um elemento n\u00e3o est\u00e1 sempre vindo de onde voc\u00ea acha que ele est\u00e1. Os elementos herdar\u00e3o o estilo de outros elementos que est\u00e3o acima deles na hierarquia da p\u00e1gina, a menos que voc\u00ea adicione um estilo espec\u00edfico para o elemento inferior.<\/p>\n<p>Para descobrir o que o CSS est\u00e1 afetando quais elementos na p\u00e1gina, voc\u00ea pode usar o inspetor do seu navegador para visualizar o CSS (Chrome DevTools neste exemplo):<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/inspecionar-codigo-1.jpg\" alt=\"Inspecionar o c\u00f3digo em um site do WordPress com o Chrome DevTools\" width=\"1500\" height=\"774\"><figcaption class=\"wp-caption-text\">Inspecionar o c\u00f3digo em um site do WordPress com o Chrome DevTools<\/figcaption><\/figure>\n<p>Voc\u00ea pode usar isso para escrever novos CSS que direcionam elementos individuais ou um intervalo de elementos ou classes na p\u00e1gina.<\/p>\n<p>Se toda essa conversa sobre elementos, classes e especificidade \u00e9 nova para voc\u00ea, voc\u00ea pode querer evitar editar diretamente o CSS do seu tema. Pelo menos at\u00e9 <a href=\"https:\/\/www.codecademy.com\/learn\/learn-css\">aprenderes mais sobre CSS<\/a> e como funciona.<\/p>\n<h4>O File de Fun\u00e7\u00f5es<\/h4>\n<p>Outro arquivo que praticamente todos os temas ter\u00e3o \u00e9 o arquivo de fun\u00e7\u00f5es (functions.php). Este \u00e9 o ficheiro que faz com que um monte de coisas funcionem no teu tema. Dentro dele, voc\u00ea pode encontrar c\u00f3digo para registrar recursos de temas como imagens em destaque, widgets e muito mais.<\/p>\n<p>Se voc\u00ea estiver tentado a adicionar c\u00f3digo funcional ao seu tema, \u00e9 aqui que voc\u00ea o adicionar\u00e1. Mas cuidado: na maioria dos casos, voc\u00ea deveria estar escrevendo um plugin. Pergunte a si mesmo:<\/p>\n<blockquote><p>Eu gostaria de manter essa funcionalidade se eu mudasse de tema no futuro?<\/p><\/blockquote>\n<p>Se a resposta for sim, escreva um plugin em vez de adicionar c\u00f3digo ao arquivo de fun\u00e7\u00f5es. Os plugins n\u00e3o precisam ser grandes: n\u00e3o h\u00e1 nada que impe\u00e7a voc\u00ea de criar um para algumas linhas de c\u00f3digo.<\/p>\n<p>O arquivo de fun\u00e7\u00f5es \u00e9 todo escrito em <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-php-morreu\/\">PHP<\/a>, ent\u00e3o voc\u00ea precisa estar familiarizado com isso. N\u00e3o copie cegamente o c\u00f3digo que encontrar atrav\u00e9s de uma pesquisa do Google: reserve algum tempo para descobrir o que esse c\u00f3digo faz e para o compreender. Dessa forma, \u00e9 menos prov\u00e1vel que voc\u00ea adicione c\u00f3digo que n\u00e3o \u00e9 t\u00e3o bom quanto deveria ser.<\/p>\n<h4>Os Arquivos de Tema Modelos de Tema<\/h4>\n<p>A maioria dos ficheiros num tema s\u00e3o ficheiros de modelos de temas. Estes s\u00e3o arquivos que determinam o conte\u00fado que o WordPress produz em uma determinada p\u00e1gina e s\u00e3o selecionados de acordo com a <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-filho-no-wordpress\/#how-wordpress-chooses-template-files\">hierarquia de modelos<\/a>.<\/p>\n<p>Se voc\u00ea quiser alterar a forma como o conte\u00fado \u00e9 gerado em um determinado tipo de mensagem, p\u00e1gina ou arquivo, voc\u00ea precisar\u00e1 editar um desses arquivos ou criar um novo.<\/p>\n<p>Por exemplo, digamos que seu tema tenha um arquivo archive.php que est\u00e1 sendo usado para gerar p\u00e1ginas de arquivo para <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-taxonomia\/\">categorias e tags<\/a>. Voc\u00ea deseja fazer altera\u00e7\u00f5es na forma como as tags s\u00e3o impressas. Ent\u00e3o voc\u00ea cria um arquivo chamado &#8220;tag.php&#8221;, que seria baseado em archive.php com seus ajustes.<\/p>\n<p>Novamente, tenha cuidado na edi\u00e7\u00e3o dos arquivos: eles podem quebrar o seu site. Sempre teste em uma instala\u00e7\u00e3o local usando uma ferramenta como <a href=\"https:\/\/kinsta.com\/pt\/devkinsta\/\">DevKinsta<\/a> e\/ou um <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/ambientes-de-teste\/\">site de teste WordPress<\/a> primeiro.<\/p>\n<p>Qualquer um desses tipos de arquivo que voc\u00ea precise editar, voc\u00ea deve faz\u00ea-lo corretamente. Leia a se\u00e7\u00e3o abaixo sobre as melhores pr\u00e1ticas para descobrir como editar seu c\u00f3digo de uma forma que n\u00e3o quebre seu site e n\u00e3o cause problemas de seguran\u00e7a.<\/p>\n<h3>Customizing de um Tema de Terceiros Com um Tema Infantil<\/h3>\n<p>Se o tema em execu\u00e7\u00e3o no seu site for de um terceiro e voc\u00ea quiser editar o c\u00f3digo, ser\u00e1 necess\u00e1rio <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-filho-no-wordpress\/#create\">criar um tema infantil<\/a>.<\/p>\n<p>Isto porque se voc\u00ea editar o tema diretamente e depois atualiz\u00e1-lo (o que voc\u00ea deve fazer), voc\u00ea perder\u00e1 todas as altera\u00e7\u00f5es que voc\u00ea fez.<\/p>\n<p>A cria\u00e7\u00e3o de um tema filho consiste em quatro etapas:<\/p>\n<ol>\n<li>Crie uma nova pasta em <strong>wp-content\/themes<\/strong>.<\/li>\n<li>Nessa pasta, crie uma folha de estilo. Nessa folha de estilo, diga ao WordPress que este \u00e9 um tema infantil do seu tema existente.<\/li>\n<li>Adicione c\u00f3pias dos arquivos que voc\u00ea deseja editar ao tema filho e edite-os l\u00e1.<\/li>\n<li>Ative o tema filho no seu site.<\/li>\n<\/ol>\n<p>O WordPress sempre usar\u00e1 um arquivo do tema filho para gerar conte\u00fado, a menos que haja um arquivo superior na hierarquia do tema pai. Se houver duas vers\u00f5es do mesmo arquivo, ele usar\u00e1 a do tema filho. Isso significa que seu novo arquivo no tema filho substituir\u00e1 o do tema pai.<\/p>\n<h2>Melhores Pr\u00e1ticas para o Customizing de Temas do WordPress<\/h2>\n<p>Ent\u00e3o est\u00e1s a planear personalizar o teu tema. Antes de prosseguir e fazer as altera\u00e7\u00f5es, siga estas dicas para garantir que voc\u00ea est\u00e1 fazendo isso com seguran\u00e7a e que n\u00e3o vai quebrar seu site, torn\u00e1-lo <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-hackeado\/\">vulner\u00e1vel a ataques<\/a> ou perder seu c\u00f3digo.<\/p>\n<h3>Se Poss\u00edvel, Personalize sem Editar C\u00f3digo<\/h3>\n<p>Se voc\u00ea pode fazer suas personaliza\u00e7\u00f5es atrav\u00e9s do Customizer ou em outro lugar nas telas de administra\u00e7\u00e3o, isso \u00e9 mais seguro do que editar o c\u00f3digo.<\/p>\n<p>Somente edite o c\u00f3digo se voc\u00ea estiver familiarizado com CSS (para a folha de estilo) e PHP (para outros arquivos de tema) e souber como faz\u00ea-lo com seguran\u00e7a.<\/p>\n<h3>Use um Site de Teste Local para Fazer Suas Altera\u00e7\u00f5es<\/h3>\n<p>Se voc\u00ea estiver editando o c\u00f3digo em seu tema ou criando um tema filho para fazer altera\u00e7\u00f5es, voc\u00ea deve fazer o trabalho de desenvolvimento em <a href=\"https:\/\/kinsta.com\/pt\/blog\/instalar-wordpress-localmente\/\">uma instala\u00e7\u00e3o local do WordPress<\/a> com seu tema instalado e seu conte\u00fado copiado de seu site ao vivo.<\/p>\n<p>Desta forma, voc\u00ea tem um espelho de seu site ao vivo para testar suas mudan\u00e7as. Trabalhar em um site local n\u00e3o ter\u00e1 nenhum efeito em seu site ao vivo e pode ser mais r\u00e1pido.<\/p>\n<p>Mesmo que voc\u00ea esteja usando o Customizer, pode ser \u00fatil usar uma vers\u00e3o local do seu site para testes, pois voc\u00ea pode publicar suas altera\u00e7\u00f5es e test\u00e1-las sem afetar o site ao vivo.<\/p>\n<p>Depois de ter testado as altera\u00e7\u00f5es ao seu tema, pode envi\u00e1-lo para o seu site ao vivo ou, melhor ainda, pode test\u00e1-lo num site de teste e depois <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/ambiente-de-teste\/#push-staging-to-live-1\">mov\u00ea-lo para produ\u00e7\u00e3o (ao vivo)<\/a>.<\/p>\n<h3>Usar Controle de Vers\u00e3o<\/h3>\n<p>Quando voc\u00ea estiver fazendo altera\u00e7\u00f5es em seu tema, voc\u00ea deve usar o controle de vers\u00e3o para rastrear suas altera\u00e7\u00f5es.<\/p>\n<p>Na sua forma mais simples, isto significa alterar o n\u00famero da vers\u00e3o do tema e manter c\u00f3pias de ambas as vers\u00f5es. Mas se o seu gong para fazer o controle de vers\u00e3o corretamente, voc\u00ea precisa usar um servi\u00e7o como o <a href=\"https:\/\/kinsta.com\/pt\/blog\/que-github\/\">GitHub para rastrear suas mudan\u00e7as<\/a>.<\/p>\n<p>Desta forma, se uma altera\u00e7\u00e3o causar problemas, voc\u00ea pode facilmente revert\u00ea-la sem ter que fazer edi\u00e7\u00f5es manuais.<\/p>\n<p>O <a href=\"https:\/\/kinsta.com\/pt\/blog\/controle-de-versoes-wordpress\/\">controle de vers\u00e3o<\/a> \u00e9 ainda mais \u00fatil se voc\u00ea estiver trabalhando como parte de uma equipe, j\u00e1 que voc\u00ea poder\u00e1 ver o que outros membros est\u00e3o fazendo. N\u00e3o se esque\u00e7a de ler o nosso <a href=\"https:\/\/kinsta.com\/pt\/blog\/git-vs-github\/\">guia git vs Github<\/a>.<\/p>\n<h3>Use um Local de Prepara\u00e7\u00e3o para Testar Suas Altera\u00e7\u00f5es<\/h3>\n<p>Se voc\u00ea tem acesso a um site de teste (como o <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/ambiente-de-teste\/\">ambiente de teste gratuito<\/a> da Kinsta que vem com todos os planos), testar isso antes de ativar a nova vers\u00e3o do seu tema (ou o novo tema infantil) em seu site ao vivo \u00e9 a maneira mais segura de proceder.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/mykinsta-staging.jpg\" alt=\"myKinsta staging\" width=\"1500\" height=\"724\"><figcaption class=\"wp-caption-text\">myKinsta staging<\/figcaption><\/figure>\n<p>Isto porque qualquer site local ter\u00e1 algumas diferen\u00e7as em rela\u00e7\u00e3o ao seu site real: ele est\u00e1 em um servidor diferente (um criado em sua m\u00e1quina local), ele pode estar rodando uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-atualizar-o-php-no-wordpress\/\">vers\u00e3o diferente do PHP<\/a> ou qualquer uma das outras ferramentas que rodam seu site.<\/p>\n<p>Fa\u00e7a uma c\u00f3pia do seu site ao vivo no seu servidor de prepara\u00e7\u00e3o e, em seguida, carregue e <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-instalar-um-tema-do-wordpress\/#install-free\">ative o seu novo tema<\/a>. Teste seu site completamente para ter certeza de que tudo funciona, e ent\u00e3o voc\u00ea pode empurrar suas mudan\u00e7as para o seu site ao vivo.<\/p>\n<h3>Fa\u00e7a com que o Seu Tema Responda<\/h3>\n<p>Quaisquer altera\u00e7\u00f5es que voc\u00ea precise fazer ao seu tema devem funcionar tanto no celular quanto no desktop.<\/p>\n<p>Com cada vez mais pessoas a aceder \u00e0 Internet atrav\u00e9s do telem\u00f3vel e do <a href=\"https:\/\/kinsta.com\/pt\/blog\/google-mobile-first-index\/\">\u00edndice Mobile-first do Google<\/a>, \u00e9 provavelmente mais importante agora que o seu tema funcione no telem\u00f3vel do que no computador. Portanto, quaisquer mudan\u00e7as que voc\u00ea fa\u00e7a no seu tema precisam ser amig\u00e1veis para dispositivos m\u00f3veis ou, de prefer\u00eancia, m\u00f3veis primeiro, quando relevante.<\/p>\n<p>Isto aplica-se principalmente a quaisquer altera\u00e7\u00f5es que fizer ao seu estilo ou layout: verifique se o novo layout funciona no telem\u00f3vel e se adicionou consultas multim\u00e9dia para que o layout se ajuste a diferentes tamanhos de ecr\u00e3.<\/p>\n<p>Se o seu tema n\u00e3o for responsivo, ele ter\u00e1 um impacto negativo nas classifica\u00e7\u00f5es e nas <a href=\"https:\/\/kinsta.com\/pt\/blog\/dicas-otimizacao-taxa-conversao\/\">taxas de convers\u00e3o <\/a><a href=\"https:\/\/kinsta.com\/pt\/blog\/patentes-google-fatores-ranking\/\">do<\/a> seu <a href=\"https:\/\/kinsta.com\/pt\/blog\/patentes-google-fatores-ranking\/\">mecanismo de pesquisa<\/a>.<\/p>\n<p>Se voc\u00ea n\u00e3o tem acesso a muitos dispositivos m\u00f3veis diferentes para testar, voc\u00ea pode usar uma ferramenta como o <a href=\"https:\/\/www.browserstack.com\/\">BrowserStack<\/a> para ver como seu site fica em dispositivos diferentes. Voc\u00ea tamb\u00e9m pode usar as ferramentas Developer em seu navegador e as exibi\u00e7\u00f5es responsivas no Customizer.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/10\/ferramentas-responsivas-customizer.jpg\" alt=\"Ferramentas responsivas no WordPress Customizer\" width=\"1500\" height=\"862\"><figcaption class=\"wp-caption-text\">Ferramentas responsivas no WordPress Customizer<\/figcaption><\/figure>\n<h3>Certifique-se de Suas Personaliza\u00e7\u00f5es N\u00e3o ter Impacto Sobre a Acessibilidade<\/h3>\n<p>Quaisquer altera\u00e7\u00f5es ao seu tema tamb\u00e9m precisam ser acess\u00edveis para usu\u00e1rios com defici\u00eancia ou defici\u00eancias sensoriais.<\/p>\n<p>N\u00e3o se trata apenas de garantir que seu site funcione em leitores de tela: outras considera\u00e7\u00f5es <a href=\"https:\/\/kinsta.com\/pt\/blog\/esquemas-de-cores-site\/\">como esquemas de cores e tamanhos<\/a> de fontes s\u00e3o importantes para um grande n\u00famero de pessoas.<\/p>\n<p>Se as altera\u00e7\u00f5es que est\u00e1s a fazer ao teu tema s\u00e3o para tornar as cores mais brilhantes ou o texto mais pequeno, pensa novamente: isto pode tornar dif\u00edcil para as pessoas ler ou interagir com o teu site.<\/p>\n<p>Antes de fazer qualquer mudan\u00e7a ao vivo, use um <a href=\"https:\/\/www.w3.org\/WAI\/ER\/tools\/\">verificador de acessibilidade<\/a> para testar seu site e certifique-se de que ele n\u00e3o est\u00e1 excluindo pessoas.<\/p>\n<h3>Siga as Normas de Codifica\u00e7\u00e3o do WordPress<\/h3>\n<p>Se voc\u00ea estiver editando o c\u00f3digo em seu tema ou criando um tema filho, certifique-se de que seu c\u00f3digo esteja alinhado com os <a href=\"https:\/\/codex.wordpress.org\/WordPress_Coding_Standards\">padr\u00f5es de codifica\u00e7\u00e3o do WordPress<\/a>.<\/p>\n<p>Esses padr\u00f5es existem para garantir a consist\u00eancia e a qualidade do c\u00f3digo e para evitar que o <a href=\"https:\/\/kinsta.com\/blog\/is-wordpress-code-really-a-mess\/\">c\u00f3digo seja uma bagun\u00e7a<\/a>. Existem padr\u00f5es para PHP, CSS e JavaScript, por isso reserve algum tempo para verificar aqueles que s\u00e3o relevantes para si e certifique-se de que os segue.<\/p>\n<p>Se o seu tema WordPress existente estiver bem codificado e voc\u00ea escrever qualquer novo c\u00f3digo de uma forma que seja consistente com isso, voc\u00ea est\u00e1 no caminho certo para garantir que seu c\u00f3digo esteja em conformidade. Certifique-se de que adiciona coment\u00e1rios a quaisquer altera\u00e7\u00f5es que fa\u00e7a ao tema para que voc\u00ea ou outros saibam o que fez quando voltar a trabalhar no c\u00f3digo no futuro. Voc\u00ea pode pensar que n\u00e3o vai esquecer, mas depois de alguns meses, \u00e9 surpreendentemente f\u00e1cil esquecer porque voc\u00ea editou uma linha de c\u00f3digo.<\/p>\n\n<h2>Resumo<\/h2>\n<p>Personalizar o seu tema WordPress n\u00e3o \u00e9 assim t\u00e3o dif\u00edcil. \u00c0s vezes \u00e9 um caso simples de usar o Customizer para fazer mudan\u00e7as nas fontes, cores ou em seu <a href=\"https:\/\/kinsta.com\/pt\/blog\/favicon-no-wordpress\/\">favicon<\/a>\u00a0(certifique-se de ler nosso guia detalhado sobre <a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-wordpress\/\">fontes do WordPress<\/a>). Outras vezes, voc\u00ea precisa criar um novo tema filho para adicionar um novo arquivo de modelo a um tema.<\/p>\n<p>As op\u00e7\u00f5es que voc\u00ea tem para personalizar seu tema incluem usar um plugin ou o Customizer, editar o c\u00f3digo do tema WordPress diretamente ou criar um tema filho.<\/p>\n<p>Identifique a op\u00e7\u00e3o certa para voc\u00ea e fa\u00e7a suas personaliza\u00e7\u00f5es com seguran\u00e7a, tudo sem quebrar seu site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea instalou um tema do WordPress, mas ele n\u00e3o \u00e9 adequado para voc\u00ea, voc\u00ea pode estar se sentindo frustrado. H\u00e1 uma abund\u00e2ncia de op\u00e7\u00f5es dispon\u00edveis &#8230;<\/p>\n","protected":false},"author":105,"featured_media":31540,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[236,195],"topic":[1026,1036],"class_list":["post-31530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-wordpress-themes","tag-wptips","topic-desenvolvimento-wordpress","topic-temas-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)<\/title>\n<meta name=\"description\" content=\"Precisa mudar a apar\u00eancia do seu tema do WordPress? Saiba como personalizar corretamente os temas do WordPress usando um dos melhores m\u00e9todos (tutorial).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)\" \/>\n<meta property=\"og:description\" content=\"Precisa mudar a apar\u00eancia do seu tema do WordPress? Saiba como personalizar corretamente os temas do WordPress usando um dos melhores m\u00e9todos (tutorial).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-28T11:06:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-19T14:42:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rachel McCollin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Precisa mudar a apar\u00eancia do seu tema do WordPress? Saiba como personalizar corretamente os temas do WordPress usando um dos melhores m\u00e9todos (tutorial).\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rachel McCollin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/\"},\"author\":{\"name\":\"Rachel McCollin\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\"},\"headline\":\"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)\",\"datePublished\":\"2019-11-28T11:06:01+00:00\",\"dateModified\":\"2025-02-19T14:42:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/\"},\"wordCount\":3876,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png\",\"keywords\":[\"wordpress themes\",\"wptips\"],\"articleSection\":[\"Melhores Tutoriais WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/\",\"name\":\"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png\",\"datePublished\":\"2019-11-28T11:06:01+00:00\",\"dateModified\":\"2025-02-19T14:42:08+00:00\",\"description\":\"Precisa mudar a apar\u00eancia do seu tema do WordPress? Saiba como personalizar corretamente os temas do WordPress usando um dos melhores m\u00e9todos (tutorial).\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temas WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/temas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\",\"name\":\"Rachel McCollin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"caption\":\"Rachel McCollin\"},\"description\":\"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/rachelmccollin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)","description":"Precisa mudar a apar\u00eancia do seu tema do WordPress? Saiba como personalizar corretamente os temas do WordPress usando um dos melhores m\u00e9todos (tutorial).","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:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)","og_description":"Precisa mudar a apar\u00eancia do seu tema do WordPress? Saiba como personalizar corretamente os temas do WordPress usando um dos melhores m\u00e9todos (tutorial).","og_url":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2019-11-28T11:06:01+00:00","article_modified_time":"2025-02-19T14:42:08+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png","type":"image\/png"}],"author":"Rachel McCollin","twitter_card":"summary_large_image","twitter_description":"Precisa mudar a apar\u00eancia do seu tema do WordPress? Saiba como personalizar corretamente os temas do WordPress usando um dos melhores m\u00e9todos (tutorial).","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Rachel McCollin","Tempo estimado de leitura":"17 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/"},"author":{"name":"Rachel McCollin","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/52eb266d622b565d3206e355caac172e"},"headline":"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)","datePublished":"2019-11-28T11:06:01+00:00","dateModified":"2025-02-19T14:42:08+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/"},"wordCount":3876,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png","keywords":["wordpress themes","wptips"],"articleSection":["Melhores Tutoriais WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/","url":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/","name":"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png","datePublished":"2019-11-28T11:06:01+00:00","dateModified":"2025-02-19T14:42:08+00:00","description":"Precisa mudar a apar\u00eancia do seu tema do WordPress? Saiba como personalizar corretamente os temas do WordPress usando um dos melhores m\u00e9todos (tutorial).","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/11\/como-personalizar-tema-wordpress.png","width":1460,"height":730,"caption":"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/como-personalizar-tema-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Temas WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/temas-wordpress\/"},{"@type":"ListItem","position":3,"name":"Como Personalizar Seu Tema do WordPress (5 Maneiras Passo a Passo)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/52eb266d622b565d3206e355caac172e","name":"Rachel McCollin","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","caption":"Rachel McCollin"},"description":"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.","url":"https:\/\/kinsta.com\/pt\/blog\/author\/rachelmccollin\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/31530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=31530"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/31530\/revisions"}],"predecessor-version":[{"id":49115,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/31530\/revisions\/49115"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/translations\/jp"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/31530\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/31540"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=31530"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=31530"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=31530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}