Vai al contenuto principale

Come aggiungere una mappa interattiva su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Non si viaggia spesso? Perché se ancora non lo sai, WordPress è ampiamente utilizzato anche dai blogger appassionati di viaggi. Con questi ultimi possono condividere le loro foto e i momenti eccezionali che hanno dovuto vivere con altre persone.

Quindi, per te che ami condividere i luoghi che visiti, non pensi che sarebbe bello aggiungere una mappa di viaggio interattiva che mostri i diversi luoghi in cui sei stato?

Se questa idea ti incanta come me, sappi che imparerai in questo tutorial come integrare una mappa interattiva sul tuo blog WordPress.

Panoramica della carta-interattiva

Come installare e configurare il plugin Nomad World Map

La prima cosa da fare è installare e attivare il plugin Nomad World Map (Si è giustamente intitolato) Disponibile su WordPress.org dal cruscotto. Puoi anche scaricare il plugin come un file zip.

mappa del mondo nomade

Dopo aver installato e attivato il plugin, un nuovo menu " Nomad Mappa »Verrà aggiunto alla dashboard (in basso a sinistra). Fai clic sul sottomenu delle sue impostazioni, poiché procederemo con la sua configurazione.

impostazioni dei nomadi

Le configurazioni predefinite sono sufficienti. Spiegherò sempre alcune opzioni.

Nella sezione "Generale"

È possibile attivare una traccia tra i luoghi visitati. L'opzione che segue " Disegnare linee curve sulla mappa Ti permette di disegnare linee curve sulla mappa.

« E Pageload per ingrandire », Offre la possibilità di concentrarsi su una posizione quando viene caricata la pagina. Puoi scegliere tra il primo o l'ultimo posto.

« livello di zoom »Permette di regolare lo zoom eseguito sulla mappa.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

« tipo di mappa »Ti permette di scegliere il tipo di carta

L'opzione " colore strada passato "È il colore di un sentiero intrapreso e" colore strada Future È il colore delle strade future (per viaggi programmati).

La sezione Opzione contenuto

Con l'opzione " anteprima Mostra post in un cerchio », È possibile visualizzare l'immagine in primo piano di un articolo in una bolla. L'opzione " Mostra la felice locazione nella »Consente di visualizzare i dettagli del luogo in un dispositivo di scorrimento o in una descrizione comando.

Come aggiungere un nuovo posto alla mappa

Clicca sul bottone percorso Editor ". In questa nuova pagina, inizieremo aggiungendo il nome del luogo, ad esempio " Praga ", Che visualizzerà un puntatore sulla mappa nella posizione specificata. Quindi fare clic su " set '.

add-dun-location

L'opzione " Affitti felici »Ti permette di scegliere un oggetto che sarà collegato a questo luogo. Inoltre, puoi aggiungere direttamente i contenuti selezionando " personalizzato felice '.

Per allegare il luogo a un articolo, lascia l'opzione " post estratto »Attiva e clicca su« Cerca »Nel campo successivo per eseguire una ricerca, subito dopo aver specificato il titolo dell'articolo (e non cercare termini).

Puoi quindi modificare l'immagine in primo piano, specificare invece l'orario di partenza e di arrivo e, una volta fatto, fare clic su " Preferiti In basso a sinistra.

aggiungendo-e-informazioni-ha-un-posto

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Dopo aver cliccato su " Preferiti Sarai in grado di ripetere il processo, per aggiungere i diversi luoghi in cui sei andato.

map-viaggio-esempio

Come aggiungere più schede di viaggio

Tutto quello che devi fare è accedere al " Gestione mappe Del plugin e clicca su " Aggiungi nuova mappa ". Si aprirà una finestra, dovrai salvare il nome della carta, esempio: " Viaggio speciale 2014 '.

add-il-nome-di-un-carta

Quindi fai clic sul nome di questa mappa per aggiungere luoghi, come invece è stato presentato.

un cambiamento-card

Puoi anche accedere a una mappa scegliendo la mappa dall'elenco delle mappe disponibili.

Pick-a-card

Come visualizzare una mappa in una pagina / articolo

Hai solo bisogno di recuperare l'identificatore di una carta e integrarlo come parametro nel seguente shortcode:

[Mwm_map]

Quindi per avere codici brevi identici a questo: [mwm _map id = "2 ″] ou [mwm _map id = "10 ″]

Per recuperare l'identificatore di una carta, torna alla " Gestione mappe Plugin e copia il numero corrispondente alla mappa di tua scelta nella colonna " ID '.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

carte gli ID

