Introdução
O site builder é uma ferramenta poderosa no WordPress que permite criar e personalizar o design e a funcionalidade do seu site de maneira visual e intuitiva. Com ele, você pode ajustar elementos como cabeçalho, rodapé, páginas específicas, posts, templates personalizados e muito mais. Este guia detalha como usar o site builder para personalizar completamente seu site, incluindo opções como hooks, templates para páginas e posts, e configurações para páginas especiais como a de erro 404.
Passo 1: Acessar o Site Builder
- No painel do WordPress, localize a opção que corresponde ao tema que você está utilizando (por exemplo, “Kickstarter”) e clique em Site Builder.
- Uma nova janela será aberta, onde você poderá escolher qual área do site deseja personalizar.
Passo 2: Escolher o Elemento para Personalização
O site builder oferece várias áreas e templates para personalização. Abaixo estão os principais elementos que você pode configurar:
1. Cabeçalho (Header)
O cabeçalho, ou “header”, é a parte superior do site e geralmente inclui elementos como:
- Logotipo: Representa a identidade visual da marca.
- Menu de Navegação: Links para as seções principais do site.
- Barra de Pesquisa: Para facilitar a busca por conteúdo.
Exemplo de um cabeçalho:
Como Personalizar o Cabeçalho:
- Clique em Cabeçalho no site builder.
- Escolha a opção Criar um Novo ou edite um cabeçalho existente.
- Adicione ou ajuste elementos como logotipo, textos, botões e imagens.
Acesse nossos guias detalhados para mais informações:
2. Rodapé (Footer)
O rodapé é a seção inferior do site. Ele pode conter:
- Informações de contato.
- Links úteis (Política de Privacidade, Termos de Uso, etc.).
- Ícones de redes sociais.
Exemplo de um rodapé:
Como Personalizar o Rodapé:
- Clique em Rodapé no site builder.
- Escolha Criar um Novo ou edite o rodapé existente.
- Adicione widgets, texto, imagens ou botões conforme necessário.
Acesse nossos guias detalhados para mais informações:
3. Hooks
Os hooks são locais pré-definidos no código do tema onde você pode adicionar conteúdo ou funcionalidade usando o site builder. Esses pontos permitem personalizar áreas específicas do site sem alterar diretamente os arquivos do tema.
- Exemplos de Hooks Comuns:
- Before Header: Conteúdo exibido acima do cabeçalho.
- After Footer: Conteúdo exibido logo abaixo do rodapé.
- Inside Content: Adicionar elementos no corpo da página ou post.
Exemplo de um hook:
Como Usar Hooks no Site Builder:
- No site builder, procure pela opção Hooks.
- Escolha o ponto onde deseja adicionar conteúdo.
- Insira blocos, texto, ou outros elementos visuais.
4. Inside Post/Page
Essa opção permite personalizar o layout e o design de posts e páginas individuais.
- Como Personalizar:
- Selecione Inside Post/Page no site builder.
- Escolha elementos específicos para exibição, como autor, data, ou categorias.
- Ajuste o layout com imagens, colunas, botões ou outros blocos visuais.
5. Single Page (Página Individual)
- Como Personalizar:
- No site builder, selecione Single Page.
- Configure o layout com blocos como título, texto principal, imagens e widgets.
- Personalize a estrutura conforme o tipo de conteúdo exibido.
6. Archive Page (Página de Arquivo)
- Como Personalizar:
- Selecione Archive Page no site builder.
- Ajuste como os posts serão exibidos (por exemplo, lista ou grade).
- Personalize os elementos visuais, como o título da página e filtros.
7. Página de Erro 404 (404 Page)
A página de erro 404 é exibida quando um visitante tenta acessar uma página inexistente no site.
- Como Personalizar:
- No site builder, escolha 404 Page.
- Adicione uma mensagem amigável, como “Página não encontrada”, junto com links úteis para ajudar o visitante a navegar.
- Insira elementos como uma barra de pesquisa ou botões de redirecionamento.
Exemplo de uma página de erro 404:
Passo 3: Publicar as Alterações
Após concluir as personalizações em qualquer uma das áreas, clique em Salvar ou Publicar para aplicar as mudanças ao seu site.
Conclusão
O site builder no WordPress é uma ferramenta versátil que permite personalizar cada detalhe do seu site, desde o cabeçalho até páginas específicas, como a de erro 404.
Com ele, você pode criar um design único, otimizado para os seus objetivos e fácil de navegar para os seus visitantes.
Explore cada área detalhadamente e consulte nossos guias adicionais para aprender mais sobre os recursos disponíveis.