{"id":226868,"date":"2022-09-06T18:55:00","date_gmt":"2022-09-06T15:55:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226868"},"modified":"2022-11-09T01:47:32","modified_gmt":"2022-11-08T22:47:32","slug":"como-editar-html-no-wordpress-a-solucao-sem-estresse","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-editar-html-no-wordpress-a-solucao-sem-estresse\/","title":{"rendered":"Como editar HTML no WordPress: a solu\u00e7\u00e3o sem estresse"},"content":{"rendered":"\n<p>H\u00e1 muitas raz\u00f5es pelas quais o WordPress \u00e9 popular; \u00e9 f\u00e1cil de usar e vem com uma grande variedade de plugins, como <strong><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a><\/strong>, que oferecem funcionalidades avan\u00e7adas com uma configura\u00e7\u00e3o muito simples. No entanto, existem algumas situa\u00e7\u00f5es em que voc\u00ea precisa saber como editar HTML no WordPress.<\/p>\n<p>No entanto, de tempos em tempos, voc\u00ea precisa acessar o c\u00f3digo-fonte do seu site. Por exemplo, quando seu site \u00e9 atacado por um malware, ele pode travar todo o site e n\u00e3o h\u00e1 outra maneira de corrigir as coisas, exceto brincar um pouco com o c\u00f3digo.<\/p>\n<p>Por outro lado, pode haver situa\u00e7\u00f5es em que voc\u00ea simplesmente queira fazer algumas altera\u00e7\u00f5es personalizadas avan\u00e7adas e precise saber como editar HTML no WordPress.<\/p>\n<h3><strong>Saiba o que voc\u00ea deseja mudar<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196977-61e8b0b063fad.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196977-61e8b0b063fad.jpg\" alt=\"Como editar HTML no WordPress: a solu\u00e7\u00e3o sem estresse\" ><\/a><\/p>\n<p>Antes de come\u00e7ar a editar o c\u00f3digo HTML de um site, voc\u00ea deve saber exatamente o que deseja alterar. Decida quais resultados voc\u00ea deseja, saiba como personalizar um tema do WordPress, como enviar o arquivo HTML para o WordPress, como comentar CSS etc.<\/p>\n<p>Talvez voc\u00ea queira apenas experimentar para saber mais ou talvez simplesmente queira alterar algum texto ou editar um layout de site. No entanto, n\u00e3o importa qual seja o seu objetivo aqui, saiba exatamente o que voc\u00ea quer fazer antes de come\u00e7ar a editar o c\u00f3digo.<\/p>\n<p>Al\u00e9m disso, n\u00e3o se esque\u00e7a de <strong>se perguntar se isso realmente vale o seu tempo<\/strong>. Se voc\u00ea n\u00e3o quiser gastar muito do seu valioso tempo para editar HTML, considere contratar um profissional para fazer o trabalho pesado para voc\u00ea.<\/p>\n<h3><strong>Re\u00fana suas ferramentas<\/strong><\/h3>\n<p>A boa not\u00edcia \u00e9 que n\u00e3o existem muitas ferramentas que voc\u00ea precisa para editar HTML WordPress. Voc\u00ea pode encontrar todos eles abaixo e, para melhorar ainda mais, todos eles s\u00e3o gratuitos.<\/p>\n<ul>\n<li>Um <strong>cliente FTP<\/strong> como Filezilla ou WinSCP para ter acesso direto aos seus arquivos em seu servidor web; para baix\u00e1-los e carreg\u00e1-los facilmente.<\/li>\n<li><a href=\"https:\/\/tms-outsource.com\/blog\/posts\/web-development-ide\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Um<\/a> <strong>editor\u00a0<\/strong> para fazer altera\u00e7\u00f5es no arquivo baixado, como o <a href=\"https:\/\/notepad-plus-plus.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Notepad++<\/a>, \u00a0que \u00e9 gratuito e possui um marcador de sintaxe para as linguagens de programa\u00e7\u00e3o mais comuns.<\/li>\n<\/ul>\n<h3><strong>Fa\u00e7a seus backups<\/strong><\/h3>\n<p>Antes de come\u00e7ar a mexer em seu c\u00f3digo-fonte HTML, certifique-se de saber onde est\u00e3o seus backups e como restaur\u00e1-los imediatamente, se necess\u00e1rio. Voc\u00ea pode criar os arquivos de backup atrav\u00e9s do cPanel do provedor de hospedagem se n\u00e3o gostar de fazer seus pr\u00f3prios backups.<\/p>\n<h3><strong>Alterando uma postagem ou p\u00e1gina regular do WordPress<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196977-61e8b0b1a2574.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196977-61e8b0b1a2574.jpg\" alt=\"Como editar HTML no WordPress: a solu\u00e7\u00e3o sem estresse\" ><\/a><\/p>\n<p>Se voc\u00ea deseja alterar o c\u00f3digo-fonte HTML em uma p\u00e1gina normal do WordPress, tudo o que voc\u00ea precisa fazer \u00e9 usar o editor HTML do WordPress. Alterar um c\u00f3digo do WordPress dessa maneira \u00e9 bastante f\u00e1cil. Basta editar a p\u00e1gina e voc\u00ea notar\u00e1 que clicar na\u00a0 guia <strong>Texto\u00a0<\/strong> mostrar\u00e1 o c\u00f3digo HTML por tr\u00e1s do que aparece nessa guia Visual.<\/p>\n<h3><strong>Editando HTML no WordPress<\/strong><\/h3>\n<p>Para explicar como editar HTML no WordPress, primeiro precisamos saber como acess\u00e1-lo.<\/p>\n<p>Voc\u00ea ter\u00e1 que acessar o c\u00f3digo-fonte do site antes de chegar ao editor HTML do WordPress.<\/p>\n<p>Mas como voc\u00ea edita o HTML do WordPress em sua p\u00e1gina inicial?<\/p>\n<p>Se voc\u00ea n\u00e3o sabe como editar a p\u00e1gina inicial do WordPress, n\u00e3o se preocupe. Geralmente, voc\u00ea pode fazer isso em <strong>Apar\u00eancia<\/strong> &gt; <strong>Widgets<\/strong>, onde pode simplesmente ajustar o conte\u00fado nas \u00e1reas de widget individuais.<\/p>\n<p>No entanto, em alguns casos, voc\u00ea notar\u00e1 a p\u00e1gina inicial atuando como uma p\u00e1gina individual e n\u00e3o poder\u00e1 edit\u00e1-la na \u00e1rea de Widgets. Se isso acontecer, voc\u00ea pode encontrar o conte\u00fado da p\u00e1gina inicial em <strong>P\u00e1ginas<\/strong> ou clicar na op\u00e7\u00e3o <strong>Editar p\u00e1gina<\/strong> na barra de administra\u00e7\u00e3o superior da p\u00e1gina inicial.<\/p>\n<p>Se essas duas op\u00e7\u00f5es n\u00e3o funcionarem para voc\u00ea, h\u00e1 uma chance de voc\u00ea estar usando um construtor de p\u00e1ginas ou tema com um editor de p\u00e1gina inicial integrado. Se for esse o caso, voc\u00ea pode editar o c\u00f3digo HTML de maneiras espec\u00edficas descritas na documenta\u00e7\u00e3o fornecida com o construtor de p\u00e1ginas ou o tema em quest\u00e3o.<\/p>\n<h3><strong>Como editar temas do WordPress<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196977-61e8b0b2bfcf9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196977-61e8b0b2bfcf9.jpg\" alt=\"Como editar HTML no WordPress: a solu\u00e7\u00e3o sem estresse\" ><\/a><\/p>\n<p>Agora, vamos explicar como personalizar o tema WP. Basta acessar <strong>Apar\u00eancia \u2192 Editor<\/strong> no painel do WordPress e encontrar o tema em quest\u00e3o.<\/p>\n<p>N\u00e3o fique confuso se voc\u00ea vir apenas um ou dois arquivos; geralmente style.css e functions.php. N\u00e3o h\u00e1 nada de anormal nisso, n\u00e3o se preocupe.<\/p>\n<p>Infelizmente, alterar um arquivo de modelo n\u00e3o \u00e9 algo que voc\u00ea pode fazer no editor do painel. Voc\u00ea precisar\u00e1 copiar o arquivo para o seu tema filho usando um aplicativo FTP.<\/p>\n<p>Por exemplo, se voc\u00ea quiser editar o arquivo HTML no tema Twenty Eighteen, digamos o rodap\u00e9, primeiro voc\u00ea ter\u00e1 que copiar o arquivo footer.php para o nosso tema filho usando um aplicativo FTP.<\/p>\n<p>Basta copi\u00e1-lo para o seu computador e copi\u00e1-lo novamente para a pasta do tema. Feito isso, v\u00e1 para Apar\u00eancia \u2192 Editor em seu painel do WordPress, selecione seu tema filho e o nome do arquivo footer.php na barra lateral direita.<\/p>\n<p>Atualize seu c\u00f3digo e clique no grande bot\u00e3o azul <strong>Atualizar Arquivo<\/strong> abaixo do editor.<\/p>\n<p>Em alguns casos, voc\u00ea n\u00e3o ver\u00e1 o bot\u00e3o Atualizar arquivo imediatamente. Se for esse o caso, voc\u00ea provavelmente ter\u00e1 que alterar as permiss\u00f5es do arquivo usando seu aplicativo FTP. Simplesmente, clique com o bot\u00e3o direito do mouse no nome do arquivo no aplicativo FTP e escolha a op\u00e7\u00e3o de altera\u00e7\u00e3o de permiss\u00f5es.<\/p>\n<h3><strong>Teste<\/strong><\/h3>\n<p>Agora que voc\u00ea j\u00e1 sabe como editar o WordPress, voc\u00ea pode testar as altera\u00e7\u00f5es feitas no seu navegador recarregando o site (Pressione <strong>F5<\/strong> ). Se tudo correr bem, voc\u00ea fez um \u00f3timo trabalho ao editar seus c\u00f3digos HTML.<\/p>\n<p>Se as coisas n\u00e3o s\u00e3o exatamente o que voc\u00ea esperava que fossem, n\u00e3o se preocupe. Voc\u00ea sempre pode desfazer as altera\u00e7\u00f5es ou simplesmente reinstalar seu backup e tentar novamente.<\/p>\n<h3><strong>Considera\u00e7\u00f5es finais sobre como editar HTML no WordPress<\/strong><\/h3>\n<p>Aprender a codificar HTML n\u00e3o \u00e9 f\u00e1cil, mas aprender a editar HTML no WordPress n\u00e3o \u00e9 t\u00e3o ruim, n\u00e3o \u00e9?<\/p>\n<p>Neste tutorial, examinamos algumas das mudan\u00e7as mais b\u00e1sicas que s\u00e3o um \u00f3timo come\u00e7o se voc\u00ea est\u00e1 apenas aprendendo a usar HTML. Saber como codificar seu pr\u00f3prio site pode ser muito \u00fatil, mas voc\u00ea n\u00e3o precisa ser um especialista em codifica\u00e7\u00e3o para fazer algumas altera\u00e7\u00f5es simples sozinho.<\/p>\n<p>Lembre-se de que, se as coisas n\u00e3o sa\u00edrem conforme o planejado, voc\u00ea sempre poder\u00e1 desfazer as altera\u00e7\u00f5es ou reinstalar o backup.<\/p>\n<p>Se voc\u00ea gostou de ler este artigo sobre como editar HTML no WordPress, confira este artigo sobre <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-redefinir-o-wordpress-para-suas-configuracoes-padrao\/\" title=\"como redefinir o WordPress\">como redefinir o WordPress<\/a>.<\/p>\n<p>Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-incorporar-videos-no-wordpress-facilmente\/\" title=\"incorporar v\u00eddeo no WordPress\">incorporar v\u00eddeo no WordPress<\/a>, como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/alterar-url-do-wordpress-como-fazer-isso-sem-estragar-tudo\/\" title=\"alterar o URL do WordPress\">alterar o URL do WordPress<\/a>, como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/adicione-javascript-ao-wordpress-como-fazer-isso-facilmente\/\" title=\"adicionar JavaScript ao WordPress\">adicionar JavaScript ao WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-duplicar-uma-pagina-no-wordpress\/\" title=\"como duplicar uma p\u00e1gina no WordPress\">como duplicar uma p\u00e1gina no WordPress<\/a>, como editar <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/funcoes-de-usuario-do-wordpress-o-que-sao-e-como-edita-las\/\" title=\"as fun\u00e7\u00f5es de usu\u00e1rio do WordPress\">as fun\u00e7\u00f5es de usu\u00e1rio do WordPress<\/a> e como adicionar a <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/imagem-em-destaque-do-wordpress-o-que-e-e-como-adicionar-uma\/\" title=\"imagem em destaque do WordPress.\">imagem em destaque do WordPress.<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Existem muitas raz\u00f5es pelas quais o WordPress \u00e9 popular, mas h\u00e1 situa\u00e7\u00f5es em que voc\u00ea deseja fazer algumas altera\u00e7\u00f5es. Voc\u00ea precisa saber como editar HTML no WordPress.<\/p>\n","protected":false},"author":1,"featured_media":196978,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[898,920,846,867],"tags":[1170],"class_list":["post-226868","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-2","category-outro","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/226868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=226868"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/226868\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/196978"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=226868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=226868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=226868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}