Seção da Lista de Texto

Use a seção Lista de texto quando quiser exibir um conjunto de texto em colunas. Você pode adicionar um Seção de lista de texto a uma página para vincular facilmente diferentes páginas do site ou adicionar links com suas descrições.

Conforme você adiciona os itens da lista a esta seção, as configurações e o estilo que você especificou serão aplicados a ela. Esta seção será útil para mostrar a equipe, diferentes produtos que você vende e para muitas outras finalidades.

Neste artigo:

1. O que é uma Lista de Texto?
2. Adicionando uma seção de lista de texto à página.
3. Adicionar e editar itens da lista.
4. Sequenciar itens da lista.
5. Excluindo itens da lista.
6. Alteração do layout da seção.
7. Opções de estilo.
8. O Estilo Carrossel
9. Exemplo vivo.

Lista de texto

• Se você deseja adicionar algum texto ou adicionar um link em um texto sem imagens, pode adicionar uma seção de lista de texto.

Adicionar uma seção de lista de texto

• Uma seção pode ser adicionada a uma página. Você pode adicionar uma seção a uma página já existente ou crie uma nova página dentro do seu site.
• Na sua página, Clique no ícone + azul para adicionar um Nova Seção para sua página.

•  Você vai agora ver o categorias de seção no painel esquerdo.
• Escolha o Seção de lista (1) opção e clique no Lista de texto guia (2) onde você pode escolher entre diferentes layouts (3).

• Escolha qualquer layout de seção e clique nele para adicioná-lo à sua página.

Adicionar e editar itens de lista

Adicionar item de lista

Depois de adicionar a seção: 

• Clique no Editar lista de texto (1) botão para abrir o painel de itens da lista.

• Clique no Adicionar item (2) botão para adicionar um novo item de lista.
• Você terá a opção de Duplicar e excluir (3) os itens da lista.

Editar item da lista

Clique no item da lista que você deseja editar. Ele abrirá as opções de edição de itens de lista específicos.

• Adicionar uma Título (1), Subtítulo (2), e Descrição (3) do item da lista.
• Você pode não encontrar a opção de Legenda e Descrição em determinados itens da lista, dependendo do layout escolhido.
  Antes de adicionar a descrição, verifique isto artigo.

• Clique no ícone Link Builder do Link do título (4) para abrir o construtor de links para vincular o título do item da lista a qualquer página.
• Defina o Link para abrir em um nova aba ou na mesma aba (5).
• Adicione qualquer tipo de Ligação (6) para o item da lista. Você pode adicionar um botão/link de imagem/ícone social/link de texto. Saiba Mais.
• Salvar (7) suas mudanças.

Veja a edição de um item de lista de texto em ação:

Itens da Lista de Sequência

• Você pode facilmente arrastar e soltar os itens da lista para alterar a sequência.

Excluir um item da lista

Depois de adicionar um item da lista, você pode editá-lo ou excluí-lo.

• Clique no Apagar ícone ao lado do item Lista.
• Clique no Apagar botão no pop-up de confirmação.
• Salvar as mudanças.

Layout da seção

• Clique no Gerenciar lista de texto botão.
• Escolha o traçado aba.
• Selecione qualquer layout e salve suas alterações.

Estilize sua seção

• Clique no Gerenciar lista de texto (1) botão.
• Escolha o Estilo (2) aba.
• Altere o estilo dos itens da lista e Salvar (3) suas mudanças.

Você terá várias opções de estilo para esta seção: 

Opções de estilo

Unid 

1. Escolha Mostrar itens in Linhas e colunas or carrossel 
   • Os itens da lista serão organizados em linhas e colunas se você tiver escolhido a opção de linhas e colunas. Nesse caso, você precisa especificar o número de linhas e colunas.
   • Se você escolheu o carrossel opção, os itens da lista serão apresentados como uma apresentação de slides. Saiba mais.
2. Colocou o numero de colunas para a lista de texto. Você pode escolher de 1 a 10 colunas.
3. Especifique o Espaço entre as colunas dos itens da lista.
4. Alinhar o conteúdo na Lista de Texto. Você pode configurá-los para serem alinhados à esquerda, à direita ou ao centro.
5. Escolha Loop the Carousel ou não.
6. No caso do Carrossel, escolha Navegação Controles. Você pode escolher entre Sem Controles, Setas – Centro Inferior/Cima Direita/Inferior Direita, Divisa ou Pontos.

Tamanho e espaço 

7. Especifique o Largura do conteúdo para os itens da lista.
8. Especifique o Espaço abaixo do título da seção em px.
9. Especifique o Espaço abaixo dos títulos dos itens da lista (em %).
10. Especifique o Espaço abaixo das legendas dos itens da lista (em %).

Texto 

11. Clique no Alterar Estilo do Texto botão para visitar o Design seção e gerencie seus tamanhos e estilos de fonte. 
12. Colocou o Título estilo de fonte para os itens de lista da seção.
13. Colocou o Legenda estilo de fonte para os itens de lista da seção.
14. Definir o padrão Descrição estilo de fonte para os itens de lista da seção.
    Verifique também: Estilo de texto do site.

Cartões 

15. Veja como para gerenciar cartões.

Shadow 

16. Ecrã – Escolha mostrar a sombra atrás dos itens da lista sempre ou apenas ao passar o mouse.
17. Style – Escolha entre as predefinições existentes ou crie uma sombra personalizada.
    Caso tenha escolhido a opção Personalizado, então visite este Gerador de sombra de caixa para criar uma sombra personalizada. Por fim, copie e cole o sombra de caixa CSS.

18. Caso você tenha escolhido a opção de presets, então Escolha estilos de sombra da lista suspensa.

Botões e links

19. Veja como para gerenciar o estilo de botões e links.

O Estilo Carrossel

O estilo Carrossel mostra os itens da lista como uma apresentação de slides, ou seja, os itens da lista serão alternados um após o outro.

Veja como funciona o estilo carrossel: 

Mostrar item da lista de texto como cartão

• Quando você escolhe mostre a carta sobre sua lista de texto, os itens da lista terão um plano de fundo com a cor do cartão que você especificou no Design seção.
  Veja também: Cores e espaçamento do site.

Dar uma olhada: 

Aqui está uma lista de texto ao vivo: