Pular para o conteúdo principal

Ajuda do Website

Deutsch Español Français Italiano 繁體中文

Central de ajuda

Como podemos ajudá-lo?

Pesquisa

Widgets: guias

  • Atualizado

Categorias de widgets: Básico

O widget Tabs é uma excelente maneira de exibir conteúdo de forma eficiente em seu site. Os visitantes podem clicar entre as guias (em vez de percorrer o texto) para ver o conteúdo relacionado. As guias são uma ótima maneira de mostrar conteúdo 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 obter informações sobre como adicionar widgets, consulte Adicionar widgets.

Dica

Para obter mais informações sobre widgets e a biblioteca de widgets, consulte Widgets: biblioteca e visão geral.

Conteúdo dinâmico

O widget também pode exibir páginas dinâmicas. Para obter mais informações, consulte Conteúdo dinâmico: opções de exibição e navegação para registros de coleção.

Editor de conteúdo

Para acessar o editor de conteúdo, clique com o botão direito do mouse no widget e selecione Editar conteúdo. Ou, se você estiver no modo flexível ou no Editor 2.0, a opção de acessar o editor de conteúdo está disponível no menu flutuante. Clique no elemento para abrir o menu flutuante e, em seguida, clique na opção do editor de conteúdo.

  1. Para adicionar uma nova guia, clique em Adicionar aba.

  2. Para editar a imagem (e o texto alternativo), o rótulo da guia, o tipo de título do rótulo, o título, a descrição e o botão, clique no aba.

    • As tags de cabeçalho estão disponíveis para tornar seu texto mais facilmente identificável pelos mecanismos de pesquisa. É recomendável selecionar H3 para o Tipo de cabeçalho da etiqueta

    • O campo de texto alternativo da imagem pode ser encontrado na parte inferior.

  3. Para exibir imagens nas guias, clique no botão Mostrar imagem alternar.

Editor de design

Para acessar o editor de design, clique com o botão direito do mouse no elemento e clique emEditar design. Ou se você estiver no modo flexível ou no Editor 2.0, selecione Editar design no menu flutuante para abrir o painel de design. Clique no elemento para abrir o menu flutuante e, em seguida, clique na opção para editar o design.

  • Clique no layout para selecionar um layout diferente para as guias.

  • Clique Todas as abas para personalizar o estilo das guias não selecionadas, inverter a direção da guia e controlar o layout das guias no celular.

  • Clique Tab & Hover selecionados para personalizar o estilo e o plano de fundo do texto. Isso não afeta o design de todas as guias.

  • Clique para alterar o Estilo de descrição, Estilo do botão, e Estilo de imagem.

    Nota

    O campo de texto longo fornece várias opções de formatação de texto, como texto em itálico, negrito ou sublinhado.

Para obter informações sobre opções de design que não são específicas desse widget (por exemplo, layout, estilo ou espaçamento), consulte Design de widget.

Nota

  • Você pode ter quantas guias quiser, mas lembre-se de que o espaço para cada etiqueta é reduzido a cada nova guia.

  • Existem 2 opções de layout para tela móvel, abas e acordeão. O layout das guias pode ser controlado deslizando o dedo

Visualização móvel

Existem 2 opções de layout para tela móvel, abas e acordeão. O layout das guias pode ser controlado deslizando o dedo. No entanto, nem todos os navegadores móveis suportam o comportamento de deslizar. Nesse caso, você pode usar a visualização em acordeão no

Para alterar o widget Tabs para celular:

  1. Na barra de navegação superior, clique na visualização do dispositivo para mudar a exibição para móvel (). Para obter mais informações, consulte Editar por dispositivo.

  2. Clique com o botão direito do mouse no widget e clique em Editar design.

  3. Clique Todas as abase, em seguida, clique no botão Exibir como acordeão alternar.