O Guias é uma excelente maneira de exibir conteúdo com eficiência em seu site. Os visitantes podem clicar nas guias (em vez de rolar o texto) para ver os conteúdos relacionados. As guias são ótimas para exibir conteúdos como serviços, planos ou membros da equipe em seções compactas e conectadas.
Cada guia pode conter um rótulo, título, descrição, imagem e botão, e cada um desses elementos pode ser totalmente personalizado.
Para adicionar o :
- No painel esquerdo, clique em Widgets.
- Clique e arraste o Guias para o seu site.
Veja mais informações sobre como adicionar ao seu site em Adicione widgets.
Editor de conteúdo
Para acessar o editor de conteúdo:
- Clique com o botão direito do mouse no e clique em Editar conteúdo.
- Para adicionar uma nova guia, clique em Adicionar guia.
- Para editar a imagem (e o texto alternativo), a etiqueta da aba, o tipo de cabeçalho, título, descrição e botão da etiqueta, clique na aba.
- Há tags de cabeçalho disponíveis para facilitar a identificação do seu texto pelos buscadores. É recomendável selecionar H3 para o Tipo de Cabeçalho da Etiqueta.
- O campo texto alternativo da imagem fica na parte inferior.
- Para exibir imagens nas guias, clique no botão Mostrar imagens.
Editor de design
Para acessar o editor de design:
- Clique com o botão direito do mouse no e depois em Editar design.
- Clique no layout para selecionar outro layout para as guias.
- Clique em Todas as guias para personalizar o estilo das guias não selecionadas, inverter a direção da guia e controlar o layout das guias no celular.
- Clique em Guia selecionada e Hover para personalizar o estilo do texto e o plano de fundo. Isso não afeta o design em todas as guias.
- Clique para alterar o Estilo da Descrição, Estilo do Botão e Estilo da Imagem.
- Você pode ter quantas guias quiser, mas lembre-se de que o espaço para cada rótulo é reduzido a cada nova guia.
- Existem 2 opções de layout para exibição em dispositivos móveis, guias e acordeão. O layout das guias pode ser controlado ao deslizar.
Para informações sobre opções de design que não são específicos a este (como layout, estilo ou espaçamento), consulte Design de widget.
Visualização na versão móvel
Os aparelhos móveis têm duas opções de layout para exibição: abas e acordeão. O layout de abas é controlado com o deslize dos dedos. No entanto, nem todos os browsers móveis aceitam isso; nesse caso, você pode usar o modo acordeão no celular.
Para alterar o widget "Abas" nos aparelhos móveis:
- Na barra de navegação superior, clique na visualização do aparelho para trocar para o modo móvel (
). Saiba mais em Edite por aparelho. - Clique com o botão direito do mouse no e depois em Editar design.
- Clique em Todas as abas e depois no botão Mostrar como acordeão.
