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ê usar um serviço como Google Maps, basta escolher um local e incorporar o mapa ao seu site. No entanto, você não pode editar mapas dinamicamente, e nem mesmo seus colegas de trabalho - o que geralmente é necessário para projetos colaborativos.

É aqui que entram os mapas interativos. Eles permitem que você coloque marcadores móveis que todos em sua equipe podem editar. 

Neste tutorial, falaremos sobre quando esse tipo de cartão será útil. Além disso, mostraremos como adicioná-los de duas maneiras ao WordPress.

Mas antes de começar, reserve um tempo para dar uma olhada Como instalar um tema WordPressQuantas plugins devo instalar no WordPress.

Então mvamos trabalhar!

O que é um mapa interativo (e quando usá-lo?)

Adicionar um mapa a um site é bastante simples. Ferramentas como O Google Maps permite que você incorpore mapas em suas páginas em minutos. A vantagem dessa abordagem é que os visitantes podem se mover pelos mapas, aumentar o zoom, diminuir o zoom etc.

Esses tipos de mapas são mais interativos do que apenas imagens, mas não permitem que você faça alterações depois de adicioná-los ao seu site.

Por outro lado, os mapas interativos permitem que você (e, em alguns casos, seus colegas) adicione novos marcadores, ícones, textos e muito mais. Imagine, por exemplo, que você está planejando uma reunião para membros do seu site. Você pode configurar um mapa com vários pinos para sugerir locais.

Descubra a propósito 5 WordPress plugins para adicionar geolocalização ao seu Blog

Você também pode usar um mapa interativo para que seus usuários possam compartilhar suas localizações ou navegar até os lugares que desejam visitar. Para ser mais preciso, essas são aplicações de nicho. No entanto, os mapas interativos  lata  ser útil em uma ampla variedade de situações. 

Além disso, eles não são necessariamente mais difíceis de adicionar do que seus colegas.

Como adicionar mapas interativos ao seu site WordPress

Quando se trata de mapas interativos, você pode incorporar um em seu site ou usar um plug-in para ajudá-lo a fazer isso. A primeira abordagem é mais simples, mas os plug-ins geralmente contêm muito mais recursos, como você pode esperar. Vamos revisar a abordagem do plugin para mostrar quais são esses recursos.

1. Use o plugin Mapas Marker Pro

Use o criador de mapas profissional

O plugin Mapas Marker Pro é uma solução premium completa para adicionar mapas ao WordPress. Ele oferece dezenas de recursos avançados, como aqueles que permitem visualizar mapas de vários departamentos e adicionar um número virtualmente ilimitado de marcadores aos seus mapas e organizá-los. Além disso, os visitantes podem filtrar os tipos de marcadores que desejam ver em seus mapas.

Outras coisas divertidas que você pode fazer usando este plugin é adicionar informações de distância e rota entre os marcadores. Você pode até mesmo compartilhar sua própria localização em tempo real por meio do mapa do seu site, se desejar. A configuração do plugin pode demorar um pouco, devido à riqueza de recursos que ele oferece. 

No entanto, não é tão difícil quanto você pode imaginar. 

Para começar, configure e ative o plugin como faria com qualquer outro. Se você é novo no WordPress, descubra Como instalar um plugin no WordPress

Assim que o plugin estiver pronto, você precisa adicionar um novo mapa ou camada, o que pode ser feito na guia Maps Marker Pro> Adicionar uma nova camada. Defina aqui um nome que você possa reconhecer para sua camada e insira o local que deseja exibir, assim como faria com qualquer outra ferramenta de mapeamento online:

Adicionar uma nova camada

Agora você pode ajustar o tamanho e o nível de zoom que deseja definir como padrão, usando o menu à esquerda. Também existe uma opção chamada Agrupamento de marcadores , que exibirá um ícone com o número de marcadores em uma área se você aumentar muito o zoom, como no exemplo abaixo:

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.

Exibir um marcador

a opção Marcadores de pesquisa, por outro lado, é bastante explícito. Pode ser útil se você quiser incluir informações adicionais sobre seus marcadores:

Lista de marcadores

Agora role para baixo e encontre a opção « Adicione um novo marcador nesta camada« . Na próxima tela, você poderá definir um nome e localização para o seu marcador, utilizando o mesmo mapa do anterior.

Descubra também Como comprimir e redimensionar imagens em WordPress

Você também pode escolher um ícone e definir um texto pop-up para o seu marcador. Isso aparecerá quando os visitantes clicarem no próprio marcador ou selecioná-lo em uma lista, se você optou por incluí-lo.

Em qualquer caso, não se esqueça de apertar o botão publicar depois de terminar. Depois de adicionar alguns marcadores, sua camada inicial deve ficar assim:

Exemplo de uma camada em um bloco

Quando estiver pronto para adicionar seu novo mapa interativo a uma de suas páginas, você deve usar um shortcode. Role para o topo da guia Editar camada  e procure seu ID correspondente:

