Você viaja frequentemente? Porque se você ainda não sabe, o WordPress também é amplamente utilizado por blogueiros apaixonados por viagens. Com este último, eles podem compartilhar suas fotos e os momentos excepcionais que viveram com outras pessoas.

Então, para você que adora compartilhar os lugares que visita, não acha que seria bom adicionar um mapa de viagem interativo que mostre os diferentes lugares que você visitou?

Se essa ideia te encanta como eu, 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.

mapa nômade wold

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, pois continuaremos com sua configuração.

configurações nômades

As configurações padrão são suficientes. Eu sempre vou explicar algumas opções.

Na seção "Geral"

É possível ativar uma trilha entre os locais visitados. A seguinte opção " Desenhar linhas curvas no mapa Permite desenhar linhas curvas no mapa.

« Ele pageLoad para zoom Oferece a opção de focar em um local quando a página é carregada. Você pode escolher entre o primeiro ou o último lugar.

« nível de zoom »Permite ajustar o zoom realizado no mapa.

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

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

A seção Opção de Conteúdo

Com a opção " Espetáculo Post miniaturas em um círculo », Você pode exibir a imagem em destaque de um artigo em um balão. A opção " Exibir o leasing feliz no »Permite exibir os detalhes do local em um controle deslizante ou dica de ferramenta.

Como adicionar um novo local ao mapa

Clique no botão editor de rota ". Nesta nova página, começaremos adicionando o nome do local, por exemplo " Praga que exibirá um ponteiro no mapa no local especificado. Em seguida, clique em " Conjunto ".

add-dun-location

A opção " férias felizes » permite que você escolha um artigo que será vinculado a este local. Você também pode adicionar um conteúdo diretamente escolhendo “ personalizado feliz ".

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

Você pode então editar a imagem em destaque, especificar os horários de partida e chegada e, uma vez feito isso, clique em " Salvar No canto inferior esquerdo.

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

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

mapa-travel-exemplo

Como adicionar vários cartões de viagem

Tudo que você precisa fazer é acessar o " gerir mapas No plug-in e clique em " Adicionar novo mapa " Uma janela se abrirá, você terá que salvar o nome do cartão, exemplo: " 2014 Special Travel ".

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

Você só precisa recuperar o identificador de um cartão e integrá-lo como um parâmetro no seguinte shortcode:

[Mwm_map]

Portanto, para ter códigos de acesso idênticos a isso: [mwm _map id = ”2 ″] ou [mwm _map id = ”10 ″]

Para recuperar o identificador de um cartão, volte ao " gerir mapas Conecte e copie o número correspondente ao mapa de sua escolha na coluna " ID ".

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 neste tutorial sobre como criar um mapa de viagem interativo no WordPress. Não hesite em compartilhar a dica com seus amigos nas redes sociais.