{"id":26633,"date":"2019-06-24T03:52:26","date_gmt":"2019-06-24T10:52:26","guid":{"rendered":"https:\/\/kinqsta.com\/?post_type=knowledgebase&#038;p=45627"},"modified":"2025-10-01T17:09:45","modified_gmt":"2025-10-01T20:09:45","slug":"editar-codigo-wordpress","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/","title":{"rendered":"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)"},"content":{"rendered":"<p>Apesar de o WordPress permitir a quem n\u00e3o \u00e9 programador gerenciar mais facilmente um site, \u00e9 prov\u00e1vel que chegue o momento em que voc\u00ea pretende editar o c\u00f3digo do WordPress para obter um pouco mais de controle sobre o aspeto ou funcionamento do seu site.<\/p>\n<p>Para ajudar voc\u00ea nessa parte, essa publica\u00e7\u00e3o mostrar\u00e1 como editar com seguran\u00e7a o c\u00f3digo do WordPress de v\u00e1rias formas:<\/p>\n<ul>\n<li><a href=\"#post\">Editar HTML do WordPress para Publica\u00e7\u00f5es ou P\u00e1ginas Individuais<\/a><\/li>\n<li><a href=\"#theme\">Editar o C\u00f3digo HTML\/PHP do Seu Tema<\/a><\/li>\n<li><a href=\"#css\">Adicionar CSS Personalizado ao Su Site<\/a><\/li>\n<\/ul>\n<p>Se j\u00e1 sabe o que pretende fazer, clique em um dos links acima para ir direto para essa se\u00e7\u00e3o espec\u00edfica. Se n\u00e3o, vamos editar!<\/p>\n<h2 id=\"post\">Como Editar HTML do WordPress para Publica\u00e7\u00f5es ou P\u00e1ginas Individuais<\/h2>\n<p>Comecemos com a forma mais simples de editar HTML do WordPress \u2013 indo at\u00e9 ao c\u00f3digo-fonte para publica\u00e7\u00f5es individuais, p\u00e1ginas ou outros tipos de publica\u00e7\u00f5es no WordPress.<\/p>\n<p>Pode fazer isso no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\">novo editor de blocos do WordPress (Gutenberg)<\/a> e tamb\u00e9m no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/desabilitar-o-editor-wordpress-gutenberg\/\">antigo editor cl\u00e1ssico TinyMCE<\/a><\/p>\n<h3>Como Editar HTML do WordPress no Editor de Blocos (Gutenberg)<\/h3>\n<p>Existem algumas formas de trabalhar com o HTML no Gutenberg.<\/p>\n<p>Primeiro, se quiser somente adicionar seu pr\u00f3prio c\u00f3digo HTML a uma parte do conte\u00fado, recomendo <strong>n\u00e3o<\/strong> tentar editar todo o c\u00f3digo-fonte da sua publica\u00e7\u00e3o, j\u00e1 que isso complica bastante as coisas sem necessidade.<\/p>\n<p>Em alternativa, s\u00f3 precisa de usar o bloco <strong>HTML Personalizado<\/strong> para esse fim e colar nele o HTML que pretende usar:<\/p>\n<figure style=\"width: 2220px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/bloco-html-personalizado-gutenberg.png\" alt=\"Bloco HTML personalizado no Gutenberg\" width=\"2220\" height=\"1379\"><figcaption class=\"wp-caption-text\">Bloco HTML personalizado no Gutenberg<\/figcaption><\/figure>\n<p>Contudo, pode tamb\u00e9m haver um momento em que precisa de editar diretamente o HTML de um bloco diferente. Por exemplo, se quiser adicionar uma tag nofollow a um link no editor de blocos, ter\u00e1 de editar o HTML desse bloco.<\/p>\n<p>Existem duas formas de fazer isso\u2026<\/p>\n<p>Primeiro, pode clicar nas op\u00e7\u00f5es de um bloco individual e escolher a op\u00e7\u00e3o <strong>Editar como HTML<\/strong>:<\/p>\n<figure style=\"width: 1662px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/como-editar-unico-bloco-html.png\" alt=\"Como editar um \u00fanico bloco como HTML \" width=\"1662\" height=\"1082\"><figcaption class=\"wp-caption-text\">Como editar um \u00fanico bloco como HTML<\/figcaption><\/figure>\n<p>Isso permitir\u00e1 a voc\u00ea editar o HTML somente para esse bloco individual:<\/p>\n<figure style=\"width: 1674px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/exemplo-edicao-html-bloco.png\" alt=\"Exemplo de edi\u00e7\u00e3o HTML de um s\u00f3 bloco \" width=\"1674\" height=\"963\"><figcaption class=\"wp-caption-text\">Exemplo de edi\u00e7\u00e3o HTML de um s\u00f3 bloco<\/figcaption><\/figure>\n<p>Ou se quiser editar o HTML para a <em>publica\u00e7\u00e3o inteira<\/em>, poder\u00e1 entrar no <strong>Editor de C\u00f3digo <\/strong>no menu suspenso <strong>Ferramentas &#038; Op\u00e7\u00f5es<\/strong>. Ou tamb\u00e9m pode usar esse <a href=\"https:\/\/kinqsta.com\/pt\/blog\/atalhos-teclado-wordpress\/\">atalho de teclado<\/a> para alternar entre o c\u00f3digo e a edi\u00e7\u00e3o visual &#8211; <strong>Ctrl + Shift + Alt + M<\/strong>:<\/p>\n<figure style=\"width: 2546px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/como-aceder-editor-codigo-completo-gutenberg.png\" alt=\"Como aceder ao editor de c\u00f3digo completo no Gutenberg\" width=\"2546\" height=\"1421\"><figcaption class=\"wp-caption-text\">Como aceder ao editor de c\u00f3digo completo no Gutenberg<\/figcaption><\/figure>\n<p>Tenha em mente que, no editor de c\u00f3digo completo, voc\u00ea ter\u00e1 que contornar toda a marca\u00e7\u00e3o para blocos &#8211; por exemplo. <code>&lt;!-- wp:paragraph --&gt;<\/code>.<\/p>\n\n<h3>Como Editar HTML do WordPress no Editor Cl\u00e1ssico (TinyMCE)<\/h3>\n<p>Se ainda estiver usando o editor cl\u00e1ssico WordPress (TinyMCE), poder\u00e1 editar o HTML de todo o artigo indo no separador <strong>Texto<\/strong>:<\/p>\n<figure style=\"width: 1624px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/como-editar-html-editor-classico-wp.png\" alt=\"Como editar HTML no Editor Cl\u00e1ssico do WordPress \" width=\"1624\" height=\"816\"><figcaption class=\"wp-caption-text\">Como editar HTML no Editor Cl\u00e1ssico do WordPress<\/figcaption><\/figure>\n<h2 id=\"theme\">Como Editar o C\u00f3digo Fonte no Seu Tema WordPress<\/h2>\n<p>Falemos agora de um assunto mais importante, editar o c\u00f3digo do seu tema WordPress. Aqui a coisa fica um pouco mais dif\u00edcil, ent\u00e3o precisamos de abordar algumas quest\u00f5es pr\u00e9vias antes de entrarmos no tutorial.<\/p>\n<p>Porqu\u00ea mais dif\u00edcil? Bom, \u00e9 porque voc\u00ea pode quebrar seu site se n\u00e3o fizer a coisa certa!<\/p>\n<p>Em vers\u00f5es recentes, o WordPress tornou muito mais dif\u00edcil a possibilidade de estragar tudo, mas editar o c\u00f3digo-fonte do seu site abrir\u00e1 sempre as portas para problemas, ent\u00e3o deve faz\u00ea-lo com seguran\u00e7a.<\/p>\n<h3>Utilize um Tema Filho para Qualquer Edi\u00e7\u00e3o de C\u00f3digo Direta<\/h3>\n<p>Se pretende editar diretamente qualquer c\u00f3digo nos arquivos do seu tema, ter\u00e1 de usar um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-filho-no-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">tema filho<\/a> em vez de editar o tema \u201cpai\u201d.<\/p>\n<p>Sem um tema filho, todas as altera\u00e7\u00f5es de c\u00f3digo ser\u00e3o colocadas em vigor na pr\u00f3xima vez que atualizar o tema. Ao usar um tema filho, poder\u00e1 atualizar imediatamente o tema pai sem perder as altera\u00e7\u00f5es feitas no tema filho.<\/p>\n<p>Se quiser saber mais sobre as vantagens dos temas infantis, para al\u00e9m de como criar um, veja o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-filho-no-wordpress\/\">nosso guia completo sobre temas infantis do WordPress<\/a>.<\/p>\n<h3>Coloque a Possibilidade de Usar um Plugin em Vez de Editar o C\u00f3digo no Tema Filho<\/h3>\n<p>Se pretende alterar o funcionamento do seu tema, \u00e9 prov\u00e1vel que precise de editar diretamente o c\u00f3digo-fonte do seu tema filho.<\/p>\n<p>Contudo, se quiser editar o c\u00f3digo no WordPress por outra raz\u00e3o \u2013 como, por exemplo, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/adicionar-codigo-ao-cabecalho-e-rodape-do-wordpress\/\">adicionar um script de monitoramento \u00e0 se\u00e7\u00e3o &lt;head&gt; do seu site<\/a> ou adicionar um trecho ao arquivo <strong>functions.php<\/strong> do seu tema \u2013 talvez seja melhor usar um plugin.<\/p>\n<p>Por exemplo, o <a href=\"https:\/\/wordpress.org\/plugins\/header-footer\/\">Head, Footer and Post Injections<\/a> facilita a inje\u00e7\u00e3o de trechos de c\u00f3digo quando necess\u00e1rio. E, como esses trechos de c\u00f3digo s\u00e3o todos segregados na interface do plugin, fica tamb\u00e9m mais simples gerenci\u00e1-los no futuro.<\/p>\n<p>Semelhantemente, se estiver adicionando um trecho de c\u00f3digo que pode ser inserido no arquivo <strong>functions.php<\/strong> do tema filho, o <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\">plugin gratuito Code Snippets<\/a> \u00e9 uma excelente op\u00e7\u00e3o.<\/p>\n<p>Resumindo, se quiser editar o c\u00f3digo WordPress para adicionar trechos\u2026<\/p>\n<ul>\n<li>\u00c0 se\u00e7\u00e3o &lt;head&gt;<\/li>\n<li>Ao arquivo Functions.php<code><\/code><\/li>\n<\/ul>\n<p>\u2026 ent\u00e3o deve colocar a possibilidade de usar um plugin em vez de editar os arquivos do seu tema, j\u00e1 que isso tornar\u00e1 mais simples gerenciar esses trechos, garantindo que eles n\u00e3o sobrescritos quando voc\u00ea atualizar seu tema.<\/p>\n<p>Se precisar de fazer outras edi\u00e7\u00f5es, veja como editar o c\u00f3digo-fonte do seu tema.<\/p>\n<h3>Utilize o Editor de C\u00f3digo do Painel WordPress<\/h3>\n<p>Se quer editar diretamente o c\u00f3digo do seu tema, recomendamos <a href=\"https:\/\/kinqsta.com\/pt\/docs\/hospedagem-de-wordpress\/backups-wordpress\/#wordpress-backup\">fazer um backup do seu site<\/a> antes (do site todo ou do arquivo que est\u00e1 editando).<\/p>\n<p>Ap\u00f3s fazer isso, pode entrar no editor de c\u00f3digo de tema do painel, indo em <strong>Apar\u00eancia \u2192 Editor de Temas<\/strong>. Aqui, o WordPress apresentar\u00e1 primeiro um aviso semelhante ao que voc\u00ea conheceu acima:<\/p>\n<figure style=\"width: 1300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/aviso-antes-aceder-editor-codigo-painel.png\" alt=\"O aviso antes de aceder ao editor de c\u00f3digo do painel \" width=\"1300\" height=\"890\"><figcaption class=\"wp-caption-text\">O aviso antes de aceder ao editor de c\u00f3digo do painel<\/figcaption><\/figure>\n<p>Depois poder\u00e1 usar a barra lateral \u00e0 direita para navegar entre os diferentes arquivos do tema e o tamb\u00e9m no pr\u00f3prio editor de c\u00f3digo para fazer suas edi\u00e7\u00f5es:<\/p>\n<figure style=\"width: 2208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/editor-codigo-painel-wp.png\" alt=\"O editor de c\u00f3digo do painel WordPress\" width=\"2208\" height=\"1363\"><figcaption class=\"wp-caption-text\">O editor de c\u00f3digo do painel WordPress<\/figcaption><\/figure>\n<h3>Utilizar SFTP para Editar C\u00f3digo no WordPress<\/h3>\n<p>Em alternativa ao editor de c\u00f3digo do painel, tamb\u00e9m pode editar arquivos do tema com SFTP. Existem duas vantagens nesse m\u00e9todo:<\/p>\n<ul>\n<li>Pode usar seu <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-editores-texto\/\">editor de c\u00f3digo preferido<\/a>.<\/li>\n<li>Se quebrar alguma coisa por acidente, pode corrigir o problema imediatamente. Por outro lado, se editar o c\u00f3digo no painel WordPress, existe sempre uma possibilidade de quebrar algo que bloqueia o seu painel WordPress, o que obriga voc\u00ea a se conectar via SFTP para corrigir o problema (mas, repetimos, isso \u00e9 menos prov\u00e1vel devido \u00e0s recentes altera\u00e7\u00f5es).<\/li>\n<\/ul>\n<p>Veja <a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-usar-sftp\/\">como se conectar ao seu site via FTP<\/a>.<\/p>\n<p>Ap\u00f3s fazer isso, entre na pasta do seu tema &#8211; <strong>\u2026\/wp-content\/themes\/child-theme-name<\/strong>. Encontre o arquivo que pretende editar e clique com o bot\u00e3o direito nele. A maioria dos programas de FTP oferece a voc\u00ea a op\u00e7\u00e3o de editar o arquivo e reenviar\u00e1 o arquivo automaticamente assim que fizer as altera\u00e7\u00f5es.<\/p>\n<p>Contudo, recomendamos que voc\u00ea fa\u00e7a o download de uma vers\u00e3o original do arquivo para a sua \u00e1rea de trabalho antes de proceder a qualquer altera\u00e7\u00e3o. Assim poder\u00e1 reenviar a vers\u00e3o original, se quebrar algo por acidente:<\/p>\n<figure style=\"width: 1621px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/editar-html-no-wp-sftp.png\" alt=\"Como editar o HTML no WordPress via SFTP \" width=\"1621\" height=\"805\"><figcaption class=\"wp-caption-text\">Como editar o HTML no WordPress via SFTP<\/figcaption><\/figure>\n<h2 id=\"css\">Como Adicionar CSS personalizado ao WordPress<\/h2>\n<p>Se pretende somente adicionar CSS personalizado ao WordPress, em vez de editar o c\u00f3digo HTML ou PHP do WordPress, n\u00e3o precisa de usar o editor de c\u00f3digo do painel ou m\u00e9todos SFTP.<\/p>\n<p>Em alternativa, pode usar o WordPress Customizer. Al\u00e9m de ser uma op\u00e7\u00e3o mais simples, essa abordagem tamb\u00e9m permite que voc\u00ea visualize suas altera\u00e7\u00f5es em tempo real.<\/p>\n<p>Para come\u00e7ar, entre em <strong>Apar\u00eancia \u2192 Personalizar<\/strong> no seu painel WordPress:<\/p>\n<figure style=\"width: 1437px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/aceder-wp-customizer .png\" alt=\"Como aceder ao WordPress Customizer \" width=\"1437\" height=\"737\"><figcaption class=\"wp-caption-text\">Como aceder ao WordPress Customizer<\/figcaption><\/figure>\n<p>Depois procure a op\u00e7\u00e3o <strong>CSS Adicional <\/strong>no WordPress Customizer:<\/p>\n<figure style=\"width: 1300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/encontrar-opcao-css-adicional-wp-customizer.png\" alt=\"Onde encontrar a op\u00e7\u00e3o CSS Adicional no WordPress Customizer \" width=\"1300\" height=\"848\"><figcaption class=\"wp-caption-text\">Onde encontrar a op\u00e7\u00e3o CSS Adicional no WordPress Customizer<\/figcaption><\/figure>\n<p>Isso abrir\u00e1 um editor de c\u00f3digo no qual pode adicionar seu CSS. \u00c0 medida que adiciona CSS, a visualiza\u00e7\u00e3o em tempo real do seu site ser\u00e1 automaticamente atualizada de acordo com as altera\u00e7\u00f5es:<\/p>\n<figure style=\"width: 2438px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/05\/editar-css-wp-customizer.png\" alt=\"Como editar CSS no WordPress Customizer \" width=\"2438\" height=\"1385\"><figcaption class=\"wp-caption-text\">Como editar CSS no WordPress Customizer<\/figcaption><\/figure>\n<p>Outra boa op\u00e7\u00e3o para adicionar CSS \u00e9 o <a href=\"https:\/\/wordpress.org\/plugins\/simple-css\/\">plugin Simple CSS<\/a> criado por Tom Usborne. Oferece uma op\u00e7\u00e3o semelhante ao WordPress Customizer e permite tamb\u00e9m adicionar CSS personalizado a publica\u00e7\u00f5es ou p\u00e1ginas individuais atrav\u00e9s de uma caixa meta.<\/p>\n<p>Por fim, se quiser adicionar muito CSS personalizado \u2013 centenas ou milhares de linhas \u2013 outra op\u00e7\u00e3o \u00e9 criar sua pr\u00f3pria folha de estilo CSS e <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wp-enqueue-scripts\/\">usar o wp_enqueue_scripts para adicion\u00e1-la ao seu tema<\/a>.<\/p>\n<h2>Resumo<\/h2>\n<p>Se pretende editar c\u00f3digo de uma publica\u00e7\u00e3o ou p\u00e1gina individual do WordPress, o novo editor de blocos e o editor cl\u00e1ssico d\u00e3o para voc\u00ea op\u00e7\u00f5es suficientes para editar diretamente o HTML.<\/p>\n<p>Por outro lado, se quiser editar o c\u00f3digo-fonte do seu tema WordPress, deve ter em considera\u00e7\u00e3o algumas coisas:<\/p>\n<ul>\n<li>Utilize sempre um tema filho em vez de fazer edi\u00e7\u00f5es de c\u00f3digo diretamente no tema pai.<\/li>\n<li>Coloque a hip\u00f3tese de usar um plugin para gerenciar trechos que adiciona ao arquivo <strong>&lt;head&gt;<\/strong> ou <strong>php<\/strong>, j\u00e1 que esses plugins podem garantir uma abordagem mais simples e control\u00e1vel.<\/li>\n<\/ul>\n<p>Se ainda assim precisar fazer edi\u00e7\u00f5es diretas de c\u00f3digo ap\u00f3s esses avisos, poder\u00e1 editar o c\u00f3digo-fonte do seu tema filho no painel WordPress, em <strong>Apar\u00eancia \u2192 Editor de Temas<\/strong>. Ou pode se conectar ao seu site via SFTP e editar o c\u00f3digo dessa maneira.<\/p>\n<p>Por \u00faltimo, se quiser adicionar apenas CSS personalizado, n\u00e3o ter\u00e1 de editar diretamente o c\u00f3digo do seu tema. Em vez disso, pode simplesmente usar a \u00e1rea <strong>CSS adicional<\/strong> no WordPress Customizer ou um plugin como o <a href=\"https:\/\/wordpress.org\/plugins\/simple-css\/\">Simple CSS<\/a>.<\/p>\n<p>Tem alguma quest\u00e3o sobre como editar o c\u00f3digo WordPress? Coloque sua pergunta nos coment\u00e1rios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apesar de o WordPress permitir a quem n\u00e3o \u00e9 programador gerenciar mais facilmente um site, \u00e9 prov\u00e1vel que chegue o momento em que voc\u00ea pretende editar &#8230;<\/p>\n","protected":false},"author":38,"featured_media":26634,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[130,32],"topic":[1026,1037],"class_list":["post-26633","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-html","tag-php","topic-desenvolvimento-wordpress","topic-dicas-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 Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)<\/title>\n<meta name=\"description\" content=\"O WordPress torna mais f\u00e1cil para os n\u00e3o-programadores gerenciar um site, mas \u00e0s vezes voc\u00ea pode precisar. Veja como editar o c\u00f3digo do WordPress: HTML, CSS e PHP.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)\" \/>\n<meta property=\"og:description\" content=\"O WordPress torna mais f\u00e1cil para os n\u00e3o-programadores gerenciar um site, mas \u00e0s vezes voc\u00ea pode precisar. Veja como editar o c\u00f3digo do WordPress: HTML, CSS e PHP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-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:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-24T10:52:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T20:09:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/11\/PT-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"O WordPress torna mais f\u00e1cil para os n\u00e3o-programadores gerenciar um site, mas \u00e0s vezes voc\u00ea pode precisar. Veja como editar o c\u00f3digo do WordPress: HTML, CSS e PHP.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2019\/05\/edit-wordpress-code.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)\",\"datePublished\":\"2019-06-24T10:52:26+00:00\",\"dateModified\":\"2025-10-01T20:09:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/\"},\"wordCount\":1817,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/html-css-php.jpg\",\"keywords\":[\"html\",\"php\"],\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/\",\"name\":\"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/html-css-php.jpg\",\"datePublished\":\"2019-06-24T10:52:26+00:00\",\"dateModified\":\"2025-10-01T20:09:45+00:00\",\"description\":\"O WordPress torna mais f\u00e1cil para os n\u00e3o-programadores gerenciar um site, mas \u00e0s vezes voc\u00ea pode precisar. Veja como editar o c\u00f3digo do WordPress: HTML, CSS e PHP.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/html-css-php.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/html-css-php.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dicas WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/dicas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)","description":"O WordPress torna mais f\u00e1cil para os n\u00e3o-programadores gerenciar um site, mas \u00e0s vezes voc\u00ea pode precisar. Veja como editar o c\u00f3digo do WordPress: HTML, CSS e PHP.","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:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)","og_description":"O WordPress torna mais f\u00e1cil para os n\u00e3o-programadores gerenciar um site, mas \u00e0s vezes voc\u00ea pode precisar. Veja como editar o c\u00f3digo do WordPress: HTML, CSS e PHP.","og_url":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2019-06-24T10:52:26+00:00","article_modified_time":"2025-10-01T20:09:45+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/11\/PT-Homepage-featured-image.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"O WordPress torna mais f\u00e1cil para os n\u00e3o-programadores gerenciar um site, mas \u00e0s vezes voc\u00ea pode precisar. Veja como editar o c\u00f3digo do WordPress: HTML, CSS e PHP.","twitter_image":"https:\/\/kinqsta.com\/wp-content\/uploads\/2019\/05\/edit-wordpress-code.jpg","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Brian Jackson","Tempo estimado de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)","datePublished":"2019-06-24T10:52:26+00:00","dateModified":"2025-10-01T20:09:45+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/"},"wordCount":1817,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/html-css-php.jpg","keywords":["html","php"],"inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/","url":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/","name":"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/html-css-php.jpg","datePublished":"2019-06-24T10:52:26+00:00","dateModified":"2025-10-01T20:09:45+00:00","description":"O WordPress torna mais f\u00e1cil para os n\u00e3o-programadores gerenciar um site, mas \u00e0s vezes voc\u00ea pode precisar. Veja como editar o c\u00f3digo do WordPress: HTML, CSS e PHP.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/html-css-php.jpg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/html-css-php.jpg","width":1460,"height":730,"caption":"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Dicas WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/dicas-wordpress\/"},{"@type":"ListItem","position":3,"name":"Como Editar C\u00f3digo no WordPress \u2013 HTML, CSS, PHP (Guia Simples)"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/26633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=26633"}],"version-history":[{"count":6,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/26633\/revisions"}],"predecessor-version":[{"id":28018,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/26633\/revisions\/28018"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/pt"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/dk"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/it"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/translations\/jp"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/26633\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/26634"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=26633"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=26633"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=26633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}