{"id":15952,"date":"2019-05-29T14:53:16","date_gmt":"2019-05-29T17:53:16","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=15952"},"modified":"2023-07-07T17:06:33","modified_gmt":"2023-07-07T20:06:33","slug":"editar-html-wordpress","status":"publish","type":"post","link":"\/pt\/tutoriais\/editar-html-wordpress","title":{"rendered":"Como editar HTML no WordPress"},"content":{"rendered":"

O WordPress é uma plataforma de fácil uso da qual você pode se aproveitar sem tocar numa única linha de código. Porém, saber como editar HTML no WordPress é uma boa habilidade para ter em seu arsenal.<\/p>

Com o conhecimento de edição de códigos, você pode resolver problemas ou executar customizações avançadas para melhorar seu site feito na hospedagem WordPress que você tem aqui na Hostinger.<\/p>

Esse artigo irá explicar por que é necessário saber editar HTML no WordPress e como fazê-lo do jeito certo.<\/p>

Baixe o Guia de Recursos HTML definitivo<\/a><\/p>

\n\n\n\n\n\n\n<\/p>

Isso é Necessário?<\/strong><\/h2>

O WordPress funciona de maneira incrível por padrão, o que significa que você pode ter um site belo e funcional<\/a> sem escrever qualquer código.<\/p>

De fato, o WordPress tem uma enorme coleção de temas<\/a> e plugins<\/a> para mexer facilmente no seu website. Então, você não precisa realmente saber como editar HTML no WordPress.<\/p>

Se você quer mudar a aparência do seu website, é possível usar e customizar o tema pré-instalado ou instalar um novo do diretório WordPress. Adicionalmente, para implementar mais funcionalidades no seu website, instalar plugins pode ser uma das melhores soluções.<\/p>

\n
\"\"<\/a><\/figure><\/div>

Em suma, está tudo bem em deixar o código do WordPress em paz na maioria das situações.<\/p>

Contudo, existem momentos em que você precisa editar o HTML<\/a> no WordPress. Até porque esse pode ser o único caminho.<\/p>

Por exemplo, isso acontece quando você quer fazer uma customização avançada dos temas ou adicionar efeitos HTML nos seus posts – como textos destacados que sejam mais atrativos.<\/p>

Tenha em mente que editar os códigos de maneira incorreta no WordPress vai trazer mais consequências negativas do que positivas. Faça isso cuidadosamente<\/strong>.<\/p>

Coisas a Se Considerar<\/strong><\/h3>

Editar o código-fonte do WordPress é uma tarefa séria. Você deve minizar o risco sempre que puder.<\/p>

Para fazer isso, é necessário considerar qual é o seu objetivo, que ferramentas usar e quanto tempo você tem.<\/p>

Pergunte para si mesmo: qual é o seu motivo? Você quer fazer mudanças para testar<\/strong>, com a finalidade de aprender<\/strong> ou para implementar customizações avançadas<\/strong>?<\/p>

Se você quer testar algumas coisas, é altamente recomendado criar o Child Theme<\/a>. Caso alguma coisa dê errado, isso não vai afetar o seu website. Fora isso, brincar com um tema filho permite que você veja se a modificação que deseja fazer é o que você esperava.<\/p>

Você sempre pode testar certas funções do WordPress para finalidade de aprendizado. Lembre-se: você deve restringir o seu escopo, mexendo apenas na parte sobre a qual você quer aprender. Não apenas isso irá poupar seu tempo, como também irá impedir que você encontre problemas desnecessários.<\/p>

Editar o código-fonte do WordPress requer que você tenha um editor de texto HTML<\/a> como o Notepad++ <\/strong>para o Windows ou o Text Wrangler <\/strong>para Mac. Você também precisa preparar um cliente FTP<\/a> como FileZilla e um navegador moderno como o Google Chrome<\/strong>.<\/p>

A última, porém não menos importante, coisa a se fazer é decidir quanto tempo você quer gastar na tarefa.<\/p>

Tipicamente, editar o código-fonte do WordPress por conta própria consome uma bela quantidade de tempo. Então, se você acha que não tem as horas disponíveis para fazê-lo, contratar um profissional pode ser uma opção sensata.<\/p>

Como Editar o Código-Fonte do WordPress<\/strong><\/h2>

Como você pode saber, o WordPress usa quatro linguagens de programação diferentes: HTML<\/a>, CSS<\/a>, PHP e JavaScript<\/a>.<\/p>

Cada linguagem tem o seu próprio código e serve para diferentes funcionalidades. Por exemplo, o HTML opera a estrutura dos conteúdos e o CSS gerencia a sua aparência. Dito isso, pode ser necessário realizar certas operações ao utilizar um conjunto específico de códigos.<\/p>

Agora, vamos explorar melhor como editar o código-fonte do WordPress.<\/p>

Como Editar HTML no WordPress<\/strong><\/h3>

Conforme indicamos anteriormente, HTML significa HyperText Markup Language (Linguagem de Marcação de Hipertexto) e serve para controlar a estrutura dos conteúdos.<\/p>

Você pode adicionar qualquer tipo de conteúdo como texto, imagens<\/strong><\/a> ou vídeos nos seus posts do WordPress. Normalmente, isso seria feito através do editor do WordPress.<\/p>

O WordPress tem dois tipos de editores: um visual e um de texto (HTML). No editor clássico, você pode mudar da edição visual para a edição HTML facilmente, já que eles estão localizados lado a lado.<\/p>

\"Como<\/figure>

Mas esse não é o caso com o recém-introduzido editor Gutenberg. Nele, existem duas maneiras de mudar para o editor HTML:<\/p>

    \n
  1. Clicar no menu de três pontos em cada bloco.<\/li>\n\n\n\n
  2. Clicar no menu de três ponto na parte superior direita para editar o post inteiro.<\/li>\n<\/ol>
    \"Menu<\/figure>

    Esse é um exemplo de como editar HTML no WordPress usando o editor Gutenberg:<\/p>

    \n
    \"Bloco<\/figure><\/div>

    E esse aqui é o resultado:<\/p>

    \n
    \"Exemplo<\/figure><\/div>

    Então, você pode editar HTML no WordPress usando as duas maneiras acima.<\/p>

    Mas e como editar HTML na sua página inicial? Basicamente, você pode adicionar um HTML customizado através da área de widget. Vá até Aparência > Widgets<\/strong>.<\/p>

    Na área de widget, você pode editar o HTML dos widgets disponíveis ou adicionar mais widgets a partir do menu HTML personalizado<\/strong>.<\/p>

    Para editar o HTML, você primeiramente precisa escolher o widget a ser customizado, fazer alterações e salvá-lo.<\/p>

    \n
    \"Bloco<\/figure><\/div>

    Por outro lado, você pode adicionar novos widgets a partir do menu HTML personalizado. Dependendo do seu tema ativado, as opções podem variar. Por exemplo, usando o tema Twenty Seventeen<\/a>, você tem as opções: Blog Sidebar (Barra Lateral do Blog), Footer 1 (Rodapé 1) e Footer 2 (Rodapé 2). Assim que você adicionar os detalhes, salve-os.<\/p>

    \n
    \"Tela<\/figure><\/div>

    Como Editar PHP e CSS no WordPress<\/strong><\/h3>

    CSS (Cascading Style Sheets) aplicam o estilo para o HTML. Elas são as responsáveis por determinar como a sua página da web é apresentada.<\/p>

    Quando você aplicar um tema WordPress, seu website terá cor, fonte e layout específicos. Se você não gostar de um certo tema, pode usar um outro.<\/p>

    Mas e se você quer manter o layout do tema e só deseja mudar a fonte? Nesse caso, você pode precisar editar o PHP e o CSS no WordPress.<\/p>

    Tenha cuidado, pois esse método pode não ser adequado para iniciantes no WordPress.<\/strong><\/p>

    Existem duas maneiras de editar PHP e CSS no WordPress: usando o editor de código do WordPress ou o cliente FTP.<\/p>

    1. O Editor do Core do WordPress<\/strong><\/h4>

    O primeiro método acessa o editor de código do WordPress. Por favor note que você só pode usar essa técnica se o seu website roda bem – o que significa que o seu site não está travando por causa causa de qualquer ataque de malware ou de updates<\/em> que falharam.<\/p>

    Uma vez que você tenha criado um tema filho, ative-o. Em seguida, você pode ir em Aparência > Editor de Temas<\/strong>.<\/p>

    Garanta que você selecionou o child theme alvo que você deseja editar. Por exemplo, se você quer editar o rodapé, é possível selecionar footer.php<\/strong> no lado esquerdo. Então, você pode adicionar ou editar o código no Editor de Código.<\/p>

    Após editar o código, clique no botão Atualizar Arquivo.<\/strong><\/p>

    2. Cliente FTP<\/strong><\/h4>

    O próximo método usa um cliente FTP.<\/p>

    Enquanto esse pode ser um método poderoso, nós não recomendamos que você o utilize<\/strong>. Ele não é seguro e pode colocar seu website em risco se você gerenciá-lo mal. Mesmo assim, aqui está como fazê-lo se você se sente qualificado e confia nas suas habilidades.<\/p>

    Primeiro, você precisa criar uma credencial de login FTP. Em Seguida, você pode abrir seu cliente FTP e inserir os detalhes do seu host FTP, nome de usuário e senha.<\/p>

    Assim que você tiver conseguido se conectar, poderá acessar o código-fonte do WordPress. Selecione quaisquer arquivos que você desejar editar, clique com o botão direito e aperte em editar<\/strong>. Depois que concluir sua edição, você pode salvar as mudanças.<\/p>

    Conclusão<\/strong><\/h2>

    Você precisa de um motivo forte para editar o HTML no WordPress. Na maior parte do tempo, é suficiente utilizar temas e plugins.<\/p>

    Caso seja necessário arrumar quaisquer problemas ou se você desejar promover customizações avançadas, é possível editar o código-fonte do WordPress. Mas há algumas coisas a se considerar antes de fazê-lo: seus objetivos, as ferramentas e seu tempo<\/strong>.<\/p>

    Existe operações diferentes quando se vai editar o código-fonte do WordPress:<\/p>