Adicionar uma barra lateral usando o editor de sites

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

1. Criar uma barra lateral em um modelo em branco
2. Adicionar uma barra lateral ao modelo de índice ou arquivo

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:

Criar uma barra lateral em um modelo em branco

1. Selecione o modelo Em branco.
2. Clique no botão de inserção de blocos (+) e insira um bloco de colunas.
3. Selecione o layout de duas colunas 70/30.
4. Na coluna menor, adicione todos os blocos que deseja ter na barra lateral.
5. 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).
6. Clique em Salvar.
7. 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.

Adicionar uma barra lateral ao modelo de índice ou arquivo

É 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:

1. Selecione o modelo Índice.
2. Na Visualização em lista, selecione o bloco de repetição de consulta e o transforme em um bloco de colunas.
3. Nas configurações do bloco de colunas, defina-o como duas colunas.
4. Na Visualização em lista, defina uma coluna como 70% e a outra como 30%.
5. Na coluna menor, adicione todos os blocos que deseja ter na barra lateral.
6. 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.