Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 901.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62.

Se você estiver postando um conteúdo longo, adicionar um índice ajuda os mecanismos de pesquisa e os visitantes humanos a navegar e compreender o 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 notar que você também pode usar este widget de uma forma básica. No entanto, neste tutorial, estamos nos concentrando em adicionar TOC automaticamente a todo (ou parte) do seu conteúdo usando o Elementor Theme Builder e modelos de postagem única.

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.

Crie facilmente seu site com Elementor

Elementor permite que você crie Facilmente e Gratuito qualquer site ou blog com um visual profissional. Pare de pagar muito por um site que você pode fazer sozinho.

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 :

Descubra as melhores ferramentas para o seu site

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

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 os visitantes podem ou não recolher o índice. Se você habilitar essa opção, também poderá escolher ícones personalizados e definir o comportamento responsivo. Por exemplo, você pode recolher automaticamente este índice para visitantes móveis.

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.

Mais de 11 milhões de ferramentas para download

A Envato Elements oferece os melhores recursos para criar e desenvolver todos os aspectos do seu site. Você encontrará milhões de modelos WordPress, gráficos, recursos de áudio e muito mais. Perfeito para iniciantes.

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.

%d bloggers gostam desta página: