Ir para o conteúdo principal

Como adicionar um mapa de viagem interativa no WordPress

Divi: o tema WordPress mais fácil de usar

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ê viaja frequentemente? Porque se você ainda não sabe, o WordPress também é amplamente usado por blogueiros apaixonados por viagens. Com este último, eles podem compartilhar suas fotos e os momentos excepcionais que tiveram que viver com outras pessoas.

Então, para aqueles de vocês que gostam de compartilhar os lugares que visitam, você não acha que seria bom adicionar um mapa de viagem interativo que mostrará os diferentes lugares para onde você esteve?

Se esta ideia o encantar como eu, então saiba que você aprenderá neste tutorial a integrar um mapa interativo em seu blog WordPress.

overview cartão interativo

Como instalar e configurar o plugin Mapa do mundo Nomad

A primeira coisa a fazer é instalar e ativar o plugin Nomad World Map (Ele é apropriadamente chamado) Disponível em WordPress.org a partir de seu painel. Você também pode baixar o plug-in como um arquivo zip.

Depois de instalar e ativar o plugin, um novo menu " Nomad Mapa Será adicionado ao painel (no canto inferior esquerdo). Clique no submenu de configurações, conforme prosseguiremos com a configuração.

Configurações padrão são suficientes. Eu sempre explicarei algumas opções.

Na seção "Geral"

É possível ativar uma rota entre os lugares visitados. A opção que segue Desenhar linhas curvas no mapa Permite desenhar linhas curvas no mapa.

" Ele pageLoad para zoom Dá a você a capacidade de se concentrar em um lugar quando a página é carregada. Você tem a escolha entre o primeiro lugar ou o último lugar.

" nível de zoom »Ajusta o zoom feito no mapa.

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]

" Tipo de mapa »Permite escolher o tipo de cartão

A opção cor estrada passado É a cor de um caminho emprestado e cor estrada futuro É a cor das futuras estradas (para viagens programadas).

A seção de opções de conteúdo

Com a opção Espetáculo Post miniaturas em um círculo Você pode visualizar a imagem na frente de um artigo em um balão. A opção Exibir o leasing feliz no Permite que você visualize os detalhes do local em um controle deslizante ou uma dica de ferramenta.

Como adicionar um novo lugar ao mapa

Clique no botão editor de rota ". Nesta nova página, começaremos adicionando o nome do lugar, por exemplo " Praga , Que exibirá um ponteiro para o mapa no local especificado. Então clique em conjunto ".

add-dun-location

A opção férias felizes »Permite escolher um artigo que será vinculado a este lugar. Além disso, você pode adicionar conteúdo diretamente escolhendo " personalizado feliz ".

Para anexar o local a um item, deixe a opção " pós Trecho »Ative e clique em« Pesquisar No campo seguinte para realizar uma pesquisa, logo após especificar o título do artigo (e não termos de pesquisa).

Você pode alterar a imagem para um, especificar os horários de partida e chegada, e uma vez feito, clique em " Salvar No canto inferior esquerdo.

adicionando-and-informações-tem-um-lugar

Depois de clicar em " Salvar Você pode repetir o processo, para adicionar os diferentes lugares para onde você foi.

mapa-travel-exemplo

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]

Como adicionar vários cartões de viagem

Basta ir ao menu « gerir mapas Do plugin e clique em " Adicionar novo mapa ". Uma janela se abrirá, você terá que salvar o nome do cartão, exemplo: « Viagem Especial 2014 ".

adicione-o-nome-de-um-card

Em seguida, clique no nome deste mapa para adicionar lugares, como foi apresentado.

a-card mudança

Você também pode acessar um mapa escolhendo o mapa na lista de mapas disponíveis.

Escolha um cartão

Como exibir um mapa em uma página / artigo

Basta pegar o ID de um cartão e adicioná-lo como um parâmetro para o seguinte shortcode:

[Mwm_map]

Então, para ter códigos de acesso idênticos a isso: [mwm _map id = "2"] ou [mwm _map id = "10"]

Para recuperar o ID de um cartão, retorne à página " gerir mapas Plugin e copie o número correspondente ao mapa de sua escolha para a coluna " ID ".

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. [FREE]

