Há muitas razões pelas quais o WordPress é popular; é fácil de usar e vem com uma grande variedade de plugins, como wpDataTables, que oferecem funcionalidades avançadas com uma configuração muito simples. No entanto, existem algumas situações em que você precisa saber como editar HTML no WordPress.
No entanto, de tempos em tempos, você precisa acessar o código-fonte do seu site. Por exemplo, quando seu site é atacado por um malware, ele pode travar todo o site e não há outra maneira de corrigir as coisas, exceto brincar um pouco com o código.
Por outro lado, pode haver situações em que você simplesmente queira fazer algumas alterações personalizadas avançadas e precise saber como editar HTML no WordPress.
Saiba o que você deseja mudar
Antes de começar a editar o código HTML de um site, você deve saber exatamente o que deseja alterar. Decida quais resultados você deseja, saiba como personalizar um tema do WordPress, como enviar o arquivo HTML para o WordPress, como comentar CSS etc.
Talvez você queira apenas experimentar para saber mais ou talvez simplesmente queira alterar algum texto ou editar um layout de site. No entanto, não importa qual seja o seu objetivo aqui, saiba exatamente o que você quer fazer antes de começar a editar o código.
Além disso, não se esqueça de se perguntar se isso realmente vale o seu tempo. Se você não quiser gastar muito do seu valioso tempo para editar HTML, considere contratar um profissional para fazer o trabalho pesado para você.
Reúna suas ferramentas
A boa notícia é que não existem muitas ferramentas que você precisa para editar HTML WordPress. Você pode encontrar todos eles abaixo e, para melhorar ainda mais, todos eles são gratuitos.
- Um cliente FTP como Filezilla ou WinSCP para ter acesso direto aos seus arquivos em seu servidor web; para baixá-los e carregá-los facilmente.
- Um editor para fazer alterações no arquivo baixado, como o Notepad++, que é gratuito e possui um marcador de sintaxe para as linguagens de programação mais comuns.
Faça seus backups
Antes de começar a mexer em seu código-fonte HTML, certifique-se de saber onde estão seus backups e como restaurá-los imediatamente, se necessário. Você pode criar os arquivos de backup através do cPanel do provedor de hospedagem se não gostar de fazer seus próprios backups.
Alterando uma postagem ou página regular do WordPress
Se você deseja alterar o código-fonte HTML em uma página normal do WordPress, tudo o que você precisa fazer é usar o editor HTML do WordPress. Alterar um código do WordPress dessa maneira é bastante fácil. Basta editar a página e você notará que clicar na guia Texto mostrará o código HTML por trás do que aparece nessa guia Visual.
Editando HTML no WordPress
Para explicar como editar HTML no WordPress, primeiro precisamos saber como acessá-lo.
Você terá que acessar o código-fonte do site antes de chegar ao editor HTML do WordPress.
Mas como você edita o HTML do WordPress em sua página inicial?
Se você não sabe como editar a página inicial do WordPress, não se preocupe. Geralmente, você pode fazer isso em Aparência > Widgets, onde pode simplesmente ajustar o conteúdo nas áreas de widget individuais.
No entanto, em alguns casos, você notará a página inicial atuando como uma página individual e não poderá editá-la na área de Widgets. Se isso acontecer, você pode encontrar o conteúdo da página inicial em Páginas ou clicar na opção Editar página na barra de administração superior da página inicial.
Se essas duas opções não funcionarem para você, há uma chance de você estar usando um construtor de páginas ou tema com um editor de página inicial integrado. Se for esse o caso, você pode editar o código HTML de maneiras específicas descritas na documentação fornecida com o construtor de páginas ou o tema em questão.
Como editar temas do WordPress
Agora, vamos explicar como personalizar o tema WP. Basta acessar Aparência → Editor no painel do WordPress e encontrar o tema em questão.
Não fique confuso se você vir apenas um ou dois arquivos; geralmente style.css e functions.php. Não há nada de anormal nisso, não se preocupe.
Infelizmente, alterar um arquivo de modelo não é algo que você pode fazer no editor do painel. Você precisará copiar o arquivo para o seu tema filho usando um aplicativo FTP.
Por exemplo, se você quiser editar o arquivo HTML no tema Twenty Eighteen, digamos o rodapé, primeiro você terá que copiar o arquivo footer.php para o nosso tema filho usando um aplicativo FTP.
Basta copiá-lo para o seu computador e copiá-lo novamente para a pasta do tema. Feito isso, vá para Aparência → Editor em seu painel do WordPress, selecione seu tema filho e o nome do arquivo footer.php na barra lateral direita.
Atualize seu código e clique no grande botão azul Atualizar Arquivo abaixo do editor.
Em alguns casos, você não verá o botão Atualizar arquivo imediatamente. Se for esse o caso, você provavelmente terá que alterar as permissões do arquivo usando seu aplicativo FTP. Simplesmente, clique com o botão direito do mouse no nome do arquivo no aplicativo FTP e escolha a opção de alteração de permissões.
Teste
Agora que você já sabe como editar o WordPress, você pode testar as alterações feitas no seu navegador recarregando o site (Pressione F5 ). Se tudo correr bem, você fez um ótimo trabalho ao editar seus códigos HTML.
Se as coisas não são exatamente o que você esperava que fossem, não se preocupe. Você sempre pode desfazer as alterações ou simplesmente reinstalar seu backup e tentar novamente.
Considerações finais sobre como editar HTML no WordPress
Aprender a codificar HTML não é fácil, mas aprender a editar HTML no WordPress não é tão ruim, não é?
Neste tutorial, examinamos algumas das mudanças mais básicas que são um ótimo começo se você está apenas aprendendo a usar HTML. Saber como codificar seu próprio site pode ser muito útil, mas você não precisa ser um especialista em codificação para fazer algumas alterações simples sozinho.
Lembre-se de que, se as coisas não saírem conforme o planejado, você sempre poderá desfazer as alterações ou reinstalar o backup.
Se você gostou de ler este artigo sobre como editar HTML no WordPress, confira este artigo sobre como redefinir o WordPress.
Também escrevemos sobre alguns assuntos relacionados, como incorporar vídeo no WordPress, como alterar o URL do WordPress, como adicionar JavaScript ao WordPress, como duplicar uma página no WordPress, como editar as funções de usuário do WordPress e como adicionar a imagem em destaque do WordPress..