{"id":55471,"date":"2026-06-04T04:45:08","date_gmt":"2026-06-03T21:45:08","guid":{"rendered":"\/br\/tutoriais\/?p=55471"},"modified":"2026-06-04T04:45:10","modified_gmt":"2026-06-03T21:45:10","slug":"redesign-de-site-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/redesign-de-site-wordpress\/","title":{"rendered":"Redesign de site WordPress: guia completo"},"content":{"rendered":"<p class=\"wp-block-paragraph\">O redesign de site WordPress &eacute; o processo de renovar a apar&ecirc;ncia, os recursos e o funcionamento geral de um site para melhorar a experi&ecirc;ncia do usu&aacute;rio e a usabilidade.<\/p><p class=\"wp-block-paragraph\">Para alcan&ccedil;ar esse objetivo, &eacute; importante seguir uma abordagem clara e bem estruturada. As etapas para fazer um redesign de site WordPress geralmente s&atilde;o:<\/p><ol class=\"wp-block-list\">\n<li>Configure um ambiente de staging<\/li>\n\n\n\n<li>Fa&ccedil;a backup de todo o conte&uacute;do e das configura&ccedil;&otilde;es do tema<\/li>\n\n\n\n<li>Renove o design do seu site WordPress<\/li>\n\n\n\n<li>Adicione novos conte&uacute;dos ao seu site<\/li>\n\n\n\n<li>Instale plugins adicionais para ampliar as funcionalidades<\/li>\n\n\n\n<li>Teste o site<\/li>\n\n\n\n<li>Publique o novo design<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Neste tutorial, vamos explicar cada uma dessas etapas com mais detalhes, al&eacute;m de trazer dicas e pr&eacute;-requisitos para fazer um redesign de site WordPress. Seja voc&ecirc; iniciante ou web designer experiente, este guia vai ajudar a deixar o processo mais simples e organizado.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-what-you-need-to-do-before-revamping-an-existing-website\"><strong>O que fazer antes de reformular um site existente<\/strong><\/h2><p class=\"wp-block-paragraph\">Para que tudo corra bem, redesenhar um site WordPress exige planejamento e prepara&ccedil;&atilde;o, assim como acontece ao <a href=\"\/br\/tutoriais\/como-fazer-o-layout-de-um-site\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">criar um site pela primeira vez<\/a>. Veja o que fazer antes de come&ccedil;ar a reformula&ccedil;&atilde;o.<\/p><h3 class=\"wp-block-heading\" id=\"h-evaluate-website-performance\"><strong>Avalie o desempenho do site<\/strong><\/h3><p class=\"wp-block-paragraph\">Avaliar o desempenho ajuda voc&ecirc; a entender quais &aacute;reas do site funcionam bem e devem ser mantidas, al&eacute;m de identificar o que precisa melhorar. Assim, fica mais f&aacute;cil focar nos pontos certos em vez de refazer o site inteiro.<\/p><p class=\"wp-block-paragraph\">Aqui, desempenho do site se refere &agrave; velocidade de carregamento e &agrave; experi&ecirc;ncia do usu&aacute;rio, dois fatores diretamente ligados. Para medir esse desempenho, use m&eacute;tricas como <strong>taxa de rejei&ccedil;&atilde;o, tempo na p&aacute;gina<\/strong> e <strong>tempo de carregamento<\/strong>. Esses dados ajudam a definir uma base clara e objetiva para as metas do redesign.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571a9292d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571a9292d\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/05\/gtmetrix-benchmark-de-desempenho-do-site.png\" alt=\"Benchmark de desempenho de sites do GTmetrix\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Voc&ecirc; pode usar ferramentas como o <strong>GTmetrix para medir a velocidade de carregamento<\/strong>. Para avaliar a experi&ecirc;ncia e a satisfa&ccedil;&atilde;o dos usu&aacute;rios, <a href=\"\/br\/tutoriais\/teste-de-usabilidade-site\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">fa&ccedil;a testes de usabilidade no site<\/a>.<\/p><h3 class=\"wp-block-heading\"><strong>Defina o objetivo do redesign<\/strong><\/h3><p class=\"wp-block-paragraph\">Definir metas ao redesenhar um site existente &eacute; importante porque facilita a avalia&ccedil;&atilde;o dos resultados. Assim, voc&ecirc; consegue entender se a reformula&ccedil;&atilde;o deu certo e se atende aos seus padr&otilde;es.<\/p><p class=\"wp-block-paragraph\">A forma mais simples de fazer isso &eacute; definir n&uacute;meros com base no desempenho atual do site. Veja alguns exemplos:<\/p><ul class=\"wp-block-list\">\n<li>Reduzir o tempo total de carregamento do site para menos de 2,5 segundos.<\/li>\n\n\n\n<li>Reduzir a taxa de rejei&ccedil;&atilde;o em 25%.<\/li>\n\n\n\n<li>Aumentar a dura&ccedil;&atilde;o das sess&otilde;es dos usu&aacute;rios em 30%.<\/li>\n\n\n\n<li>Reduzir os erros de envio de formul&aacute;rios para menos de 2%.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Voc&ecirc; tamb&eacute;m pode definir metas n&atilde;o quantitativas, como:<\/p><ul class=\"wp-block-list\">\n<li>Alterar todas as imagens do site para a propor&ccedil;&atilde;o 1:1.<\/li>\n\n\n\n<li>Adicionar modo noturno ao site.<\/li>\n\n\n\n<li>Atualizar o esquema de cores do site com uma nova paleta.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Lembre-se de que suas metas precisam ser mensur&aacute;veis, mesmo quando n&atilde;o forem quantitativas. Assim, voc&ecirc; consegue avaliar com mais clareza se o redesign foi bem-sucedido.<\/p><p class=\"wp-block-paragraph\">Dependendo da dimens&atilde;o do redesign, voc&ecirc; pode definir quantas metas forem necess&aacute;rias. Ajustes visuais simples podem ter apenas tr&ecirc;s objetivos, enquanto uma reformula&ccedil;&atilde;o completa pode ter 20 ou mais.<\/p><h3 class=\"wp-block-heading\">Planeje a estrutura do seu novo site<\/h3><p class=\"wp-block-paragraph\">Para finalizar o planejamento, desenhe a nova estrutura do site com base nos seus objetivos. Como na etapa anterior, esse processo vai variar de acordo com o tipo de redesign que voc&ecirc; pretende fazer.<\/p><p class=\"wp-block-paragraph\">Por exemplo, criar um wireframe, ou seja, um esbo&ccedil;o da estrutura b&aacute;sica e do layout do site, &eacute; essencial se voc&ecirc; quiser mudar a propor&ccedil;&atilde;o das imagens e garantir que tudo fique visualmente equilibrado. J&aacute; se a ideia for apenas trocar a paleta de cores, talvez voc&ecirc; possa pular essa etapa.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571a933ba\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571a933ba\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/05\/exemplos-de-design-de-site-do-dribble.png\" alt=\"Redesign de site WordPress: exemplos de design de sites no Dribble\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Voc&ecirc; pode buscar inspira&ccedil;&atilde;o para o seu site em plataformas como o <strong>Dribbble<\/strong>. Para facilitar o planejamento, crie o novo design usando ferramentas de prototipagem como <strong>Figma<\/strong> ou <strong>Canva<\/strong>.<\/p><h3 class=\"wp-block-heading\"><strong>Fa&ccedil;a backup do seu site<\/strong><\/h3><p class=\"wp-block-paragraph\">Antes de fazer qualquer altera&ccedil;&atilde;o, fa&ccedil;a backup do seu site WordPress para evitar perda de dados e facilitar a restaura&ccedil;&atilde;o se algo sair diferente do esperado.<\/p><p class=\"wp-block-paragraph\">Para quem usa <a href=\"\/br\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">a hospedagem WordPress da Hostinger<\/a>, a forma mais simples de fazer backup do site &eacute; usar o recurso integrado do <strong>hPanel<\/strong>. Outra op&ccedil;&atilde;o &eacute; usar plugins como <strong>UpdraftPlus, Jetpack <\/strong>ou <strong>All-in-One WP Migration<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-cloud\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44640\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-Cloud-hosting-x-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Se voc&ecirc; prefere fazer backup manualmente, basta copiar todos os arquivos e pastas para outro local usando o gerenciador de arquivos da sua hospedagem ou um cliente de <a href=\"\/br\/tutoriais\/ftp-o-que-e-como-funciona\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">protocolo de transfer&ecirc;ncia de arquivos<\/a> (FTP), como o <strong>FileZilla<\/strong>.<\/p><p class=\"wp-block-paragraph\">Para entender melhor o passo a passo, confira nosso artigo sobre <a href=\"\/br\/tutoriais\/como-fazer-backup-do-seu-site-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">como fazer backup de um site WordPress<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-fazer-um-redesign-de-site-wordpress\"><strong>Como fazer um redesign de site WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Agora que o planejamento est&aacute; pronto, siga estas etapas para redesenhar seu site no WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-1-use-um-ambiente-de-staging\">1. Use um ambiente de staging<\/h2><p class=\"wp-block-paragraph\">Um ambiente de staging &eacute; uma c&oacute;pia id&ecirc;ntica do seu site WordPress que funciona de forma independente e privada. Ele permite testar novos recursos ou layouts em um ambiente realista, sem alterar o site publicado. Isso ajuda a evitar erros e per&iacute;odos de indisponibilidade.<\/p><p class=\"wp-block-paragraph\">Existem tr&ecirc;s formas populares de criar um site de staging no WordPress:<\/p><ul class=\"wp-block-list\">\n<li><strong>Usar o recurso da hospedagem:<\/strong> &eacute; o m&eacute;todo mais simples e confi&aacute;vel, j&aacute; que normalmente vem integrado ao painel de controle do provedor. Por&eacute;m, nem todas as hospedagens oferecem essa funcionalidade.<\/li>\n\n\n\n<li><strong>Usar um plugin: <\/strong>ideal para sites WordPress auto-hospedados ou para quem usa uma hospedagem sem recurso de staging. &Eacute; relativamente simples, mas pode ser menos confi&aacute;vel por depender de uma extens&atilde;o de terceiros.<\/li>\n\n\n\n<li><strong>Criar manualmente com um subdom&iacute;nio: <\/strong>&eacute; a op&ccedil;&atilde;o mais complexa e demorada. Funciona melhor para desenvolvedores que querem flexibilidade total e personaliza&ccedil;&atilde;o no c&oacute;digo do ambiente de staging.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Neste tutorial, vamos <a href=\"\/br\/tutoriais\/ambiente-de-teste-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">configurar um ambiente de staging<\/a> usando o recurso integrado da Hostinger no hPanel. Esse recurso est&aacute; dispon&iacute;vel apenas nos planos Business e Cloud de hospedagem WordPress. Veja como fazer:<\/p><ol class=\"wp-block-list\">\n<li>Abra o <strong>hPanel<\/strong> e acesse o <strong>painel do seu site WordPress<\/strong>.<\/li>\n\n\n\n<li>Acesse a <strong>barra lateral<\/strong> &rarr; <strong>WordPress<\/strong> &rarr; <strong>Staging<\/strong>.<\/li>\n\n\n\n<li>Clique em <strong>Criar staging<\/strong> e digite um subdom&iacute;nio para seu ambiente de staging.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571a9845e\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571a9845e\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"353\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-08161dfd-a9a8-4c08-ad4b-04a88e500af6.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"P&aacute;gina de cria&ccedil;&atilde;o de ambiente de staging no hPanel\" class=\"wp-image-55962\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-08161dfd-a9a8-4c08-ad4b-04a88e500af6.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-08161dfd-a9a8-4c08-ad4b-04a88e500af6.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-08161dfd-a9a8-4c08-ad4b-04a88e500af6.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-08161dfd-a9a8-4c08-ad4b-04a88e500af6.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Depois de alguns minutos, seu novo site de staging deve aparecer na lista.<\/p><p class=\"wp-block-paragraph\">Nesse menu, voc&ecirc; pode acessar o painel administrativo do WordPress do ambiente de staging, onde os ajustes do redesign ser&atilde;o feitos. Para isso, clique em <strong>Gerenciar ambiente de teste<\/strong> e depois em <strong>Painel de administra&ccedil;&atilde;o do ambiente de teste<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571a9a02a\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571a9a02a\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"367\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-ddd53d1d-50cc-4695-a4a1-03925d2163a4.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Bot&atilde;o de acesso ao Painel de Administra&ccedil;&atilde;o do ambiente de staging no hPanel\" class=\"wp-image-55964\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-ddd53d1d-50cc-4695-a4a1-03925d2163a4.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-ddd53d1d-50cc-4695-a4a1-03925d2163a4.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-ddd53d1d-50cc-4695-a4a1-03925d2163a4.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-ddd53d1d-50cc-4695-a4a1-03925d2163a4.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h3 class=\"wp-block-heading\"><strong>2. Fa&ccedil;a backup do conte&uacute;do e das configura&ccedil;&otilde;es personalizadas do tema<\/strong><\/h3><p class=\"wp-block-paragraph\">Se voc&ecirc; j&aacute; alterou o tema ou as funcionalidades do site com c&oacute;digo personalizado, copie essas configura&ccedil;&otilde;es antes de continuar. Elas podem ser sobrescritas durante o redesign. Mesmo que voc&ecirc; j&aacute; tenha feito backup do site, esse backup nem sempre inclui snippets personalizados.<\/p><p class=\"wp-block-paragraph\">O c&oacute;digo personalizado das funcionalidades e do tema costuma ficar no arquivo functions.php. Para encontr&aacute;-lo e fazer backup, acesse o diret&oacute;rio de instala&ccedil;&atilde;o do WordPress.<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; pode fazer isso usando um cliente FTP ou o gerenciador de arquivos da sua hospedagem. Veja como fazer no <strong>Gerenciador de arquivos da Hostinger<\/strong>:<\/p><ol class=\"wp-block-list\">\n<li>Abra o <strong>hPanel<\/strong> e acesse o painel de gerenciamento do seu site WordPress.<\/li>\n\n\n\n<li>Clique em <strong>Gerenciador de arquivos<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/06\/public-1.avif\"><img decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/06\/public-1-1024x583.avif\" alt=\"O bot&atilde;o Gerenciador de arquivos no painel de gerenciamento de sites WordPress do hPanel\" class=\"wp-image-55966\" srcset=\"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/06\/public-1-1024x583.avif 1024w, https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/06\/public-1-300x171.avif 300w, https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/06\/public-1-150x85.avif 150w, https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/06\/public-1-768x438.avif 768w, https:\/\/www.hostinger.com\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/06\/public-1.avif 1348w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Acesse o caminho <strong>wp-content\/themes\/your-theme\/<\/strong>, em que <strong>your-theme<\/strong> &eacute; o nome do tema ativo no momento no seu site.<\/li>\n\n\n\n<li>Clique com o bot&atilde;o direito em <strong>functions.php <\/strong>e selecione <strong>Download<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571a9c4ff\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571a9c4ff\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/05\/o-botao-de-download-no-gerenciador-de-arquivos-da-hostinger.png\" alt=\"O bot&atilde;o Download no Gerenciador de Arquivos da Hostinger\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Se voc&ecirc; usa um <a href=\"\/br\/tutoriais\/child-theme-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">tema filho<\/a> para modificar o site, fa&ccedil;a backup dos arquivos functions.php e style.css desse tema. Eles ficam no caminho <strong>wp-content\/themes\/your-theme-child\/<\/strong>.<\/p><h3 class=\"wp-block-heading\"><strong>3. Renove o tema do WordPress<\/strong> <\/h3><p class=\"wp-block-paragraph\">Renovar o tema &eacute; uma das partes mais importantes do redesign de site WordPress, j&aacute; que ele define a apar&ecirc;ncia geral das p&aacute;ginas. Voc&ecirc; pode personalizar o tema atual ou instalar um novo.<\/p><p><strong><div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                Importante!<\/strong> Agora que voc&ecirc; vai come&ccedil;ar a fazer altera&ccedil;&otilde;es no site, use o ambiente de staging em vez do site publicado.\n            <\/p><\/div><\/p><p class=\"wp-block-paragraph\">Editar o tema atual &eacute; uma boa op&ccedil;&atilde;o para redesigns menores, quando voc&ecirc; quer manter a maior parte dos elementos do site.<\/p><p class=\"wp-block-paragraph\">Se o tema atual n&atilde;o tem os recursos mais recentes, est&aacute; desatualizado ou exige muitas altera&ccedil;&otilde;es, instalar um novo tema pode ser a melhor op&ccedil;&atilde;o. Um tema novo funciona como uma tela em branco e facilita a personaliza&ccedil;&atilde;o, j&aacute; que voc&ecirc; n&atilde;o precisa lidar com ajustes antigos.<\/p><p class=\"wp-block-paragraph\">Veja como encontrar e <a href=\"\/br\/tutoriais\/como-instalar-temas-do-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">instalar um tema do WordPress<\/a> no seu site:<\/p><ol class=\"wp-block-list\">\n<li>Abra o <strong>painel de administra&ccedil;&atilde;o do WordPress<\/strong> e, no <strong>menu lateral<\/strong>, acesse <strong>Apar&ecirc;ncia<\/strong> &rarr; <strong>Temas<\/strong>.<\/li>\n\n\n\n<li>Clique no bot&atilde;o <strong>Adicionar novo tema<\/strong>.<\/li>\n\n\n\n<li>No menu <strong>Adicionar temas<\/strong>, passe o cursor sobre o tema que voc&ecirc; gostou e clique em <strong>Instalar<\/strong>. Voc&ecirc; tamb&eacute;m pode visualiz&aacute;-lo antes.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571a9cad7\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571a9cad7\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/br\/tutoriais\/wp-content\/uploads\/sites\/53\/2026\/05\/o-menu-adicionar-temas-do-wordpress.png\" alt=\"O menu Adicionar temas no painel administrativo do WordPress\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Depois da instala&ccedil;&atilde;o, clique em <strong>Ativar<\/strong> para substituir o tema atual.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Al&eacute;m do painel administrativo do WordPress, voc&ecirc; tamb&eacute;m pode encontrar e comprar temas em lojas online como o <strong>ThemeForest.<\/strong> Depois, basta instal&aacute;-lo clicando em <strong>Enviar tema<\/strong> no menu <strong>Adicionar temas<\/strong>.<\/p><h3 class=\"wp-block-heading\"><strong>4. Adicione novos conte&uacute;dos<\/strong><\/h3><p class=\"wp-block-paragraph\">Depois de instalar o novo tema, voc&ecirc; pode come&ccedil;ar a personaliz&aacute;-lo alterando o design existente ou adicionando novos conte&uacute;dos. Esse processo pode incluir ajustes nas cores, mudan&ccedil;as no espa&ccedil;amento interno dos elementos ou reorganiza&ccedil;&atilde;o do layout da p&aacute;gina.<\/p><p class=\"wp-block-paragraph\">Para ter mais flexibilidade, voc&ecirc; pode editar o tema modificando o c&oacute;digo nos arquivos <strong>style.css e functions.php<\/strong>. Embora esse m&eacute;todo funcione em qualquer tema e ofere&ccedil;a muitas possibilidades de personaliza&ccedil;&atilde;o, ele pode ser mais dif&iacute;cil para iniciantes.<\/p><p class=\"wp-block-paragraph\">Para quem n&atilde;o tem familiaridade com programa&ccedil;&atilde;o, <a href=\"\/br\/tutoriais\/construtor-de-paginas-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">plugins de construtores de p&aacute;ginas<\/a> s&atilde;o uma alternativa mais amig&aacute;vel. Essas ferramentas podem facilitar a cria&ccedil;&atilde;o do layout, mas tamb&eacute;m podem gerar incompatibilidades. Al&eacute;m disso, precisam continuar ativas para manter as altera&ccedil;&otilde;es de design. Ao desativar ou desinstalar o plugin, o c&oacute;digo do design pode ser removido, e o WordPress pode voltar a exibir o site com uma estrutura b&aacute;sica em HTML.<\/p><p class=\"wp-block-paragraph\">Outra op&ccedil;&atilde;o pr&aacute;tica &eacute; usar temas de blocos com o editor nativo do WordPress. Para acess&aacute;-lo, v&aacute; at&eacute; <strong>Painel do WordPress<\/strong> &rarr; <strong>Apar&ecirc;ncia<\/strong> &rarr; <strong>Editor de arquivos de tema<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571a9ebca\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571a9ebca\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"568\" height=\"468\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/2026-06-03_18-30.png\/public\" alt=\"O bot&atilde;o Editor de Arquivos de Tema no painel administrativo do WordPress\" class=\"wp-image-55969\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/2026-06-03_18-30.png\/w=568,fit=scale-down 568w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/2026-06-03_18-30.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/2026-06-03_18-30.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 568px) 100vw, 568px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Independentemente da ferramenta escolhida, siga estas boas pr&aacute;ticas de web design no WordPress:<\/p><ul class=\"wp-block-list\">\n<li><strong>Modifique o tema filho: <\/strong>sempre altere o tema filho em vez do tema principal para preservar as mudan&ccedil;as ap&oacute;s atualiza&ccedil;&otilde;es.<\/li>\n\n\n\n<li><strong>Evite edi&ccedil;&otilde;es diretas no sistema: <\/strong>use uma ferramenta como o VSCode para editar o c&oacute;digo do tema. Diferente do editor nativo do WordPress, ele oferece recursos que ajudam a reduzir erros, como destaque de sintaxe e op&ccedil;&atilde;o de desfazer.<\/li>\n\n\n\n<li><strong>Use controle de vers&atilde;o:<\/strong> implemente controle de vers&atilde;o no WordPress para acompanhar altera&ccedil;&otilde;es no c&oacute;digo do site e revert&ecirc;-las com facilidade quando necess&aacute;rio.<\/li>\n\n\n\n<li><strong>Cuide do c&oacute;digo:<\/strong> siga os <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">padr&otilde;es de codifica&ccedil;&atilde;o do WordPress<\/a>, use hooks e filters para manter a modularidade e reduza estilos desnecess&aacute;rios para otimizar o desempenho.<\/li>\n<\/ul><h3 class=\"wp-block-heading\"><strong>5. Adicione plugins extras<\/strong><\/h3><p class=\"wp-block-paragraph\">Depois de renovar o visual, ajuste as funcionalidades do site. Com base no seu plano de redesign, talvez voc&ecirc; s&oacute; precise atualizar recursos existentes ou adicionar novas fun&ccedil;&otilde;es.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; pretende adicionar novos recursos, a forma mais simples &eacute; usar um plugin. Em geral, plugins s&atilde;o f&aacute;ceis de configurar e funcionam de forma modular. Isso significa que voc&ecirc; pode desativ&aacute;-los sem alterar diretamente a estrutura do site.<\/p><p class=\"wp-block-paragraph\">Veja como encontrar e <a href=\"\/br\/tutoriais\/como-instalar-plugins-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">instalar um plugin do WordPress<\/a>:<\/p><ol class=\"wp-block-list\">\n<li>No painel administrativo do WordPress, <strong>acesse Plugins &rarr; Adicionar plugin<\/strong>.<\/li>\n\n\n\n<li>Encontre o plugin que voc&ecirc; quer instalar digitando o nome ou as tags dele na barra de pesquisa.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571aa0ec6\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571aa0ec6\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"347\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-43d18971-0357-444d-bfb0-6c95fbe85c44.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"O menu Adicionar plugins no painel de administra&ccedil;&atilde;o do WordPress\" class=\"wp-image-55970\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-43d18971-0357-444d-bfb0-6c95fbe85c44.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-43d18971-0357-444d-bfb0-6c95fbe85c44.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-43d18971-0357-444d-bfb0-6c95fbe85c44.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-43d18971-0357-444d-bfb0-6c95fbe85c44.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Clique em <strong>Instalar agora<\/strong> para configurar o plugin.<\/li>\n\n\n\n<li>Depois da instala&ccedil;&atilde;o, clique em <strong>Ativar<\/strong>.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Pronto! Dependendo do plugin, o recurso s&oacute; ficar&aacute; ativo depois que voc&ecirc; concluir o assistente de configura&ccedil;&atilde;o. Normalmente, isso pode ser feito na p&aacute;gina de <strong>Configura&ccedil;&otilde;es<\/strong>, dentro do menu de <strong>plugins instalados<\/strong>.<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; tamb&eacute;m pode usar plugins de terceiros e envi&aacute;-los para o WordPress. Para reduzir o risco de problemas, escolha apenas op&ccedil;&otilde;es confi&aacute;veis e bem mantidas.<\/p><p>\n\n\n        <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                    N&atilde;o sabe quais plugins instalar?                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Se voc&ecirc; precisa de ajuda para escolher plugins para o seu site, confira nossa <a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpres\/\">categoria de tutoriais de plugins para WordPress<\/a>. Temos v&aacute;rios artigos com recomenda&ccedil;&otilde;es de plugins para diferentes finalidades.<\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; quiser reajustar os recursos dos plugins, acesse <strong>Plugins<\/strong> &rarr; <strong>Editor de arquivos de plugin<\/strong>. Como esse processo envolve c&oacute;digo e pode causar erros, siga com aten&ccedil;&atilde;o.<\/p><h3 class=\"wp-block-heading\"><strong>6. Teste seu site<\/strong> <\/h3><p class=\"wp-block-paragraph\">Teste o novo design e as novas funcionalidades para confirmar se todos os elementos do site funcionam corretamente. Mudan&ccedil;as sem revis&atilde;o podem trazer bugs ou falhas de seguran&ccedil;a que prejudicam a experi&ecirc;ncia do usu&aacute;rio.<\/p><p class=\"wp-block-paragraph\">A forma mais simples de verificar se o site est&aacute; funcionando bem &eacute; us&aacute;-lo como se voc&ecirc; fosse um visitante. Para facilitar, crie uma checklist com os itens que precisam ser testados, como:<\/p><ul class=\"wp-block-list\">\n<li><strong>Funcionalidade geral do site: <\/strong>confira se todas as p&aacute;ginas carregam corretamente, se n&atilde;o exibem erros ou avisos e se os links funcionam como esperado.<\/li>\n\n\n\n<li><strong>Apar&ecirc;ncia geral:<\/strong> veja se o site est&aacute; visualmente equilibrado, se todo o conte&uacute;do aparece corretamente e se as cores s&atilde;o exibidas da forma certa.<\/li>\n\n\n\n<li><strong>Elementos de navega&ccedil;&atilde;o:<\/strong> valide o funcionamento de menus suspensos, breadcrumbs e links.<\/li>\n\n\n\n<li><strong>Formul&aacute;rios e itens interativos: <\/strong>teste formul&aacute;rios e outros elementos interativos, como bot&otilde;es, para confirmar se funcionam como deveriam.<\/li>\n\n\n\n<li><strong>Compatibilidade entre plataformas: <\/strong>confira como o site aparece e funciona em diferentes navegadores e dispositivos m&oacute;veis.<\/li>\n\n\n\n<li><strong>Recursos espec&iacute;ficos do site: <\/strong>avalie funcionalidades exclusivas, como o checkout de uma loja virtual ou a se&ccedil;&atilde;o de coment&aacute;rios de um f&oacute;rum.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Al&eacute;m disso, refa&ccedil;a os testes de usabilidade e o benchmark de desempenho para descobrir se outras &aacute;reas ainda precisam de melhorias em rela&ccedil;&atilde;o &agrave; base definida no in&iacute;cio.<\/p><h3 class=\"wp-block-heading\"><strong>7. Publique o novo design no site<\/strong><\/h3><p class=\"wp-block-paragraph\">Agora que o novo design foi finalizado e testado, &eacute; hora de public&aacute;-lo no site ao vivo. As etapas variam de acordo com a hospedagem e com a forma como o ambiente de staging foi criado.<\/p><p class=\"wp-block-paragraph\">Como criamos o ambiente de staging com o recurso nativo do hPanel, vamos mostrar como publicar seu site WordPress usando essa ferramenta. Veja o passo a passo:<\/p><ol class=\"wp-block-list\">\n<li>Abra o hPanel e acesse o painel do seu site <strong>WordPress<\/strong>.<\/li>\n\n\n\n<li>Na barra lateral, acesse <strong>WordPress &rarr; Staging<\/strong>.<\/li>\n\n\n\n<li>Encontre seu site de staging e clique no &iacute;<strong>cone de tr&ecirc;s pontos<\/strong> <strong>&rarr; Publicar<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a64571aa3169\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a64571aa3169\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"377\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-1611f5cd-c44f-45c0-87a8-dffdaf750c16.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"O bot&atilde;o Publicar em um ambiente de staging no hPanel\" class=\"wp-image-55972\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-1611f5cd-c44f-45c0-87a8-dffdaf750c16.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-1611f5cd-c44f-45c0-87a8-dffdaf750c16.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-1611f5cd-c44f-45c0-87a8-dffdaf750c16.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2026\/06\/fi-1611f5cd-c44f-45c0-87a8-dffdaf750c16.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Na janela pop-up, clique em <strong>Publicar<\/strong>.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Pronto! Seu novo design j&aacute; est&aacute; no ar.<\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-fazer-depois-de-um-redesign-de-site-wordpress\"><strong>O que fazer depois de um redesign de site WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Depois de fazer um redesign de site WordPress, o pr&oacute;ximo passo &eacute; avaliar o sucesso da reformula&ccedil;&atilde;o, verificar se as mudan&ccedil;as funcionam como esperado e identificar se ainda h&aacute; pontos que podem ser melhorados.<\/p><p class=\"wp-block-paragraph\">Veja algumas pr&aacute;ticas importantes depois de reformular um site:<\/p><ul class=\"wp-block-list\">\n<li><strong>Teste novamente o funcionamento do site:<\/strong> verifique de novo todos os recursos e a apar&ecirc;ncia no ambiente de produ&ccedil;&atilde;o para confirmar se tudo funciona corretamente. Isso &eacute; importante porque alguns elementos de design podem mudar ao sair do staging para o site publicado.<\/li>\n\n\n\n<li><strong>Configure testes A\/B:<\/strong> fa&ccedil;a <a href=\"\/br\/tutoriais\/teste-ab-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">testes A\/B<\/a> para comparar o desempenho do novo design com o antigo. Tamb&eacute;m compare o desempenho atual com a base definida antes do redesign para entender se mais ajustes s&atilde;o necess&aacute;rios.<\/li>\n\n\n\n<li><strong>Configure o monitoramento: <\/strong>acompanhe regularmente o desempenho do site para ver se as mudan&ccedil;as afetam a velocidade de carregamento ou o uptime. Assim, voc&ecirc; consegue identificar problemas rapidamente e agir antes que eles impactem mais visitantes.<\/li>\n\n\n\n<li><strong>Atualize plugins e temas:<\/strong> manter plugins e temas sempre atualizados ajuda seu site WordPress a continuar seguro e livre de bugs. Voc&ecirc; tamb&eacute;m pode configurar atualiza&ccedil;&otilde;es autom&aacute;ticas se a sua hospedagem oferecer esse recurso.<\/li>\n\n\n\n<li><strong>Gere novamente o sitemap XML: <\/strong>se voc&ecirc; mudou a estrutura do site, atualize e reenvie o sitemap XML aos mecanismos de busca. Isso ajuda o Google e outros buscadores a atualizarem as informa&ccedil;&otilde;es do site para indexa&ccedil;&atilde;o e rastreamento.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong> <\/h2><p class=\"wp-block-paragraph\">Fazer um redesign de site WordPress n&atilde;o &eacute; uma a&ccedil;&atilde;o &uacute;nica. &Agrave; medida que o site cresce e recebe mais visitantes, otimiza&ccedil;&otilde;es regulares ajudam a manter uma boa experi&ecirc;ncia para o usu&aacute;rio.<\/p><p class=\"wp-block-paragraph\">Al&eacute;m disso, redesenhar o site de tempos em tempos ajuda a manter suas p&aacute;ginas alinhadas aos objetivos do neg&oacute;cio e &agrave;s necessidades do p&uacute;blico.<\/p><p class=\"wp-block-paragraph\">Agora que voc&ecirc; j&aacute; sabe como reformular um site de forma eficiente, &eacute; hora de colocar a m&atilde;o na massa. Se voc&ecirc; usa a Hostinger, pode aproveitar nossas ferramentas integradas de backup e staging para deixar o processo de redesign mais simples.<\/p><h2 class=\"wp-block-heading\" id=\"h-perguntas-frequentes-faq-redesign-de-site-wordpress\"><strong>Perguntas frequentes (FAQ) redesign de site WordPress<\/strong><\/h2><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1780518058949\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Quanto custa fazer um redesign de site WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>O custo para redesenhar um site WordPress depende de v&aacute;rios fatores. Ele pode sair de gra&ccedil;a se voc&ecirc; fizer tudo por conta pr&oacute;pria e usar ferramentas gratuitas. Se houver or&ccedil;amento para contratar ajuda profissional, considere cerca de R$ 150 por hora para um servi&ccedil;o de design, at&eacute; R$ 500 em um tema e cerca de R$ 1.000 em um plugin premium. Confira nosso artigo sobre custo de desenvolvimento de site para saber mais.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1780518071341\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Redesign de site WordPress pode afetar o SEO?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Sim. Um redesign de site WordPress pode melhorar a estrutura, a experi&ecirc;ncia do usu&aacute;rio, o conte&uacute;do e a velocidade de carregamento, fatores que contribuem para um SEO melhor. Ainda assim, uma reformula&ccedil;&atilde;o feita sem planejamento pode prejudicar o SEO. Problemas como links quebrados e estrutura incorreta dificultam a indexa&ccedil;&atilde;o do site pelos mecanismos de busca.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1780518084975\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Com que frequ&ecirc;ncia devo reformular meu site WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Voc&ecirc; pode reformular o design do seu site a cada dois ou tr&ecirc;s anos, mas a frequ&ecirc;ncia ideal depende das suas necessidades. Se o site usa tecnologias recentes e tem bom desempenho, atualiz&aacute;-lo a cada cinco anos pode ser suficiente. Para sites mais antigos, vale fazer isso com mais frequ&ecirc;ncia, como a cada dois anos. Procure evitar mudan&ccedil;as frequentes demais, j&aacute; que alterar a estrutura do site muitas vezes pode afetar o SEO.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>O redesign de site WordPress &eacute; o processo de renovar a apar&ecirc;ncia, os recursos e o funcionamento geral de um site para melhorar a experi&ecirc;ncia do usu&aacute;rio e a usabilidade. Para alcan&ccedil;ar esse objetivo, &eacute; importante seguir uma abordagem clara e bem estruturada. As etapas para fazer um redesign de site WordPress geralmente s&atilde;o: Neste [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/redesign-de-site-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":432,"featured_media":55456,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Redesign de site WordPress: guia completo","rank_math_description":"Neste tutorial, vamos explicar cada uma das etapas e pr\u00e9-requisitos para fazer um redesign de site WordPress. ","rank_math_focus_keyword":"redesign de site wordpress","footnotes":""},"categories":[4911],"tags":[],"class_list":["post-55471","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-redesign-a-wordpress-website\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/redesign-de-site-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-redesign-a-wordpress-website\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-redesign-a-wordpress-website\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-redesign-a-wordpress-website\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-redesign-a-wordpress-website\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-redesign-a-wordpress-website\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-redesign-a-wordpress-website\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-redesign-a-wordpress-website\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/redesign-de-site-wordpress\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/55471","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\/432"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=55471"}],"version-history":[{"count":27,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/55471\/revisions"}],"predecessor-version":[{"id":55974,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/55471\/revisions\/55974"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media\/55456"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=55471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=55471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=55471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}