Ir para o conteúdo principal

Como criar um mapa do site para os seus visitantes sobre WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

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

Você já quis exibir um mapa visível do site para visitantes no WordPress? Um mapa visível do site permite que você apresente um esboço hierárquico de suas diferentes páginas e seções. Neste artigo, mostraremos como criar um mapa do site no WordPress sem escrever código.

visualsitemap

Diferença entre um mapa do site HTML, um mapa do site XML e um mapa do site visível no WordPress

Um mapa do site (Mapa do Site) XML é gerado para máquinas e mecanismos de pesquisa. Ele usa a linguagem de marcação XML para representar o conteúdo do seu site. Os mecanismos de pesquisa podem usar esses mapas do site para gerenciar a taxa de exploração do seu site.

Além disso, um mapa do site HTML deve ser usado pelos visitantes do seu site (pessoas reais). Ele simplesmente exibe uma lista de suas páginas e as diferentes seções do seu site em uma página. Embora o mapa do site (Mapa do Site) HTML é usado para mostrar a estrutura do seu site, mas geralmente não é a opção ideal para exibir a hierarquia do seu site.

É nesse nível que um mapa do site visível para os usuários é muito conveniente. Permite exibir elementos, elementos filho, elementos irmãos, tudo em uma estrutura em árvore. Dito isto, vamos dar uma olhada em como adicionar facilmente um mapa do site visível aos usuários no WordPress.

Adicionar um mapa do site visível aos usuários no WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plugin Mapa do Slick. Agora, antes de instalar o plugin, você precisa criar um menu de navegação no WordPress. Usando os menus de navegação do WordPress, você pode criar menus com submenus. Da mesma forma, os submenus podem ter seus próprios submenus.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

navmenustructure

Este menu de navegação incluirá todas as páginas ou itens que você deseja exibir no seu mapa. Você pode nomear este menu « mapa do site visível E salve.

Você está procurando os melhores temas e plugins do WordPress?

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

Você também pode criar outro menu ou usar um menu existente com apenas algumas páginas importantes. Este menu será usado como o menu utilitário acima do seu mapa visível do site.

Depois de criar os menus, é hora de configurar o mapa do site. Basta ir para a página Configurações »Slick Sitemap e configure o plugin.

slicksitemapsettings

na Opção "Menu padrão do sitemap"você tem que selecionar o menu principal "VisualSitemap". Escolha o número de colunas que você deseja exibir. Por fim, você deve escolher o menu Utilitário e clicar no botão " Salvar alterações Para salvar tudo.

mapa Mostrar o site visível no seu site WordPress

Agora que você criou e configurou um mapa do site que os usuários podem ver com êxito, a próxima etapa é exibir esse mapa em uma página no seu site WordPress.

Basta criar uma nova página no WordPress e adicionar esse código curto na área de conteúdo.

[slick-sitemap]

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Depois disso, clique no botão "Salvar" ou "Publicar" para se salvar as alterações. Agora você pode visitar esta página e veja o mapa do site ação.

Pré-visualização em visualsitemap

Esperamos que este artigo o ajude a adicionar um mapa do site visível aos usuários no WordPress. Se você tiver comentários ou sugestões sobre este artigo, informe-nos na seção dedicada.

Este artigo contém comentários 11

  1. Ré,
    Sim, com certeza, é esta: a árvore é exibido, mas como eu estava dizendo, vemos linhas e uma mudança de retângulos de várias cores em que há os nomes das páginas. Não há maneira de fazê-los desaparecer. Ou talvez eu esteja sendo muito exigente? Porque a sua demo, que é exatamente o oposto!
    Obrigado a me dizer ...
    Jean-Marc

    1. Bom Dia,
      Desculpe pelo atraso, eu estava um pouco ocupado, tudo o que você precisa fazer neste caso é usar um código CSS personalizado, eu tenho um código para você, tente instalar o plugin Header & Rodapé (acho que esse é o nome) e adicione o seguinte código:

      # código de Pós-1255 {
      ! Padding: 0px importante;
      }

      Se o código não funcionar, por favor me avise sempre por esta forma.

      1. Este código aplica-se a esta página, por isso, se você pretende usar a árvore para outra página, você precisa entrar em contato conosco para lhe fornecer um código para esta página.

        1. Bom Dia,
          Obrigado por essa resposta. Isso é muito bom.
          Eu não sei o gerenciamento de código e outras línguas, infelizmente ...
          Eu instalei o plugin especificado com a configuração que eu tenha inserido acima da página que contém o mapa do site (que aparece mal). Link abaixo:

          http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/

          Claro que, como eu fiz, o código aparecerá em todas as páginas com a mesma mensagem porque não sei outra maneira (inserir na primeira página e apenas um) ... Por favor me diga onde o colocar exatamente quando tiver tempo, é muito agradável.

          Bom dia para você.
          Jean-Marc

  2. Bom Dia,
    Primeiro de tudo obrigado por este tutorial.
    Eu tentei no meu site e, infelizmente, exibir pequenas linhas que "compensam" os retângulos de cores diferentes em que são o nome das páginas. Nenhuma maneira de fazê-los desaparecer (não há muitas opções) ... muito ruim. Vou procurar outro plugin deste tipo porque é muito útil. Obrigado novamente. Dia excelente
    JMarc

      1. De nada.
        Esqueci de mencionar o endereço onde esses "deslocamentos" gráficos estão visíveis.
        http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/
        Nada muito ruim, mas ... não é bonito!
        Procurei outros desde ontem, mas não encontrei nada que mostre um diagrama das páginas de um site. Aparentemente, o padrão continua sendo "Sitemap-page", com o qual obtemos apenas uma lista alfabética vulgar de páginas, artigos ... (sem gráficos).
        grande dia
        Jean-Marc

    1. Bom Dia,
      você pode capturar sua tela de configurações e publicá-lo? Em princípio, este plug-in funciona normalmente. Se este não for o caso, então um erro ou omissão provavelmente ocorreu durante os ajustes.

      Cordialement.

      1. Bom Dia,
        Obrigado primeiro pelo seu interesse no meu caso ... É super agradável.
        Primeiro de tudo é o endereço onde este avião é visível:
        http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/

        Definições Mapa do Site Slick:
        Padrão Menu Mapa do Site: Eu escolhi o nome do menu é o mesmo que aparece à direita na barra lateral (veja o link acima) meu tema (Vinte Dezesseis Eu não faço nada alterada).
        Colunas padrão: Colunas 3
        Menu do Utilitário Padrão: Eu não escolhi nada, então aparece "Selecione um menu para o Utilitário".

        Aqui espero ter sido completa.
        Muito obrigado por esta ajuda porque este plugin é visualmente muito agradável.
        excelente dOMINGO
        Jean-Marc
        PS: Eu fiz uma captura de tela, mas o "colar" nesta página de comentário não funciona ...

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
16 ações
ação14
chilrear1
Enregistrer1