Utilizzare questa shortcode in un articolo / pagina e controllare per vedere come si comporta il plugin.

risultato-nomad-world-map

Questo è tutto per questo tutorial sulla creazione di una mappa di viaggio interattiva su WordPress. Non esitare a condividere il suggerimento con i tuoi amici sui social media.

Questo articolo contiene i commenti 30

  1. Ciao, piccola domanda, come scegli l'area della mappa da visualizzare? Voglio fare una mappa della Nuova Zelanda ma quando apri la pagina con la mappa lo zoom è fatto sulla Francia ...

  2. Buongiorno,

    Sono nuovo su wordpress, come per Idem, ho un messaggio di errore che appare sulla mappa: »Piccolo problema ... Si è verificato un errore
    Google Maps non è stato caricato correttamente su questa pagina. Per ulteriori informazioni tecniche su questo errore, vedere la console JavaScript. "
    Ho provato a cambiare il tema come consigliato ma questo non risolve il mio problema, potete aiutarmi per favore?

    Grazie in anticipo!
    Bonne journée,
    Sonia

  3. Buongiorno,
    Sono un principiante e consulto il tuo blog ...
    sembra che ci sia un errore di sintassi sullo shortcode che dovrebbe essere [nwm_map id = "1 ″] e non [mwm _map id = '1']
    Ho lottato molto prima di vederlo.
    Bonne journée

  4. Buonasera,

    Grazie per il vostro tutorial.
    Ho provato a seguire la tua metodologia per incorporare una mappa in una PAGINA (WordPress), ma non ho ottenuto il risultato atteso.
    Nella parte di testo (non visivo), ottengo il seguente shortcode:
    [Mwm _MAP id = '2']
    Quando visualizzo l'anteprima della mia pagina, non viene visualizzata la mappa ma il testo “[mwm _map id = '2']”.
    Potresti aiutarmi per favore ?
    Je vous remercie.

      1. Buongiorno,

        Grazie per il vostro ritorno. Come posso condividere con voi uno screenshot?
        Non sembra a me per inserire un'immagine o un allegato.

        1. Puoi ospitare il tuo screenshot su siti specializzati e quindi pubblicare il link qui. Oppure puoi metterlo nei tuoi media e darmi il link.

  5. Buongiorno,

    Ho installato il plugin ma ho un problema:
    In "mappa nomade", la mappa non viene visualizzata! quindi non posso configurare nulla.
    Ecco cosa viene visualizzato: "Piccolo problema ... Si è verificato un errore
    Google Maps non è stato caricato correttamente su questa pagina. Per ulteriori informazioni tecniche su questo errore, vedere la console JavaScript. "

    Non so come modificare la console javascript e soprattutto non vedo cosa fare!

    Merci de votre aide

    1. Buongiorno,
      La console javascript ti permette di scoprire cosa sta causando il problema. Hai seguito il tutorial? Se questo è il caso, avrò bisogno di un'acquisizione della tua console javascript. Per fare ciò, devi premere F12 (su Chrome), nell'area che appare, trovare la scheda "console", quindi fare una cattura. Ci sono diversi strumenti che ti permetteranno di fare catture. Una volta acquisita la tua console javascript, sarò in grado di aiutarti.

  6. Buongiorno,

    Non riesco a inserire la scheda nel mio sito. Ho inserito [mwm _map id = '1 ′] poi [nwm _map id =' 1 ′] (dopo aver letto i commenti) su una delle mie pagine ma nell'anteprima c'è solo il shortcode visualizzato. Cosa posso fare?

    grazie

  7. ciao

    Non riesco a selezionare l'articolo in cui voglio inserire la scheda, mi inserisce: Nessun post del blog trovato, riprova. hai qualche idea per risolvere il mio problema?

    Grazie in anticipo

      1. Bonsoir
        Ho finito per riuscire facendo un copia / incolla del titolo, l'inserimento manuale non funzionava per nessuno degli articoli
        comunque mi fermo di nuovo con il codice breve, comincio scusa ... ho inserito [mwm_map id = '1 ′] proprio all'inizio del mio articolo (parte di input di testo e non VISUAL di wordpress) ma nella panoramica nessuna mappa solo il codice breve ...
        Io non sono molto bravo
        : - (((

    1. Buongiorno,
      Non è necessario selezionare un elemento, è sufficiente aggiungere lo shortcode [mwm_map]. Leggere attentamente la sezione "Come visualizzare una mappa in una pagina / articolo".

      Se il problema persiste contattare di nuovo

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
30 azioni
quota28
Tweet
Enregistrer2