Muitos sites, principalmente os blogs, têm uma barra lateral para exibir informações extras, como foto, texto sobre o autor, links para outros posts, perfis em redes sociais e muito mais.
Este guia mostra como adicionar uma barra lateral usando o editor de sites. Para usar o método descrito neste guia, é necessário que o tema do seu site seja compatível com o editor de sites.
Neste guia
Em geral, você pode adicionar uma barra lateral usando o bloco de colunas com layout 70/30. A menor coluna será a barra lateral.
Acesse Aparência → Editor de sites. Clique no ícone do site, no canto superior esquerdo, e escolha Modelos. Depois, siga as etapas abaixo conforme suas necessidades:
- Selecione o modelo Em branco.
- Clique no botão de inserção de blocos (+) e insira um bloco de colunas.
- Selecione o layout de duas colunas 70/30.
- Na coluna menor, adicione todos os blocos que deseja ter na barra lateral.
- Na coluna maior, adicione o bloco de conteúdo do post. Isso exibirá de maneira dinâmica o conteúdo da página ou post em que você aplicar o modelo em branco (veja a etapa 7).
- Clique em Salvar.
- Edite a página ou post a que você quer adicionar a barra lateral. Nas configurações à direita, procure Modelo. Selecione o modelo Em branco.
Agora, todas as páginas ou posts que usam o modelo Em branco exibirão a barra lateral ao lado do conteúdo.
É o modelo Índice que exibe os posts. Já o modelo Arquivo exibe posts com uma determinada categoria ou tag. Ao adicionar uma barra lateral em qualquer um desses modelos, ela aparecerá nas páginas de posts e/ou nas páginas de categorias e tags.
Acesse Aparência → Editor de sites. Clique no ícone do site, no canto superior esquerdo, e escolha Modelos. Em seguida:
- Selecione o modelo Índice.
- Na Visualização em lista, selecione o bloco de repetição de consulta e o transforme em um bloco de colunas.
- Nas configurações do bloco de colunas, defina-o como duas colunas.
- Na Visualização em lista, defina uma coluna como 70% e a outra como 30%.
- Na coluna menor, adicione todos os blocos que deseja ter na barra lateral.
- Clique em Salvar.
Você também pode seguir esse processo em outros modelos, como Página, Página inicial, Post único, 404 ou Pesquisar.
Para criar uma barra lateral reutilizável, recomendamos salvá-la como um bloco de parte de modelo. Dessa forma, será mais fácil adicionar uma barra lateral existente quando você quiser, em vez de construí-la do zero em cada modelo.