Como editar modelos WordPress usando o editor de modelos: tutorial completo de edição de site
Publicados: 2024-11-06Índice
Você está procurando uma maneira simples de personalizar o design do seu site WordPress? Neste guia, mostrarei como editar modelos no WordPress usando o Editor de modelos. Quer você seja novo no WordPress ou um profissional experiente, este guia passo a passo o ajudará a desbloquear o poder da edição completa de sites do WordPress .
Por que usar a edição completa do site no WordPress?
A edição completa do site WordPress é uma maneira inteligente de agilizar o processo de design do seu site. Este recurso permite que você personalize a aparência do seu site editando modelos e partes de modelos.
Embora os modelos tradicionais existam como arquivos na pasta do seu tema, os modelos de bloco podem ser editados diretamente no Editor de Sites WordPress. Não há necessidade de mergulhar no código, o que economiza muito tempo e torna o processo de design muito mais acessível.
Como acessar o editor de modelos no WordPress
Para começar, faça login no painel do WordPress e navegue até Aparência > Editor .
A partir daí, clique em Modelos. Aqui você verá todos os modelos que seu tema usa. Esses modelos controlam o layout de suas postagens e páginas.
Dica profissional: o Editor de modelos só estará disponível se você estiver usando um tema de bloco ou um tema clássico que tenha habilitado o Editor de modelos. Certifique-se de que seu tema seja compatível antes de começar a editar.
Personalizando o modelo de postagem única no WordPress
Digamos que você queira editar o layout de todas as postagens do seu blog. Você precisará personalizar o modelo de postagens únicas . Este modelo controla como as postagens individuais do blog são exibidas em seu site.
Mas aqui está o problema: se você deseja alterar apenas o layout de uma postagem específica, você deve editar essa postagem diretamente, não o modelo de postagens únicas. A edição do modelo afeta todas as postagens que o utilizam, então escolha com sabedoria!
Como visualizar a estrutura do seu modelo WordPress
Quando estiver no Editor de modelos, você verá o nome do modelo que está editando na parte superior. Para visualizar uma lista de todos os blocos no modelo, clique no ícone Visualização de lista (parece três linhas horizontais no canto superior esquerdo).
Esta é uma ótima maneira de ver quais blocos já fazem parte do seu modelo. Você pode clicar em qualquer bloco para ajustar seu conteúdo ou configurações. A visualização de lista torna muito fácil entender a estrutura do seu modelo antes de começar a fazer ajustes.
Editando blocos de modelos do WordPress
É hora de fazer algumas mudanças! Vamos começar com o Cabeçalho . O cabeçalho é uma parte do modelo que aparece em todas as páginas do site. Por exemplo, você pode editar elementos como Título do Site , Logotipo do Site ou Bloco de Navegação .
Atenção: as alterações no cabeçalho afetam todas as páginas que o utilizam. Portanto, se você estiver editando o cabeçalho, certifique-se de que funcione para todo o site.
No meu caso, substituí um mega menu por um mais simples. Primeiro, excluí o cabeçalho padrão e adicionei outro cabeçalho que acompanha meu tema.
Não queria distrair os visitantes da leitura de minhas postagens, então escolhi um cabeçalho limpo e minimalista. Às vezes, menos é mais, certo? Como as partes do modelo podem ser removidas ou adicionadas como quaisquer outros blocos, o processo é simples. Você apenas trabalha como com blocos normais do WordPress.
O mesmo vale para o rodapé . É outra parte do modelo que aparece em todas as suas páginas. Edite-o uma vez e as alterações serão aplicadas em todo o site. Por exemplo, meu rodapé contém elementos como o título do site, o crédito do rodapé do WordPress, informações de contato e o menu de navegação. Quer fazer ajustes no rodapé? Vá em frente! Lembre-se de que as alterações serão refletidas em todos os lugares em que o rodapé for usado.
Além do mais, se você está pensando em adicionar uma barra lateral ao seu modelo – alerta de spoiler – você usará Colunas para isso. Fique ligado, pois nosso próximo post mostrará como fazer exatamente isso!
Blocos-chave para personalizar seus modelos WordPress
Ao personalizar seus modelos de postagem ou página, você provavelmente usará vários blocos principais para gerenciar como seu conteúdo é exibido. Por exemplo, o bloco Título garante que o título da postagem que você escreveu apareça exatamente como você deseja, com opções para ajustar alinhamento, tamanho e cor. Se o seu tema incluir uma seção Post Meta , você poderá exibir detalhes como autor, data e categorias, mas se não, poderá adicioná-los e personalizá-los individualmente.
O bloco Imagem em destaque na edição completa do site permite controlar o visual principal de cada postagem, com configurações de tamanho, posição e até mesmo sobreposições. E não se esqueça do bloco de comentários ! Isso gerencia como as respostas dos leitores são exibidas, completas com subblocos que tratam dos detalhes mais sutis.
Por fim, blocos temáticos como o bloco Conteúdo permitem inserir dinamicamente elementos do seu site em seu modelo no FSE, dando a você controle total sobre como seu conteúdo aparece em suas páginas e postagens.
Adicionando novos elementos ao seu modelo
Quer personalizar ainda mais suas postagens? Você pode adicionar novos blocos ao seu modelo de postagens únicas . Por exemplo, você pode querer adicionar um bloco Post Trerpt ou até mesmo uma caixa de assinatura.
É tão fácil quanto clicar no insersor de bloco +, selecionar o bloco desejado e posicioná-lo em seu layout. E se você está pensando em adicionar algo como um formulário de contato ou um botão de call to action , este é o local perfeito.
Resumindo
Quando terminar de editar, clique em Salvar no canto superior direito para aplicar as alterações ao seu modelo na interface completa de edição do site WordPress. Quaisquer atualizações que você fizer terão precedência automaticamente sobre os arquivos de modelo padrão do seu tema.
Ao editar, lembre-se de que os modelos do WordPress funcionam como um modelo de como suas postagens e páginas são estruturadas. Portanto, quaisquer alterações feitas no Editor de modelos do WordPress afetarão todo o conteúdo que usa esse modelo específico na edição completa do site WordPress. Certifique-se de visualizar e testar suas alterações antes de ir ao ar.
Considerações finais: usando a edição completa do site WordPress
Os modelos no WordPress são como o projeto do seu site, garantindo que tudo se encaixe perfeitamente. Espero que este guia tenha lhe dado confiança para começar a personalizar seus modelos.
Se você tiver alguma dúvida, deixe-a nos comentários abaixo. Você já editou modelos WordPress antes? Conte-me sobre sua experiência!
Perguntas frequentes
O que é o Editor de Modelos no WordPress?
Preciso de habilidades de codificação para usar o Editor de modelos no FSE?
Posso alterar o design de uma única postagem usando o Editor de modelos?
Boa pergunta! Se quiser alterar o design de uma postagem específica, você deve editar a postagem diretamente, não o modelo. O Editor de modelos altera o layout de todas as postagens que usam esse modelo, portanto, não é o lugar certo para editar postagens individuais.
Como adiciono um novo elemento ao meu modelo, como uma caixa de assinatura ou uma imagem?
O que acontece se eu salvar as alterações em um modelo?