em nosso artigo anterior, mostramos duas ferramentas ricas em recursos que se destacam na edição do WordPress HTML para páginas e postagens individuais. Agora, vamos pular para a próxima seção de edição de HTML, que envolve o código-fonte do WordPress.
como interferir no código-fonte pode colocar seu site em risco, opte apenas por esse método se tiver certeza do seu conhecimento de código.
você é? Então vamos começar!
por que você deve saber como editar código-fonte HTML
WordPress visa ajudar os usuários a evitar tocar uma linha de código, tanto quanto possível. Escusado será dizer que é uma plataforma amigável e fácil de usar que fornece muitas funções e plugins integrados para ajudar os usuários a atender a maioria de suas necessidades.
por exemplo, quando se trata de personalizar seu site WordPress, existem muitos plugins e temas disponíveis para ajudá-lo a fazer as coisas. Ao instalá-los e ativá-los, você pode enfeitar ou personalizar totalmente seu site sem problemas. Em outras palavras, para necessidades básicas, o WordPress permite que você faça tudo sem interferir no código-fonte do seu site.
no entanto, chega um momento em que você gostaria de ter mais controle sobre seu site, ou seja, realizar personalização avançada. Mesmo no pior cenário, seu site trava ou sofre de erros que o impedem de acessar seu painel de administração.
nessas circunstâncias, editar o código-fonte HTML do WordPress pode ser o ticket. Como tal, ele lhe dará uma mão na solução de problemas.
esta postagem mostrará um guia completo para editar o código-fonte HTML no WordPress. Assim, você pode escolher a solução mais adequada com base em suas necessidades específicas.
- editar código-fonte HTML usando o WordPress Theme Editor
- editar código-fonte HTML usando FTP (File Transfer Protocol)
- editar código-fonte HTML usando cPanel
editar código-fonte HTML usando o WordPress Theme Editor
usar o WordPress Theme Editor em seu painel é um método simples. Isso significa que você não precisa usar nenhum plugin ou plataforma de terceiros para editar seu código-fonte HTML.
basta seguir os passos abaixo.
Passo 1: Navegue até a aparência > Editor de temas.
Etapa 2: uma mensagem de aviso aparece para confirmar sua compreensão da edição de HTML antes de começar. Clique em eu entendo para fazer a bola rolar.
Etapa 3: Selecione um tema para editar no menu suspenso no canto direito. Digamos que pretendemos editar o tema da Vitrine.
Etapa 4: uma nova tela é exibida. Na lista à direita, selecione um arquivo de tema específico que você pretende editar.
observe os arquivos exibidos dependendo do seu tema. Dito isto, existem pontos comuns em todos os temas. Por exemplo:
- Índice.php
- cabeçalho.php
- rodapé.como baixar e instalar … css
- função.php
Etapa 4: faça alterações no HTML. Lembre-se de prosseguir com cautela, pois mesmo uma vírgula ou ponto errado possivelmente quebra seu site.Etapa 5: pressione Atualizar arquivo para salvar suas alterações.
vale a pena notar que o WordPress impedirá que você salve seu HTML editado se houver erros detectados. Nesse caso, verifique novamente seu HTML e salve-o novamente.
por esse motivo, esse método é considerado mais seguro do que os outros 2 métodos, que serão apresentados a seguir.
editar código-fonte HTML usando FTP
FTP significa File Transfer Protocol. Se você é um técnico, editar o código-fonte HTML do WordPress com um cliente FTP não será ciência de foguetes para você. Neste artigo, vamos com o FileZilla, que é considerado o cliente FTP mais seguro e fácil de usar entre vários.
agora, vamos começar!
Passo 1: Baixe o FileZilla e instale-o no seu local.
Passo 2: uma vez feito isso, vamos abrir FileZilla.
exigirá que você insira suas credenciais de FTP, como um nome de usuário, senha e nome de host, que podem ser facilmente encontrados em sua conta de hospedagem.
Pressione QuickConnect para se conectar ao seu servidor.
Passo 3: Você deve ver uma lista dos arquivos do seu site no painel direito.
abra a pasta public_html. É onde residem seus arquivos e pastas.
Etapa 4: na pasta Public_html, procure a pasta wp-content que abriga todos os temas instalados do seu site. Você deve rolar para baixo para vê-lo.
Etapa 5: dentro da pasta wp-content, Escolha temas.
aqui, baixe e edite temas que você pretende personalizar.
por exemplo, como você pode ver na captura de tela abaixo, temos um tema chamado twentytwentyone.
Passo 6: Abra a pasta Tema e você verá uma lista de arquivos HTML. Para editar um, clique com o botão direito nele e selecione a opção Exibir/Editar.
assim, o arquivo será baixado para o seu local.Etapa 7: edite seus arquivos de tema com seu próprio código de trecho.Etapa 8: Faça o Upload do arquivo de volta para a mesma pasta. Correspondentemente, o novo arquivo substituirá os antigos.
é isso! Você pode voltar ao seu site público e verificar o resultado.
editar código-fonte HTML usando cPanel
outro método digno de confiança para modificar o código-fonte HTML do WordPress está usando cPanel.
usando cPanel, você pode gerenciar seus sites WordPress, contas de E-mail, nomes de domínio, conexão de banco de dados, etc. sem qualquer tipo de conhecimento técnico.
agora, vamos explorar como você pode editar sua fonte HTML WordPress com cPanel.Etapa 1: Faça login em sua conta de hospedagem na web para acessar o cPanel.
Passo 2: Vá para o Gerenciador de arquivos e procure a pasta public_html.
Passo 3: na pasta wp-content, você deve ser capaz de encontrar a pasta themes.
Etapa 4: na pasta Temas, selecione o tema atual e edite-o.
isso abrirá o arquivo em um editor de texto onde você pode personalizá-lo. Depois de fazer as alterações, não se esqueça de salvar o arquivo.
cuidado ao editar o código-fonte HTML do WordPress
conforme declarado, quaisquer alterações na fonte do WordPress podem colocar seu site em risco. Portanto, tenha cuidado e leve nossos conselhos em consideração antes de começar as coisas.
Faça backup de seus dados
isso garante que você tenha um registro de dados atualizado para fazer o upload de volta ao seu back-end, caso tudo fique confuso ao editar o código-fonte HTML.
certifique-se de armazenar seus arquivos de backup em um local seguro para que os não autorizados não possam acessar e roubar seus dados valiosos.
crie um tema filho
se você planeja editar diretamente qualquer um dos códigos em seus arquivos de tema, use o tema filho em vez de editar diretamente o pai. Caso contrário, você perderá as alterações depois de atualizar o tema pai.
você está pronto para editar seu código-fonte HTML WordPress?
com nossos dois artigos, você se armou com um sólido conhecimento sobre a edição de HTML em sua página WordPress, incluindo páginas individuais, postagens e código-fonte.