{"id":32503,"date":"2023-02-16T18:34:52","date_gmt":"2023-02-16T21:34:52","guid":{"rendered":"\/tutoriais\/?p=32503"},"modified":"2025-04-09T04:20:16","modified_gmt":"2025-04-09T07:20:16","slug":"editar-rodape-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/editar-rodape-wordpress\/","title":{"rendered":"Como editar rodap\u00e9 no WordPress: 3 m\u00e9todos eficazes + plugins para edi\u00e7\u00e3o"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Durante a <strong>cria&ccedil;&atilde;o de um site WordPress<\/strong>, editar o rodap&eacute; pode ser uma tarefa um pouco frustrante.<\/p><p class=\"wp-block-paragraph\">Apesar da personaliza&ccedil;&atilde;o de um rodap&eacute; n&atilde;o ser um processo complicado, ele pode consumir bastante tempo para ficar do jeito que voc&ecirc; deseja e combinar com o design do site. Isso acontece porque cada tema do WordPress costuma possuir diferentes layouts de rodap&eacute;.&nbsp;<\/p><p class=\"wp-block-paragraph\">Entretanto, isso n&atilde;o deve ser um motivo para voc&ecirc; ignorar essa importante etapa de desenvolvimento. Um rodap&eacute; pode ajudar seu site de diversas maneiras. Por exemplo, os visitantes costumam navegar at&eacute; a se&ccedil;&atilde;o do rodap&eacute; de um site para encontrar as informa&ccedil;&otilde;es que desejam. Al&eacute;m disso, o rodap&eacute; tamb&eacute;m &eacute; &uacute;til para melhorar suas estrat&eacute;gias de <strong>SEO (search engine optimization)<\/strong><strong>.<\/strong><\/p><p class=\"wp-block-paragraph\">Neste artigo, vamos falar mais sobre como editar o rodap&eacute; de um site no WordPress. Adicionalmente, vamos te ajudar com dicas de plugins de rodap&eacute; do WordPress para facilitar ainda mais o processo de edi&ccedil;&atilde;o.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-BR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-30339\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-um-rodape-wordpress\"><strong>O Que &Eacute; um Rodap&eacute; WordPress&nbsp;<\/strong><\/h2><p class=\"wp-block-paragraph\">O rodap&eacute; &eacute; a se&ccedil;&atilde;o de um site que fica localizada bem no final da p&aacute;gina. Ele lista informa&ccedil;&otilde;es adicionais sobre o site e cont&eacute;m links para p&aacute;ginas que podem ser &uacute;teis para os visitantes. Al&eacute;m disso, os links internos que comp&otilde;em o rodap&eacute; ajudam a melhorar o <a href=\"\/br\/tutoriais\/30-tecnicas-de-seo-para-wordpress\/\"><strong>SEO do site WordPress<\/strong><\/a>.&nbsp;<\/p><p class=\"wp-block-paragraph\">Um rodap&eacute; geralmente consiste nos seguintes componentes (mas n&atilde;o est&aacute; limitado a eles):<\/p><ul class=\"wp-block-list\">\n<li><a href=\"\/br\/tutoriais\/como-criar-sitemap-para-wordpress\/\"><strong>WordPress sitemap<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"\/br\/tutoriais\/adicionar-icones-redes-sociais\/\"><strong>&Iacute;cones de redes sociais<\/strong><\/a><\/li>\n\n\n\n<li>Se&ccedil;&atilde;o de inscri&ccedil;&atilde;o em newsletter<\/li>\n\n\n\n<li>Links para p&aacute;ginas informativas da empresa: Sobre, Contato e Quem Somos<\/li>\n\n\n\n<li>Links para recursos: Blog, Tutoriais e Cursos<\/li>\n\n\n\n<li>Documentos como Pol&iacute;tica de Privacidade e Termos e Condi&ccedil;&otilde;es<\/li>\n\n\n\n<li>Eventos e programas<\/li>\n\n\n\n<li>Servi&ccedil;o de atendimento ou suporte ao cliente<\/li>\n\n\n\n<li>Detalhes de direitos autorais<\/li>\n<\/ul><p class=\"wp-block-paragraph\">N&atilde;o &eacute; necess&aacute;rio incluir todos esses elementos no rodap&eacute; do seu site. Selecione apenas aqueles que sejam relevantes para seu caso, evitando criar uma &aacute;rea de rodap&eacute; com excesso de informa&ccedil;&otilde;es e que acabe ocupando metade da p&aacute;gina.<\/p><p class=\"wp-block-paragraph\">Quando se trata de design de rodap&eacute;, ele deve ser determinado conforme as prefer&ecirc;ncias do usu&aacute;rio. De todo modo, lembre-se que o tema que voc&ecirc; escolheu para criar seu site WordPress pode afetar o estilo, formato e recursos dessa se&ccedil;&atilde;o.<\/p><p class=\"wp-block-paragraph\">Abaixo temos o exemplo da Hostinger, que ilustra como se parece o rodap&eacute; de um site:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/2p3S_8lwSr5dzyA0CbbD_0Ojuo8vRwgu5NVU4SziKhmXfxD-dRAWF2B4h3QfZjZf_hjuC8XqnrUAWiI92LuJMyy2kT_JD9cXhpGFCoF_54jU81xLWfzh_NsUh6d_tDgVAlmllehlHOLJm7V0NAXjecY\" alt=\"Captura de tela do rodap&eacute; do site da Hostinger como exemplo \"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">&Eacute; poss&iacute;vel criar um rodap&eacute; como este acima sem ter experi&ecirc;ncias e conhecimentos avan&ccedil;ados em desenvolvimento web. Na pr&oacute;xima se&ccedil;&atilde;o deste guia vamos apresentar quatro m&eacute;todos diferentes para editar rodap&eacute;s WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-editar-rodape-wordpress\"><strong>Como Editar Rodap&eacute; WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">O conte&uacute;do do rodap&eacute; de um site fica localizado no arquivo <strong>footer.php<\/strong> do tema WordPress instalado, e geralmente &eacute; desenvolvido em <a href=\"\/br\/tutoriais\/o-que-e-html-conceitos-basicos\/\"><strong>HTML<\/strong><\/a> ou <a href=\"\/br\/tutoriais\/o-que-e-css-guia-basico-de-css\/\"><strong>CSS<\/strong><\/a>.<\/p><p class=\"wp-block-paragraph\">Ainda assim, voc&ecirc; n&atilde;o precisa editar o arquivo diretamente para personalizar o rodap&eacute; de um site. &Eacute; poss&iacute;vel, por exemplo, utilizar <a href=\"\/br\/tutoriais\/o-que-e-widget\/\"><strong>widgets<\/strong><\/a>, o Personalizador do WordPress ou um plugin para fazer a edi&ccedil;&atilde;o.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-editar-rodape-de-site-wordpress-utilizando-widgets\"><strong>Editar Rodap&eacute; de Site WordPress Utilizando Widgets<\/strong><\/h3><p class=\"wp-block-paragraph\">Uma das maneiras mais f&aacute;ceis de editar o rodap&eacute; de um site &eacute; utilizando o sistema integrado de widgets do WordPress. De todo modo, esse m&eacute;todo s&oacute; se aplica a temas que possuem uma &aacute;rea de widget de rodap&eacute;. Se o tema atual do seu site n&atilde;o possui essa se&ccedil;&atilde;o, voc&ecirc; dever&aacute; utilizar outro m&eacute;todo.&nbsp;<\/p><p class=\"wp-block-paragraph\">Para encontrar a &aacute;rea de widgets, basta <a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress-login-guia-rapido-acessar-site\/\"><strong>acessar seu painel<\/strong><\/a> <a href=\"\/br\/tutoriais\/wordpress-login-guia-rapido-acessar-site\/\"><strong>de controle WordPress<\/strong><\/a><strong>, <\/strong>localizar o menu de <strong>Apar&ecirc;ncia<\/strong> e selecionar a op&ccedil;&atilde;o <strong>Widgets.<\/strong><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/6cJGTmj48EYffYWP0vb5sWwKEK2YOO8aPDrt9IKWSsRn3gMGlqGSZO0l9U0TDvsOJsgijRJORC5qQH6WMox1ImCHPKm0dUdiPAG333RHYrupAiq-EVeJPGqx7U_nuE7-z1YPpOahigBBXBW3k8FTx0Q\" alt=\"Painel de controle do WordPress com destaque para o menu de Widgets\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">A p&aacute;gina de <strong>Widgets<\/strong> &eacute; dividida em duas partes: a se&ccedil;&atilde;o de widgets dispon&iacute;veis (<strong>Available Widgets<\/strong>) e a &aacute;rea de rodap&eacute; (<strong>Footer)<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/yWWHVd8U29bGTwcrEeA5097lNvRCk69qgfhqXQXJhi5ek85sbhcldx1Vmv6GbpvLPZ0dKjMqm5B3xvrkq-5snV0APxWvkuqqHFkLQxrCfONBM9diWy8U0BWw8VbPVjLXxiDBdRqctoqTzknhY6rZcXc\" alt=\"Menu de widgets no WordPRess\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Lembre-se que o tema que voc&ecirc; usa no site pode possuir um n&uacute;mero diferente de &aacute;reas do que o exemplo indicado acima.&nbsp;<\/p><p class=\"wp-block-paragraph\">Para editar o rodap&eacute;, basta arrastar e soltar um widget na &aacute;rea de rodap&eacute; de sua escolha. Depois, clique no widget em quest&atilde;o para configur&aacute;-lo e pressione a tecla <strong>Save <\/strong>para salvar as altera&ccedil;&otilde;es quando concluir a edi&ccedil;&atilde;o.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/ZZ-5NnB3ARlZlpK0mD2mSbYNOp7w6k2xMQRmy4EP6DCR7RU_2jcmHzC5S3VrqiFsXeHhZaktc95Tr6t_mxZoJZ51OI8tW0fDauqzmE_zhSdw2zNzdmzGlk4jjaRtaiJMcQrRW51SQdXXVj0WVSWfy2E\" alt=\"Op&ccedil;&otilde;es de rodap&eacute; no painel de widgets do WordPress\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Para adicionar links na sua &aacute;rea de widgets de rodap&eacute;, siga os passos indicados abaixo:<\/p><ol class=\"wp-block-list\">\n<li>Acesse seu painel WordPress e navegue at&eacute; <strong>Apar&ecirc;ncia &rarr; Menus<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Vcm8FFZ7tykCk9Z6hDxePqSnsm2us9Qfp0Wq7ArZBVEH_sD5QAAbd5UzXtrbSVm_SEUoTmo0flISCwIRtJLEEXk7NqsODlDhdyvpaDewMbSUT4n1RSBS8VjLYwdavj25Oa1bQdsnMPXBTxHH1QYA3xU\" alt=\"Painel do WordPress com destaque para a op&ccedil;&atilde;o de Menus\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Insira um nome para o menu no campo <strong>Menu Name<\/strong> e clique no bot&atilde;o <strong>Save Menu<\/strong> para salvar.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/myaG9mtntNpNXAHVkqPt_kzhM8xVUuUOV4gzCI92QoMC8Z0_6mP-6iOtF_OwID_-GtIpUt6SGsQH2eWdI9MF4YBCmXJ7-5fHzgmWlPWfKnMW9DH4k_bBebXglbrNMP-qjRW7_Soai095tWkM3sT0OYY\" alt=\"P&aacute;gina dos menus no WordPress\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Selecione os campos correspondentes &agrave;s p&aacute;ginas, posts ou categorias que voc&ecirc; deseja adicionar ao menu rec&eacute;m criado e clique em <strong>Add to Menu<\/strong>.<\/li>\n\n\n\n<li>Pressione o bot&atilde;o <strong>Save Menu<\/strong> para salvar as altera&ccedil;&otilde;es.<\/li>\n\n\n\n<li>Retorne &agrave; p&aacute;gina de <strong>WordPress Widgets<\/strong>. Ent&atilde;o, arraste e solte o widget de menu de navega&ccedil;&atilde;o (<strong>Navigation Menu<\/strong>) na &aacute;rea do rodap&eacute;.<\/li>\n\n\n\n<li>A partir das op&ccedil;&otilde;es exibidas na lista, selecione o menu que voc&ecirc; acabou de criar. Por fim, clique em <strong>Save <\/strong>para salvar.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/RnK2wbNarTtBVzH3iSIBt1aBW7LzTqEv_JCJxQnvTCHk9f-VryizW48pz-l0iGtvK2ftf0pUD07n2MgrL3ZbL5zPp9CzHdHM6fXFYyUEduRzX7960qIcmo2v6vjxEimmwCwbKg_lVymx08NVN1A4WZo\" alt=\"Selecionando menu de navega&ccedil;&atilde;o rec&eacute;m nomeado na p&aacute;gina de widgets do WordPress\"><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-editar-rodape-de-site-wordpress-atraves-do-tema\"><strong>Editar Rodap&eacute; de Site WordPress Atrav&eacute;s do Tema<\/strong><\/h3><p class=\"wp-block-paragraph\">Usu&aacute;rios WordPress tamb&eacute;m podem editar os aspectos visuais do rodap&eacute; utilizando o <a href=\"https:\/\/wordpress.com\/pt-br\/support\/personalizador\/\" target=\"_blank\" rel=\"noopener\"><strong>Personalizador<\/strong><\/a>, ou <em>Customizer<\/em>. Esse recurso exibe uma pr&eacute;via em tempo real do seu site, assim voc&ecirc; consegue visualizar as altera&ccedil;&otilde;es conforme o edita.<\/p><p class=\"wp-block-paragraph\">Para acessar o Personalizador, acesse o menu de <strong>Apar&ecirc;ncia &rarr; Personalizar<\/strong> em seu painel de controle WordPress.<\/p><p class=\"wp-block-paragraph\">Abaixo indicamos os elementos que voc&ecirc; deve buscar no painel para editar o rodap&eacute; atrav&eacute;s do Personalizador do WordPress:<\/p><ol class=\"wp-block-list\">\n<li><strong>Op&ccedil;&otilde;es do Tema<\/strong> &ndash; voc&ecirc; pode encontrar uma se&ccedil;&atilde;o denominada <strong>Rodap&eacute; do Tema <\/strong>(<em>Theme Footer<\/em>), na qual &eacute; poss&iacute;vel personalizar as cores, contornos e textos do rodap&eacute; para que ele combine com o design geral do site.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/gStciInnZIjs1VO03COnoRgCu1A2G8BYz7DiuODZ63QH76Sm9tnLv2qnkkATGmb-dq_h7ifI3ssSgvcDPhGVUr8Gzxk1vQ3CJ2oWTRbJBDZoWNVuxlqmL8Xr4tlKEefUbE7aAJsDSa5aO5D2Brr_uj0\" alt=\"Personalizador de temas do WordPress\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li><strong>Widgets<\/strong> &ndash; recurso que permite adicionar v&aacute;rios widgets de conte&uacute;do em uma &aacute;rea de rodap&eacute;.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/NVdtKuvXlYEiyByTHwwa33qpPadNkvyWjq43F-O9o7CDoexvGv8GCd22uY5xKaUPUt87xCaXDZ1-PxfFAfUKkHdZ-Y7x-Mpx2tIRe-l5ynDHqsnHOiR_n7J98SVEzbkOcVq0u8EyfhPsOeKeqgQ_df0\" alt=\"Se&ccedil;&atilde;o de widgets no personalizador de temas do WordPress\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li><strong>Menus<\/strong> &ndash; elemento ideal para aqueles que desejam adicionar links no rodap&eacute;. Essa funcionalidade utiliza o sistema de menus integrado do WordPress.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/WXl430Cw1pw890WnO4n9A3EFFMUibgIQJD-IrylHYk7TzxLiBX-bjs_vD2lV_nyXsLrHNeGD9sJlAxdr9hmm-hub20QzHkUoqL1LHuPR5eVj-RfVoDuPRM_POWIWaEsof0sQtlY0BIrLJkPYMW1e9bQ\" alt=\"Se&ccedil;&atilde;o de menus no personalizador de temas do WordPress\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Assim que o processo for conclu&iacute;do e rodap&eacute; estiver como voc&ecirc; deseja, n&atilde;o se esque&ccedil;a de clicar no bot&atilde;o de <strong>Publicar <\/strong>(<em>Publish<\/em>) ou <strong>Salvar Rascunho<\/strong>.<\/p><p class=\"wp-block-paragraph\">Lembre-se de que nem todos os temas possuem op&ccedil;&otilde;es de rodap&eacute;. Se esse for seu caso, voc&ecirc; depender&aacute; da edi&ccedil;&atilde;o dos itens 2 e 3. Ou seja, poder&aacute; editar seu rodap&eacute; atrav&eacute;s da personaliza&ccedil;&atilde;o de widgets e menus.&nbsp;<\/p><p class=\"wp-block-paragraph\">Para aqueles usu&aacute;rios cujos temas possuem op&ccedil;&otilde;es de rodap&eacute;, as configura&ccedil;&otilde;es tamb&eacute;m podem estar localizadas em outra se&ccedil;&atilde;o que n&atilde;o a das <strong>Op&ccedil;&otilde;es de Tema<\/strong> como, por exemplo, <strong>Construtor de Rodap&eacute;<\/strong> ou <em>Footer Builder<\/em>.<\/p><h3 class=\"wp-block-heading\" id=\"h-editar-rodape-de-site-wordpress-via-editor-de-blocos\"><strong>Editar Rodap&eacute; de Site WordPress via Editor de Blocos<\/strong><\/h3><p class=\"wp-block-paragraph\">O <a href=\"\/br\/tutoriais\/wordpress-5-9\/\"><strong>WordPress 5.9<\/strong><\/a> introduziu um novo editor de blocos para personaliza&ccedil;&atilde;o de sites. Ele facilita muito o processo de edi&ccedil;&atilde;o, pois nessa nova vers&atilde;o do CMS, o rodap&eacute; possui seu pr&oacute;prio bloco e template. Al&eacute;m disso, v&aacute;rios blocos como t&iacute;tulo, calend&aacute;rio e navega&ccedil;&atilde;o foram substitu&iacute;dos por widgets.<\/p><p class=\"wp-block-paragraph\">Entretanto, lembre-se de que o editor de blocos s&oacute; estar&aacute; dispon&iacute;vel para edi&ccedil;&atilde;o do seu site caso voc&ecirc; utilize um tema baseado em blocos. Um exemplo de tema WordPress baseado em blocos &eacute; o tema padr&atilde;o Twenty Twenty-Two.<\/p><p class=\"wp-block-paragraph\">Para acessar o editor, navegue pelo menu de <strong>Apar&ecirc;ncia <\/strong>e selecione o <strong>Editor<\/strong>.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/v6MLJdoxnwyXZE5GbpXg2p7_QD4U4i7qRDXgroLiCSQGsVN4y_lHGiPGuiUWFZv74-eWevpta3QAmtpi4obafzwBcp1a3x3nIWuku5KTU7CunHPjnZ5bac1Y6lwBoop1HRusouYlzyZizB9a1BNMmRc\" alt=\"Painel do WordPress com destaque para a op&ccedil;&atilde;o de Editor\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Ao fazer isso, voc&ecirc; ser&aacute; redirecionado ao <a href=\"\/br\/tutoriais\/gutenberg-pros-e-contras\/\"><strong>editor de blocos<\/strong><\/a>, exibindo o template da p&aacute;gina <strong>Home<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/DORl-kNjBvZ_JuOY7DvX8D_5_g_e2m6TpZmvNtzQYtFuhQUUhBFUbaTiJRrPFAHqsyJIfJG5mmSusfH9RJhv5NDA5dLYMoZazrkONjPkk1gDma3qiDcIPfOpYC6FnoQC85ptx5OK9mnp_eARJjl1PtE\" alt=\"Editor de blocos do WordPress\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Role at&eacute; o final da p&aacute;gina e localize a &aacute;rea de rodap&eacute;.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/FXwd_01vOoYhz36E2c99anKFS-BF3kXvOmfWIhGpKm66MUsuMiaksjWtBrqIVJrdAUA-6JXS7cgklW60ZHQfQlwTFI-LSAwjSPDL5sNxMtsIYvSRBZGdeaPJBMBk4RP9_9AUho6szPNP2HPJp2R6ErE\" alt=\"Se&ccedil;&atilde;o do rodap&eacute; no editor de blocos do WordPress\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Alternativamente, voc&ecirc; pode utilizar o modo focal para exibir apenas a &aacute;rea do rodap&eacute;. Para acessar esse modo chamado <em>footer focus<\/em>, clique na flecha virada para baixo que est&aacute; localizada no topo da barra de navega&ccedil;&atilde;o. Em seguida, clique nos tr&ecirc;s pontinhos ao lado da op&ccedil;&atilde;o de rodap&eacute; (<em>footer<\/em>) e ent&atilde;o selecione a op&ccedil;&atilde;o de <strong>Editar Rodap&eacute;<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/pIpvQQ5sDiM6GJu25awFwo71dxN3hxNYFL48lBLm2J_fxYgxJZVG4mQIcPDGiSbnAHYqaoOp5BkprZLycVdCOAcuRoeLwV0ybJz5DGqJcibNkFSRtmGyQhHrAp_5HvhC9p05HzDil8mCBx8s1cORb1I\" alt=\"Editando o rodap&eacute; no editor de blocos do WordPress com modo focal\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Agora, o seu editor exibir&aacute; apenas a &aacute;rea do rodap&eacute; e n&atilde;o toda a p&aacute;gina do site. Comece a editar a se&ccedil;&atilde;o adicionando os blocos que desejar no rodap&eacute;.<\/p><p class=\"wp-block-paragraph\">Para fazer isso, passe o mouse por cima da &aacute;rea de rodap&eacute; e alguns &iacute;cones de <strong>mais <\/strong>(<strong>+<\/strong>) ser&atilde;o exibidos em locais do rodap&eacute; que est&atilde;o dispon&iacute;veis para blocos. Clique no &iacute;cone e selecione o bloco que deseja adicionar. Voc&ecirc; pode pesquisar pelo bloco desejado clicando na op&ccedil;&atilde;o <strong>Navegar por todos &mdash; <\/strong>que ir&aacute; exibir todos os blocos dispon&iacute;veis do editor.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/Rs-l8xXlqe527O3gex3JbFv-pQA-krdrwRq4hetPAo6YiUpACYbk2kTsh2hBnZP0-O5YzZul5OPfw7AQfkFCuKaBZfzBJYnVquP2MKLkQrpD1hFH1xFcU3pzErxcUysXjj6elfSIERPf4X7pJckTBik\" alt=\"Inserindo novo bloco no editor\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Neste exemplo, vamos adicionar um bloco de <strong>Pesquisa <\/strong>no rodap&eacute; do site. Voc&ecirc; pode alterar o texto do t&iacute;tulo e incluir um marcador de posi&ccedil;&atilde;o opcional (<em>placeholder<\/em>) diretamente no editor.<\/p><p class=\"wp-block-paragraph\">Para personalizar o design do bot&atilde;o, selecione o bloco em quest&atilde;o no editor e clique no &iacute;cone de <strong>Configura&ccedil;&otilde;es <\/strong>&mdash; localizado na lateral superior direita da sua tela. Dependendo do tipo de bloco selecionado, voc&ecirc; poder&aacute; personalizar a cor, o contorno e ainda utilizar o campo de CSS adicional.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/n2kom566m2FEbO0o9VWpZV0ITjw94CZ5zuLwXas9fe8U9IDo97N_O2nW0DcWShc9mO8-amXKAzmBEtcklspvlwdspysN4ZSD7EVfYJaNn32pr0OGRLIgIdGwb5PalR2SeqCcXv6aeos2WKw5M_yk0-Q\" alt=\"Personalizando o widget do rodap&eacute;\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Para rearranjar os blocos no rodap&eacute;, abra a op&ccedil;&atilde;o de visualiza&ccedil;&atilde;o em lista do editor, clicando no &iacute;cone da lista &mdash; localizado na se&ccedil;&atilde;o superior esquerda da sua tela.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/kU0e9kA5rBzDn7WS4rTUOmB3ImtqpjkeShQMtKNK13yk1mIIJzdRLqyNFdqs1o5daqilLa0mYj_fgghC_1yc-bxLR1084fNV8H-e_HJ67g1PGvyG4VCxkXDHAty6M1VJgiliGpOb9gFZ8rxWO9AhIeI\" alt=\"Destaque para o bot&atilde;o de lista no editor de blocos \"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">A lista de blocos e sua estrutura ser&aacute; exibida no painel esquerdo da tela. Basta arrastar e soltar um item da lista para reordenar os blocos.<\/p><h3 class=\"wp-block-heading\" id=\"h-removendo-a-mensagem-powered-by-wordpress-do-rodape\"><strong>Removendo a Mensagem &ldquo;Powered By WordPress&rdquo; do Rodap&eacute;<\/strong><\/h3><p class=\"wp-block-paragraph\">A maioria dos sites WordPress possuem a mensagem <strong>&ldquo;Proudly Powered by WordPress&rdquo;<\/strong>, ou sua vers&atilde;o em portugu&ecirc;s: <strong>&ldquo;Orgulhosamente desenvolvido com WordPress&rdquo; <\/strong>no rodap&eacute;. Algumas vezes a mensagem tamb&eacute;m inclui cr&eacute;ditos ao desenvolvedor do tema, como &ldquo;Tema desenvolvido por Jo&atilde;o A.&rdquo;<\/p><p class=\"wp-block-paragraph\">Apesar de n&atilde;o haver nada de errado em exibir essa mensagem no rodap&eacute; do seu site, &agrave;s vezes isso pode deixar uma apar&ecirc;ncia menos profissional ou at&eacute; desvirtuar os interesses da sua marca.&nbsp;<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; pode editar ou remover essa mensagem ao mexer no arquivo <strong>footer.php <\/strong>do tema. Para evitar problemas, lembre-se de <a href=\"\/br\/tutoriais\/como-fazer-download-de-um-backup\/\"><strong>fazer um backup dos arquivos do site<\/strong><\/a> antes de editar o arquivo do rodap&eacute;. Assim que estiver pronto, siga os passos para <a href=\"\/br\/tutoriais\/remover-orgulhosamente-desenvolvido-com-wordpress\/\"><strong>remover a mensagem &ldquo;Orgulhosamente desenvolvido com WordPress&rdquo; do rodap&eacute;<\/strong><\/a> do seu site:<\/p><ol class=\"wp-block-list\">\n<li>No seu painel de administra&ccedil;&atilde;o do WordPress, navegue at&eacute; o menu de <strong>Apar&ecirc;ncia &rarr; <\/strong><a href=\"\/br\/tutoriais\/editar-tema-wordpress\/\"><strong>Editor<\/strong><\/a>.<\/li>\n\n\n\n<li>Na se&ccedil;&atilde;o de <strong>Arquivos do Tema<\/strong>, clique no arquivo do <strong>Rodap&eacute; do Tema: (footer.php)<\/strong>.<\/li>\n\n\n\n<li>Localize o texto da mensagem &ldquo;Powered by WordPress&rdquo; e o c&oacute;digo dela. No tema <strong>Twenty Twenty<\/strong> do WordPress, o c&oacute;digo &eacute; o seguinte:<br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\"><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&lt;p <\/code><\/code><code>class<\/code><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">=\"powered-by-wordpress\"&gt;<br>&nbsp; &nbsp; &lt;a href=\"&lt;?php echo esc_url( __( 'https:\/\/wordpress.org\/', 'twentytwenty' ) ); ?&gt;\"&gt;<br>&lt;?php _e( 'Powered by WordPress', 'twentytwenty' ); ?&gt;<br>&nbsp; &nbsp; &lt;\/a&gt;<br>&lt;\/p&gt;&lt;!-- .powered-by-wordpress --&gt;<\/code><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/C3D3PjRmDvpbRYtMZSy06MGj9A7XWK4ANzdbmRB32_S3J0X1t31RwWGAYkYp_c5ZRjEYegKEKhSNuNhKap9A8C0O3xPMA_KDaXMEf4ENjjuSTfNIGb1Ntd1xJKz3NtdidIH2VcW0y-Qrk_HLcOExeHE\" alt=\"Inserindo c&oacute;digo no arquivo do rodap&eacute; da pasta do tema\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Fique &agrave; vontade para remover o texto do rodap&eacute; ou adicionar a marca do seu site se preferir. Ao final, clique no bot&atilde;o de <strong>Atualizar Arquivo <\/strong>(<em>Update File<\/em>).<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-adicionando-codigos-no-rodape-do-wordpress\"><strong>Adicionando C&oacute;digos no Rodap&eacute; do WordPress<\/strong><\/h3><p class=\"wp-block-paragraph\">&Agrave;s vezes voc&ecirc; pode precisar inserir c&oacute;digos adicionais no rodap&eacute; do seu site, seja <a href=\"\/br\/tutoriais\/o-que-e-css-guia-basico-de-css\/\"><strong>CSS<\/strong><\/a> ou <a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/o-que-e-php-guia-basico\/\"><strong>P<\/strong><\/a><strong><a href=\"\/br\/tutoriais\/o-que-e-php-guia-basico\/\">H<\/a><\/strong><a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/o-que-e-php-guia-basico\/\"><strong>P<\/strong><\/a>. Geralmente, esse processo &eacute; necess&aacute;rio para conectar seu site com um app externo, ou por motivos de design. H&aacute; diversas maneiras de fazer isso.<\/p><p class=\"wp-block-paragraph\">Utilize o campo <strong>CSS Adicional<\/strong> no <strong>Personalizador do WordPress<\/strong> caso deseje realizar apenas pequenas altera&ccedil;&otilde;es no rodap&eacute;. Por exemplo, alterar a cor do plano de fundo ou a margem e o preenchimento da &aacute;rea de conte&uacute;do. Exemplificamos esse processo abaixo:<\/p><ol class=\"wp-block-list\">\n<li>Acesse o menu <strong>Personalizar <\/strong>do WordPress e selecione a op&ccedil;&atilde;o de <strong>CSS Adicional<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/lmwzCDToFP8zNgnWGBBcUabVEfRFBNyD3ALw9wVoBiY_G1_G8JOHTtEHoayNJR1zBqiiJnUjulEO9IfELekDc9I_xYCiqi457YfMSGPLJsUkyoHS44RatEDg-ddfTRKn4Z38aTAnCIob19sH6ppsMaQ\" alt=\"Se&ccedil;&atilde;o de CSS adicional no personalizador do WordPress\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Adicione o seguinte c&oacute;digo para alterar a cor do plano de fundo e contorno do rodap&eacute;:<br><code>.footer-widgets-outer-wrapper, .footer-top {<br>&nbsp; &nbsp; &nbsp; border-color: #000;<br>}<br>.footer-nav-widgets-wrapper, #site-footer {<br>&nbsp; &nbsp; &nbsp; background-color: #D7BDE2 ;<br>}<\/code><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/MenT9sLIJlxRy6_FflsealFV6DRre0wQRoK64qOQXDaJTorNWf3OBqCCXT6bpDS5zpBissZ2GmhUMxzbnkQa8c8NvmSs4BorMfxT5XxJtbBEI4ebZSmvFxWMZJq4wy0stBKw5uEYrCp7C-nq2ouBdCQ\" alt=\"Destaque para a se&ccedil;&atilde;o com o c&oacute;digo\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Para editar as margens e preenchimento do rodap&eacute;, adicione o seguinte c&oacute;digo no arquivo:<br><code>.widget .widget-title {<br>&nbsp; &nbsp; margin-bottom: 1rem;<br>}<br>.footer-widgets a {<br>&nbsp; &nbsp; padding-left: 5rem;<br>}<\/code><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/6n3T9OxQPOCSVaztQEWONMTtU_SY5lllTc10OLnIcC6yjzWjn4ASLLaEzmSeu2_KSXe9QNrIiQAIP4RAb8IpY66KRi_cGP2Ugaoc9eY1XWqwpPY8kD-K-QC1yZh1Yqg6ChHNeQVsYJygAJabzVJyTgE\" alt=\"Destaque para a se&ccedil;&atilde;o com o c&oacute;digo\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Clique no bot&atilde;o de <strong>Ativar <\/strong>e <strong>Publicar<\/strong>.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">De todo modo, maneira mais f&aacute;cil para adicionar scripts personalizados e variados no rodap&eacute; &eacute; utilizando o plugin <a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noopener\"><strong>WP Code<\/strong><\/a>:<\/p><ol class=\"wp-block-list\">\n<li><a href=\"\/br\/tutoriais\/como-instalar-plugins-wordpress\/\"><strong>Instale<\/strong><\/a> e ative o plugin.&nbsp;<\/li>\n\n\n\n<li>Acesse o menu de <strong>Configura&ccedil;&otilde;es &rarr; Insert Headers and Footers.<\/strong><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/JHtcEHkO6uYLLNMUd7o-q4faTZe65Ca_O1W6jNDOHKwMaMbL6O6Y59KTP_pArND2ugEItqb4f0BTK07GLhZyRQaQssq4QTVuxRYLM73iH-7Edd-098aeQKg3URCcKNQwvctjIR_5idKrId5RIOv6-mM\" alt=\"Painel do WordPress com destaque para nova fun&ccedil;&atilde;o de inserir rodap&eacute; adicionada com o plugin\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Role a p&aacute;gina at&eacute; localizar a se&ccedil;&atilde;o de <strong>Scripts in Footer<\/strong>. Ent&atilde;o, copie e cole o seu c&oacute;digo personalizado de rodap&eacute; no campo.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/w4-WMAZvq9LnMfaN4uq8ZHma1STEalomlQCEh6L_Ua_XQ4hsPa9B7PxEstAkqma1R4XnfbsGodkizeTr8hVPqwM3O8Hc___QXkBS-HeZLyEeTErFQ3Nblc6AtWiLIXvr4vWMahPELDZwywyT72JWx-I\" alt=\"Configura&ccedil;&atilde;o de scirpt no rodap&eacute;\"><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Clique em <strong>Salvar<\/strong>.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">&Eacute; poss&iacute;vel adicionar c&oacute;digos e scripts no rodap&eacute; manualmente, editando os arquivos PHP do seu tema WordPress. De todo modo, para fazer isso, voc&ecirc; dever&aacute; possuir conhecimentos t&eacute;cnicos em <a href=\"\/br\/tutoriais\/o-que-e-html-conceitos-basicos\/\"><strong>HTML<\/strong><\/a>, CSS, <a href=\"\/br\/tutoriais\/o-que-e-javascript\/\"><strong>JavaScript<\/strong><\/a> &mdash; bem como em desenvolvimento web e web design.&nbsp;<\/p><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    &lt;strong&gt;Sugest&otilde;es de Leitura&lt;\/strong&gt;                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/br\/tutoriais\/codigos-css-prontos-guia-pdf\/\"><strong>Guia de Refer&ecirc;ncias CSS<\/strong><br><\/a><a href=\"\/br\/tutoriais\/codigos-html-prontos-guia-pdf\/\"><strong>Guia de Refer&ecirc;ncias HTML<br><\/strong><\/a><a href=\"\/br\/tutoriais\/11-sites-aprender-como-programar-de-graca\/\"><strong>25 Sites Para Aprender Como Programar de Gra&ccedil;a<br><\/strong><\/a><a href=\"\/br\/tutoriais\/boas-praticas-web-design\/\"><strong>Boas Pr&aacute;ticas de Web Design<\/strong><\/a><\/p>\n                    <\/div>\n        <\/p><h2 class=\"wp-block-heading\" id=\"h-os-3-melhores-plugins-wordpress-para-rodape\"><strong>Os 3 Melhores Plugins WordPress para Rodap&eacute;<\/strong><\/h2><p class=\"wp-block-paragraph\">Se voc&ecirc; deseja editar o rodap&eacute; de um site WordPress por meio de um plugin, recomendamos essas tr&ecirc;s ferramentas: <strong>WPCode, Header Footer Code Manager<\/strong>, e <strong>Footer Mega Grid Columns<\/strong>. Vamos analisar melhor cada uma delas nesta se&ccedil;&atilde;o.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-wpcode\"><strong>1. <\/strong><a href=\"https:\/\/pt.wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noopener\"><strong>WPCode<\/strong><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/2Ww31X8ncjfHxI-f9AB8PwoZelIT4Gq2YCLurONd0UTj4dNopVYdvMwtKVSNDL8ETAsGYbZewtoG_vK_pQzLLBUvOdxRAWL5sNMOhDcXqclVGzeAGX3fyRVHD53Uxj4ubzgmF_DByv1-W_2-I0F-xf4\" alt=\"Banner do plugin WP Code\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><strong>Estat&iacute;sticas do Plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Downloads: <\/strong>mais de 1 milh&atilde;o<\/li>\n\n\n\n<li><strong>Avalia&ccedil;&atilde;o: <\/strong>4,5\/5<\/li>\n\n\n\n<li><strong>Principais recursos:<\/strong> intuitivo e compat&iacute;vel com o Google Analytics&nbsp;<\/li>\n\n\n\n<li><strong>Indicado para:<\/strong> usu&aacute;rios iniciantes que estejam em busca de uma solu&ccedil;&atilde;o simples para adicionar c&oacute;digos no rodap&eacute;<\/li>\n\n\n\n<li><strong>Pre&ccedil;o: <\/strong>gratuito<\/li>\n<\/ul><p class=\"wp-block-paragraph\">O WPCode, antigo Insert Headers and Footers, &eacute; um plugin que permite adicionar c&oacute;digos e scripts no rodap&eacute; do site sem precisar editar os arquivos do tema. Sua interface &eacute; simples e intuitiva, o que facilita o uso desse plugin para quem est&aacute; apenas come&ccedil;ando.&nbsp;<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; n&atilde;o precisa ter conhecimentos sobre linguagens de programa&ccedil;&atilde;o para editar o rodap&eacute; do site com este plugin. Basta copiar e colar c&oacute;digos do <strong>Google Analytics<\/strong>, <strong>Facebook Pixel<\/strong> e outros servi&ccedil;os para adicion&aacute;-los em seu site.<\/p><p class=\"wp-block-paragraph\">O WPCode &ndash; Insert Headers and Footers suporta classes CSS personalizadas, HTML e JavaScript.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-header-footer-code-manager\"><strong>2. <\/strong><a href=\"https:\/\/pt.wordpress.org\/plugins\/header-footer-code-manager\/\" target=\"_blank\" rel=\"noopener\"><strong>Header Footer Code Manager<\/strong><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/fmGLG1JAISq2qREEQFWu2zNJr6VhgirljXmc_4ZIvfQgx3vRgioZlKxoQvC-L0mimXkqoPVPooZ4mwFywJ9EwT3VLdxcMCERdHcmsZDezxP_2A8PBeIftA1vqx0RYyjJOdCiG1QDUplPzR8moMSSNBs\" alt=\"Banner do plugin Header Footer Code Manager\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><strong>Estat&iacute;sticas do Plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Downloads: <\/strong>mais de 200 mil<\/li>\n\n\n\n<li><strong>Avalia&ccedil;&atilde;o: <\/strong>5\/5<\/li>\n\n\n\n<li><strong>Principais recursos: <\/strong>permite c&oacute;digos em p&aacute;ginas e posts espec&iacute;ficos, e possui registro de atividades<\/li>\n\n\n\n<li><strong>Indicado para: <\/strong>usu&aacute;rios que buscam por op&ccedil;&otilde;es de gerenciamento para c&oacute;digos de rodap&eacute;<\/li>\n\n\n\n<li><strong>Pre&ccedil;o: <\/strong>gratuito<\/li>\n<\/ul><p class=\"wp-block-paragraph\">O Header Footer Code Manager &eacute; outro plugin que te ajuda a adicionar trechos de c&oacute;digos no rodap&eacute; do seu site com facilidade. Ele n&atilde;o apenas permite adicionar scripts e estilos ilimitados, mas tamb&eacute;m gerenciar o posicionamento dos c&oacute;digos.<\/p><p class=\"wp-block-paragraph\">Al&eacute;m de p&aacute;ginas e posts espec&iacute;ficos, os c&oacute;digos tamb&eacute;m podem ser configurados para que carreguem quando o site for acessado apenas em sua vers&atilde;o m&oacute;vel ou desktop, ou quando for visitado nos dois tipos de dispositivos. Adicionalmente, com o Header Footer Code Manager, voc&ecirc; ainda ter&aacute; a lista de c&oacute;digos reutiliz&aacute;veis (<em>snippets<\/em>) pronta para ser usada, mesmo quando voc&ecirc; alterar o tema.<\/p><p class=\"wp-block-paragraph\">Outro recurso interessante deste plugin &eacute; o <em>log<\/em> ou registro de atividades. Com ele voc&ecirc; pode saber quem adicionou um trecho ou editou um c&oacute;digo por &uacute;ltimo. O Header Footer Code Manager suporta c&oacute;digos CSS, HTML, e JavaScript a partir de qualquer servi&ccedil;o, incluindo <strong>Google AdSense<\/strong>, <strong>Twitter<\/strong>, e <strong>Clicky Web Analytics<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-footer-mega-grid-columns\"><strong>3. <\/strong><a href=\"https:\/\/pt.wordpress.org\/plugins\/footer-mega-grid-columns\/\" target=\"_blank\" rel=\"noopener\"><strong>Footer Mega Grid Columns<\/strong><\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/T3eg8MRK8i70hItXoaW9K6VRA79uI-xXlLwinkZKHF3f_XPZ33UcvYMXlJsezvWez0oR90qJoF11q_aUYUTF__tpGkg72Q2_ROfCdsamJGDBehMQjvVaQmzNEpWAMpFdfQ0HYKjGRXHRm-p08nL7rSc\" alt=\"Banner do plugin Footer Mega Grid Columns\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><strong>Estat&iacute;sticas do Plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Downloads: <\/strong>mais de 6 mil<\/li>\n\n\n\n<li><strong>Rating: <\/strong>4,5\/5<\/li>\n\n\n\n<li><strong>Principais recursos:<\/strong> exibi&ccedil;&atilde;o em grade (<em>grid view<\/em>) e&nbsp; compatibilidade com a maioria dos temas WordPress&nbsp;<\/li>\n\n\n\n<li><strong>Indicado para: <\/strong>pessoas que n&atilde;o desejam utilizar a &aacute;rea padr&atilde;o de um tema para edi&ccedil;&atilde;o do site<\/li>\n\n\n\n<li><strong>Pre&ccedil;o: <\/strong><em>freemium <\/em>(vers&atilde;o gratuita e vers&atilde;o paga)<\/li>\n<\/ul><p class=\"wp-block-paragraph\">O plugin Footer Mega Grid Columns exibe widgets de rodap&eacute; em uma grade horizontal, ajudando na organiza&ccedil;&atilde;o do conte&uacute;do do seu rodap&eacute; ao dispor os elementos em colunas.<\/p><p class=\"wp-block-paragraph\">Este plugin &eacute; relativamente f&aacute;cil de ser usado. Basta arrastar e soltar um widget na coluna desejada para exibir o conte&uacute;do no rodap&eacute; com visualiza&ccedil;&atilde;o em grade.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; deseja obter recursos adicionais, para al&eacute;m do <em>grid view<\/em>, como op&ccedil;&otilde;es de cores, grades m&uacute;ltiplas e editor de CSS personalizado, a vers&atilde;o premium do plugin &mdash; <a href=\"https:\/\/www.wponlinesupport.com\/pricing\/\" target=\"_blank\" rel=\"noopener\"><strong>Essential Plugins bundle<\/strong><\/a> &mdash; est&aacute; dispon&iacute;vel a partir de <strong>US$ 119\/ano<\/strong>.<\/p><p class=\"wp-block-paragraph\">Lembre-se de que voc&ecirc; precisa colar o c&oacute;digo oferecido pelos desenvolvedores do plugin no arquivo <strong>footer.php<\/strong> do seu tema para que ele funcione corretamente.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p class=\"wp-block-paragraph\">Al&eacute;m do cabe&ccedil;alho e do corpo (<em>header<\/em> e <em>body<\/em>), o rodap&eacute; (<em>footer<\/em>) &eacute; um dos principais elementos de um site. Essa parte est&aacute; localizada bem no final das p&aacute;ginas do site, e consiste principalmente em informa&ccedil;&otilde;es adicionais e links para diferentes p&aacute;ginas.<\/p><p class=\"wp-block-paragraph\">Assim, o rodap&eacute; ajuda os usu&aacute;rios do WordPress a melhorarem a navega&ccedil;&atilde;o e as estrat&eacute;gias de SEO de seus sites.&nbsp;<\/p><p class=\"wp-block-paragraph\">Neste artigo, te apresentamos diferentes m&eacute;todos para editar rodap&eacute;s em sites do WordPress:<\/p><ul class=\"wp-block-list\">\n<li>Edi&ccedil;&atilde;o usando o sistema de widgets do WordPress.<\/li>\n\n\n\n<li>Edi&ccedil;&atilde;o usando o Personalizador do WordPress para modificar o tema.<\/li>\n\n\n\n<li>Edi&ccedil;&atilde;o usando o editor de blocos no WordPress vers&atilde;o 5.9.<\/li>\n\n\n\n<li>Remo&ccedil;&atilde;o do texto &ldquo;Proudly powered by WordPress&rdquo; ou &ldquo;Orgulhosamente desenvolvido com WordPress&rdquo;.<\/li>\n\n\n\n<li>Adi&ccedil;&atilde;o de c&oacute;digos e scripts.<\/li>\n\n\n\n<li>Utiliza&ccedil;&atilde;o de <a href=\"\/br\/tutoriais\/melhores-plugins-wordpress\/\"><strong>plugins do WordPress<\/strong><\/a>.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Se voc&ecirc; possui qualquer quest&atilde;o ou sugest&atilde;o sobre como editar rodap&eacute; WordPress, fique &agrave; vontade para deixar um coment&aacute;rio na se&ccedil;&atilde;o correspondente.&nbsp;<\/p><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    &lt;strong&gt;Descubra o que mais Voc&ecirc; Pode Fazer com o WordPress&lt;\/strong&gt;                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/br\/tutoriais\/o-que-e-sidebar-no-wordpress\/\"><strong>O Que &Eacute; Sidebar no WordPress?<\/strong><br><\/a><a href=\"\/br\/tutoriais\/remover-comentarios-wordpress\/\"><strong>Como remover coment&aacute;rios do WordPress<\/strong><br><\/a><a href=\"\/br\/tutoriais\/adicionar-notificacoes-push-wordpress\/\"><strong>Como Adicionar Notifica&ccedil;&otilde;es Push no WordPress<\/strong><\/a><strong> <br><\/strong><a href=\"\/br\/tutoriais\/como-colocar-video-no-wordpress\/\"><strong>Como Colocar V&iacute;deo no WordPress<br><\/strong><\/a><a href=\"\/br\/tutoriais\/como-aumentar-seguranca-no-wordpress\/\"><strong>Seguran&ccedil;a WordPress: 12 dicas de seguran&ccedil;a na internet<\/strong><br><\/a><a href=\"\/br\/tutoriais\/como-atualizar-o-wordpress\/#Como_atualizar_o_WordPress_automaticamente\"><strong>Como atualizar o WordPress automaticamente<\/strong><br><\/a><a href=\"\/br\/tutoriais\/post-privado-wordpress\/\"><strong>O Que &eacute; Uma P&aacute;gina ou Post Privado WordPress?<\/strong><\/a><\/p>\n                    <\/div>\n        <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Durante a cria&ccedil;&atilde;o de um site WordPress, editar o rodap&eacute; pode ser uma tarefa um pouco frustrante. Apesar da personaliza&ccedil;&atilde;o de um rodap&eacute; n&atilde;o ser um processo complicado, ele pode consumir bastante tempo para ficar do jeito que voc&ecirc; deseja e combinar com o design do site. Isso acontece porque cada tema do WordPress costuma [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/editar-rodape-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":305,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Aprenda a editar o rodap\u00e9 do seu site WordPress com este guia completo! Conhe\u00e7a 3 diferentes m\u00e9todos e mais plugins para ajudar no processo.","rank_math_focus_keyword":"","footnotes":""},"categories":[8045,8027],"tags":[7475,7474],"class_list":["post-32503","post","type-post","status-publish","format-standard","hentry","category-personalizacao-e-design","category-wordpress","tag-footer","tag-rodape"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-edit-footer-in-wordpress\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/editar-rodape-wordpress\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/modifier-footer-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/editar-footer-wordpress\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-footer-bearbeiten\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/editar-footer-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/editar-footer-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/editar-footer-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/editar-rodape-wordpress\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/305"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=32503"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32503\/revisions"}],"predecessor-version":[{"id":32522,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/32503\/revisions\/32522"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=32503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=32503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=32503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}