IDs de cartões

Utilize este shortcode em um artigo / página e verificar para ver como se comporta o plugin.

result-nômade-world-map

Isso é tudo para este tutorial sobre como criar um mapa de viagens interativo no WordPress. Fique à vontade para compartilhar a dica com seus amigos nas redes sociais.

Este artigo contém comentários 30
  1. Olá, pequena pergunta, como escolhemos a área do mapa para exibir? Eu quero fazer um mapa da Nova Zelândia, mas quando abrimos a página com o mapa, o zoom é feito na França ...

  2. Bom Dia,

    Eu sou novato no wordpress, idem para Idem, eu tenho uma mensagem de erro que aparece no mapa: »Ops! Ocorreu um erro
    O Google Maps não foi carregado corretamente nesta página. Para mais informações técnicas sobre esse erro, consulte o console JavaScript. "
    Eu tentei mudar o tema como recomendado, mas isso não resolve o meu problema, você pode me ajudar por favor?

    Agradecendo antecipadamente!
    Bonne journée,
    Sonia,

  3. Bom Dia,
    Eu sou um novato, e eu verificar seu blog ...
    parece haver um erro de sintaxe no shortcode que deve ser [nwm_map id = "1"], não [mwm _map id = '1']
    Tenho muitos problemas antes de ver isso.
    Bonne journée

  4. Bonsoir,

    Obrigado por seu tutorial.
    Eu tentei seguir sua metodologia para integrar um mapa em uma página (WordPress), no entanto, não obtenho o resultado esperado.
    Na parte de texto (não visual), eu recebo o seguinte shortcode:
    [Mwm _MAP id = '2']
    Quando visualizo a minha página, não tenho o mapa que aparece, mas sim o texto "[mwm _map id = '2']".
    Você poderia me ajudar?
    Agradeço.

  5. Bom Dia,

    Eu instalei o plugin, mas eu tenho problema:
    Em "mapa nômade", o mapa não é exibido! Eu não posso definir nada.
    Isto é o que é exibido: "Pequeno problema ... Ocorreu um erro
    O Google Maps não foi carregado corretamente nesta página. Para mais informações técnicas sobre esse erro, consulte o console JavaScript. "

    Não sei como modificar o console do javascript e especialmente não vejo o que fazer!

    Merci assessor de votre

    1. Bom Dia,
      O console javascript permite descobrir o que está causando o problema. Você seguiu o tutorial? Se for esse o caso, então eu preciso ter uma captura do seu console javascript. Para isso, você tem que pressionar F12 (no Chrome), na zona que aparece, procure a aba "console", então faça uma captura. Existem várias ferramentas que permitem que você faça capturas. Depois de ter a captura do seu console de javascript, posso ajudá-lo.

  6. Bom Dia,

    Não consigo inserir o cartão no meu site. Eu inseri [mwm _map id = '1'] então [nwm _map id = '1'] (depois de ler os comentários) em uma das minhas páginas, mas na visualização há apenas o código curto que aparece. O que posso fazer?

    obrigado

  7. Olá

    Não consigo selecionar o artigo no qual eu quero colocar o cartão, ele me coloca: Nenhuma postagem no blog encontrada, tente novamente. Você tem uma idéia para resolver meu problema?

    Agradecemos antecipadamente

      1. Bonsoir
        Eu acabei conseguindo copiando / colando o título, a entrada manual não funciona para nenhum dos artigos
        No entanto, segure novamente com o código curto, eu começo a desculpe ... Insirai [mwm_map id = '1'] no início do meu artigo (parte TEXT TEXT e não VISUAL de wordpress), mas na pré-visualização nenhum cartão apenas o código curto ...
        Eu não sou realmente bom
        : - (((

    1. Bom Dia,
      Você não precisa selecionar um artigo, basta adicionar o shortcode [mwm_map]. Leia a seção "Como exibir um mapa em uma página / artigo".

      Se o problema persistir, por favor contacte-nos novamente

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
32 ações
ação28
chilrear2
Enregistrer2
Whatsapp