Salvar identificadores de cartão

Agora, coloque o shortcode [camada do mapsmarker = "X"] em sua postagem ou página. Não se esqueça de substituir o espaço reservado  pelo ID de sua "camada" com antecedência, no entanto.

Seu cartão agora deve estar operacional em seu site! Mais importante, você ou qualquer outra pessoa da sua equipe pode editá-lo e adicionar novos marcadores a qualquer momento, sem sair do painel.

2. Usando o recurso Embed embutido de Google Map

Google Maps não precisa realmente de uma introdução - é um serviço que permite extrair mapas de todo o mundo para compartilhar lugares com outras pessoas, encontrar endereços e até mesmo compartilhar onde você está. Quando se trata de sites, há muitas maneiras de integrar o Google Maps em suas páginas. Salvar mapas com google map

No entanto, a maioria dos cartões oferece quantidades limitadas de interatividade. Eles permitem que você navegue por eles, amplie, saia e altere sua visão, mas nada mais.

O fato é que o Google Maps oferece muito mais recursos do que o mapeamento simples. Por exemplo, você também pode adicionar vários marcadores, medir distâncias e incluir instruções em seus mapas. Para experimentar esses recursos, vá para Meus Mapas do Google e clique no botão  + Criar um novo mapa  :

Quer vender seus produtos na internet?

Baixe WooCommerce grátis, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress e criar facilmente sua loja online. Perfeito para iniciantes.

Crie um mapa no google map

Na próxima tela, defina um título para seu mapa e sua primeira camada, sobre a qual construiremos. Agora encontre o local que deseja compartilhar usando a barra de pesquisa do Google Maps na parte superior da tela:

Novo mapa e localização do google map

Conforme você aumenta o zoom, você pode usar o símbolo do marcador na parte superior da tela para começar a destacar os locais no mapa. Basta clicar onde deseja colocar seu marcador e definir um nome e um ícone para ele:

Adicione um marcador ao seu novo mapa.

Depois de ter vários marcadores, é possível desenhar linhas entre eles para exibir as distâncias:

Mostra a distância entre dois pontos no mapa

Quando seu cartão estiver pronto, clique no botão Compartilhar no menu à esquerda. Lá, altere as configurações de acesso  de privado  à público :

Defina o acesso do cartão

Você também pode convidar membros da equipe para usar seus e-mails, para que possam acessar imediatamente o mapa:

Mapa para colaboração com parceiros

Em qualquer caso, você deve sempre incorporar seu novo cartão em seu site. Você pode fazer isso clicando no ícone de três pontos próximo ao título do seu mapa e clicando na opção Incorporar este mapa  :

Incorporar mapaAgora você pode copiar e colar o código embed em suas páginas. Seu novo cartão aparecerá onde quer que você o coloque. Além disso, seus colegas poderão editá-lo e adicionar novos marcadores via Google Maps, se necessário.

Descubra também alguns plugins premium do WordPress  

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Captcha final da matemática

Ultimate Math Captcha é um plugin WordPress premium para captcha 100% eficiente. Ele permite adicionar captcha matemático no login do WordPress, registro, recuperação de senha, comentários, WooCommerce, Easy Digital Downloads e formulários bbPress.Ultimate math captcha Wordpress

Seus recursos incluem: fácil instalação e configuração, adição de captcha a vários formulários, suporte para vários captcha Math na mesma página, personalização de mensagens de erro e muito mais.

Descarregar | Demohospedagem na web

2. Gateway de pagamento padrão do PayPal para formulários Ninja

O gateway padrão do PayPal para formulários Ninja permite que você crie formulários que se integram perfeitamente ao gateway de pagamento do PayPal. Você poderá criar formulários de pedido personalizados e receber pagamentos usando contas padrão do Paypal.

Gateway de pagamento padrão Paypal para formulários ninja

Suas principais características são: integração fácil e rápida, integração IPN, capacidade de ativar / desativar o gateway do PayPal em formulários individuais, suporte para pagamentos regulares, etc.

Descarregar | Demo |  hospedagem na web

3. Formas de gravidade - Listar e editar

Com este plugin premium do WordPress, é possível modificar ou excluir entradas enviadas nos formulários do seu site. Um recurso que falta muito no plug-in Gravity Forms, e é por isso que essa extensão foi criada.Gravity forms list editar wordpress plugins inserir tabelas gráficos site blog form

Entre suas características, mencionaremos entre outras:edição e salvamento dos dados gravados, ocompressão dos dados inseridos, omodificação e exclusão de artigos já publicados, o iIntegração perfeita com os plugins jQuery Datatables e Gravity-Forms, osuporte de lógica condicional, ssimples e rápido de instalar, e muito mais.

Descarregar Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Aqui ! É isso para este tutorial, espero que ele permita que você crie mapas interativos no WordPress. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia em Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...