Aula 10: Layout de páginas e posts

Configurar o layout com barra lateral no tema Astra é bem simples, já que o Astra oferece várias opções de personalização para o layout do seu site. Aqui está um passo a passo para configurar a barra lateral, seja na página inicial, páginas internas ou na página de blog:

1. Acessar o painel do WordPress:

• Faça login no painel de administração do seu WordPress (seusite.com/wp-admin).

2. Ir para “Aparência” > “Personalizar”:

• No menu lateral esquerdo, clique em “Aparência” e depois em “Personalizar”. Isso abrirá o Personalizador de Temas do Astra.

3. Configurar o Layout da Barra Lateral:

• No Personalizador, clique em “Layout”.
• Em seguida, clique em “Barra Lateral”. Aqui você verá várias opções para configurar a barra lateral em diferentes páginas.

4. Escolher o Layout da Página:

• Você pode escolher entre as opções de layout para páginas individuais, páginas do blog e página inicial.

  • Sem barra lateral (Full Width): Nenhuma barra lateral.
  • Com barra lateral à esquerda ou à direita: Coloca a barra lateral no lado desejado.

• Para páginas internas: Se você deseja que as páginas do site tenham barra lateral, escolha a opção que coloca a barra lateral à esquerda ou à direita.

• Para a página inicial: Se quiser que a página inicial tenha uma barra lateral, altere o layout para incluir a barra lateral à esquerda ou à direita.

• Para o blog: Caso queira uma barra lateral nas páginas de postagens do blog, vá até a seção de configurações do blog dentro do personalizador e selecione a opção de layout com barra lateral.

5. Configurações de Barra Lateral para Páginas Específicas (Opcional):

• Se você quiser configurar a barra lateral para páginas específicas, também pode fazer isso:
  • Edite uma página ou postagem específica.
  • Na caixa de configurações do lado direito, sob “Atributos da Página”, você verá uma opção de “Layout”.
  • Aqui, você pode escolher se deseja a barra lateral à esquerda, à direita ou sem barra lateral para essa página específica.

6. Adicionar Widgets à Barra Lateral:

• Para adicionar conteúdo à sua barra lateral (como uma lista de categorias, uma caixa de pesquisa, posts recentes, etc.), vá até Aparência > Widgets.
• Aqui você verá a área da Barra Lateral onde pode arranjar os widgets que você deseja exibir. Basta adicionar o widget e configurar conforme necessário.

7. Salvar as Alterações:

• Depois de fazer as alterações desejadas, clique em “Publicar” no topo do Personalizador para salvar as configurações.

8. Verificar o Layout no Front-End:

• Acesse seu site para verificar como o layout com a barra lateral ficou nas páginas e posts.

Dicas adicionais:

• Barra lateral em dispositivos móveis: O Astra é responsivo, o que significa que a barra lateral pode ser movida para a parte inferior em dispositivos móveis. Você pode verificar o comportamento em diferentes dispositivos no Personalizador, usando as opções de visualização de desktop, tablet e celular.

• Plugins para personalizar ainda mais: Se você precisar de mais funcionalidades para sua barra lateral, como adicionar menus, botões de redes sociais ou outros elementos específicos, considere usar plugins como Elementor (caso você prefira construir a barra lateral com mais liberdade) ou Widget Options para gerenciar melhor a exibição de widgets.

Agora, sua página estará configurada com o layout de barra lateral do jeito que você deseja, usando o tema Astra!