O widget 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 isso:
- No painel esquerdo, clique em Widgets s.
- Clique e arraste o widget Guias para o seu site.
Veja mais informações sobre como adicionar widgets ao seu site em Adicionar widgets.
Editor de Conteúdo
Para acessar o editor de conteúdo:
- Clique com o botão direito do mouse no widget e clique em Editar conteúdo.
- Para adicionar uma nova guia, clique em Adicionar guia.
- Para editar a etiqueta, o tipo de cabeçalho da etiqueta, o título, a descrição, a imagem e o botão da aba, 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. - 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 widget, e clique em Edit 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 obter informações sobre opções de design que não são específicas para este widget (por exemplo, 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 widget, e clique em Edit Design.
- Clique em Todas as abas e depois no botão Mostrar como acordeão.
