Se você publicar conteúdo longo, adicionar um sumário ajuda os mecanismos de pesquisa e visitantes humanos para navegar e entender seu conteúdo.

Com o widget Widget de índice para WordPress, você pode adicionar facilmente um índice ao seu site que gera automaticamente seu conteúdo com base na hierarquia de tags de título em seu conteúdo.

Por exemplo:

Como adicionar conteúdo de tabela, elemento wordpress ou tag blogpascher

Se você estiver usando este widget com o construtor de temas visuais do Elementor Pro, você pode adicionar automaticamente um índice a todo o seu conteúdo sem levantar um dedo. Quando um visitante clica em um link no índice, ele age como uma âncora e o leva para essa seção da página.

Nesta postagem, mostraremos exatamente como configurar o widget Widget de índice para WordPress com Elementor Construtor de temas.

Mas antes, vamos descobrir juntos Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog.

Então, voltando ao motivo de estarmos aqui.

Como adicionar um índice com o Elementor

Em primeiro lugar, devemos observar que você também pode usar este widget de forma básica. No entanto, neste tutorial nos concentramos em adicionar automaticamente o índice a todo (ou alguns) do seu conteúdo usando Elementor Theme Builder e modelos de postagem exclusivos.

Veja como fazer isso.

1. Crie ou modifique um único modelo de postagem

Para começar, use o Elementor Theme Builder para criar um novo modelo de postagem exclusivo ou edite qualquer um de seus modelos de postagem exclusivos existentes onde deseja adicionar o índice.

Você pode aplicar seu modelo a qualquer tipo de postagem (blog, página, tipo de postagem personalizada), mas vamos nos concentrar nas postagens de blog.

2. Adicione o widget de Índice

Depois de abrir seu modelo de postagem exclusivo, adicione o widget Tabela de conteúdos onde deseja que seu sumário apareça. Ele está localizado na categoria Único, com os widgets para o título e o conteúdo da postagem:

Como adicionar conteúdo de tabela elemento wordpress ou blogpascher 1

Depois de adicionar o widget, você deve ver automaticamente uma lista de todos os títulos que estão presentes na postagem.

Agora é hora de definir as configurações deste widget.

3. Configure a tabela de widgets

Certifique-se de abrir as configurações do widget Tabela de conteúdo. Em seguida, use a guia Conteúdo para configurar o conteúdo que aparece em seu sumário.

Primeiro, adicione o título - por exemplo, "Índice". Este é um texto estático que aparece acima da lista de links de âncora que o widget gera automaticamente.

Em seguida, escolha o conteúdo a incluir. Na aba Incluir, Você pode entrar :

  • Tag HTML. Por exemplo, você pode incluir e, mas não menos. Você precisa definir suas tags de título no editor do WordPress.
  • Containers. Você também pode adicionar links de âncora a outros contêineres fora do conteúdo da sua postagem. Por exemplo, o dedo do pé. Este é um recurso avançado.

Como adicionar conteúdo de tabela elemento wordpress ou blogpascher 2

Se você acessar a guia Excluir, você pode excluir cabeçalhos específicos de sua postagem usando um seletor CSS. Por exemplo, se você deseja excluir um único título , você pode adicionar uma classe CSS especial " ignorar Para esse cabeçalho usando o editor do WordPress, exclua-o usando a regra  Âncoras por Seletor :

Como adicionar conteúdo de tabela elemento wordpress ou blogpascher 3

Então você pode usar o parâmetro Visualização do marcador para escolher entre números e marcadores em sua lista de sumário. Se você escolher " balas ", você pode escolher qualquer ícone de fonte incrível.

Finalmente, você pode usar a seção Opções adicionais para controlar outros parâmetros:

Word wrap - se os elementos podem ter várias linhas ou não.

Minimizar caixa - se o visitantes pode ou não reduzir o índice. Se você ativar esta opção, também poderá escolher ícones personalizados e definir um comportamento responsivo. Por exemplo, você pode recolher automaticamente este índice para visitantes no telemóvel.

Visão Hierárquica - quando habilitado, os subtítulos serão recuados sob os títulos pais. Se estiver desabilitado, tudo será exibido em uma única lista sem indentação.

Como adicionar conteúdo de tabela elemento wordpress ou blogpascher 4

4. Defina as configurações de estilo

Em seguida, navegue até a guia Estilo para configurar o design do sumário. Você pode alterar todas as cores e tipografia para criar uma experiência amigável e combinar com o restante do seu design. site :

Como adicionar conteúdo de tabela elemento wordpress ou blogpascher 5

5. Defina as configurações avançadas

Para terminar, vá para a guia Avançado para definir mais algumas configurações de funcionamento do índice analítico.

Por exemplo, se você definir Largura  igual a Personalizadas et Posição igual a Fixo na seção Posicionamento, você pode ter certeza de que o índice permanece na mesma posição, mesmo quando os usuários começam a rolar a página.

Se você usar Posicionamento para exibir seu sumário sobre outro elemento (como seu cabeçalho), você também pode aumentar o índice Z para que apareça no topo:

Como adicionar conteúdo de tabela elemento wordpress ou blogpascher 6

E isso é tudo ! Você acabou de aprender como adicionar automaticamente um índice analítico ao seu conteúdo usando o widget Elementor Visual Theme Builder e índice analítico.

Para começar, compre Elementor Pro hoje e crie seu índice em Construtor de Temas Elementor.