Se si utilizza un servizio come Google Maps, devi solo scegliere una posizione e incorporare la mappa nel tuo sito web. Tuttavia, non puoi modificare le mappe al volo e nemmeno i tuoi colleghi possono farlo, il che è spesso necessario per i progetti di collaborazione.
È qui che entrano in gioco le mappe interattive. Ti consentono di posizionare marcatori mobili che tutti i membri del tuo team possono modificare.
In questo tutorial, parleremo di quando questo tipo di carta torna utile. Inoltre, ti mostreremo come aggiungerli in due modi a WordPress.
Ma prima di iniziare, prenditi il tempo per dare un'occhiata Come installare un tema WordPress, Quanti plugin dovrei installare su WordPress.
Quindi, mmettiamoci al lavoro!
Cos'è una mappa interattiva (e quando usarla?)
L'aggiunta di una mappa a un sito Web è piuttosto semplice. Strumenti come Google Maps ti consente di incorporare mappe nelle tue pagine in pochi minuti. Il vantaggio di questo approccio è che i visitatori possono spostarsi sulle mappe, ingrandire, rimpicciolire, ecc.
Questi tipi di mappe sono più interattivi delle semplici immagini, ma non ti consentono di apportare modifiche dopo averle aggiunte al tuo sito web.
D'altro canto, le mappe interattive consentono a te (e in alcuni casi, ai tuoi colleghi) di aggiungere nuovi marcatori, icone, testo e altro ancora. Immagina, ad esempio, di pianificare una riunione per i membri del tuo sito web. È possibile configurare una mappa con più pin per suggerire posizioni.
Scopri a proposito Plugin 5 WordPress per aggiungere la geolocalizzazione al tuo blog
Puoi anche utilizzare una mappa interattiva in modo che i tuoi utenti possano condividere le loro posizioni o navigare verso i luoghi che desiderano visitare. Per essere più precisi, si tratta di applicazioni di nicchia. Tuttavia, le mappe interattive peuvent essere utile in un'ampia varietà di situazioni.
Inoltre, non sono necessariamente più difficili da aggiungere rispetto alle loro controparti.
Come aggiungere mappe interattive al tuo sito WordPress
Quando si tratta di mappe interattive, puoi incorporarne una sul tuo sito Web o utilizzare un plug-in per aiutarti a farlo. Il primo approccio è più semplice, ma i plugin spesso racchiudono molte più funzionalità, come ci si potrebbe aspettare. Esaminiamo l'approccio del plugin per mostrare quali sono queste funzionalità.
1. Usa il plugin Mappe Marker Pro
Il plugin Mappe Marker Pro è una soluzione premium one-stop per l'aggiunta di mappe a WordPress. Offre dozzine di funzioni avanzate, come quelle che ti consentono di visualizzare mappe di più reparti e di aggiungere un numero virtualmente illimitato di indicatori alle tue mappe e organizzarle. Inoltre, i visitatori possono filtrare i tipi di indicatori che vogliono vedere sulle tue mappe.
Altre cose divertenti che puoi fare usando questo plugin sono l'aggiunta di informazioni sulla distanza e sul percorso tra i marker. Puoi persino condividere la tua posizione in tempo reale attraverso la mappa del tuo sito web, se sei propenso a farlo. La configurazione del plug-in può richiedere un po 'di tempo, data la ricchezza di funzionalità che offre.
Tuttavia, non è così difficile come potresti immaginare.
Per iniziare, configura e attiva il plugin come faresti con qualsiasi altro. Se sei nuovo su WordPress, scoprilo Come installare un plugin in WordPress
Una volta che il plugin è pronto, devi aggiungere una nuova mappa o layer, cosa che puoi fare dalla scheda Maps Marker Pro> Aggiungi un nuovo livello. Qui, imposta un nome che puoi riconoscere per il tuo livello e inserisci la posizione che desideri venga visualizzato, come faresti con qualsiasi altro strumento di mappatura online:
Ora puoi regolare le dimensioni e il livello di zoom che desideri impostare come predefinito, utilizzando il menu a sinistra. C'è anche un'opzione chiamata Cluster di indicatori , che mostrerà un'icona con il numero di marker in un'area se si ingrandisce troppo, come nell'esempio seguente:
l'opzione Cerca marcatori, d'altra parte è abbastanza esplicito. Può essere utile se vuoi includere ulteriori informazioni sui tuoi marcatori:
Ora scorri verso il basso e trova l'opzione « Aggiungi un nuovo marker su questo livello« . Nella schermata successiva, sarai in grado di definire un nome e una posizione per il tuo marker, utilizzando la stessa mappa della precedente.
Scopri anche Come comprimere e ridimensionare le immagini su WordPress
Puoi anche scegliere un'icona e impostare il testo a comparsa per il tuo marcatore. Apparirà quando i visitatori cliccano sul marcatore stesso o lo selezionano da un elenco se hai scelto di includerlo.
In ogni caso, non dimenticare di premere il pulsante pubblicare una volta che hai finito. Dopo aver aggiunto alcuni marker, il tuo livello iniziale dovrebbe essere simile a questo:
Quando sei pronto per aggiungere la tua nuova mappa interattiva a una delle tue pagine, dovresti utilizzare un file shortcode. Scorri fino all'inizio della scheda Modifica livello e cerca il suo ID corrispondente:
Ora, posiziona il shortcode [mapsmarker layer = "X"] nel tuo post o pagina. Non dimenticare di sostituire il segnaposto X dall'ID del tuo "livello" in anticipo, tuttavia.
La tua carta ora dovrebbe essere operativa sul tuo sito web! Ancora più importante, tu o chiunque altro del tuo team puoi modificarlo e aggiungere nuovi marcatori in qualsiasi momento, senza lasciare la dashboard.
2. Utilizzo della funzione Incorpora incorporata di Google Map
Google Maps non ha davvero bisogno di presentazioni: è un servizio che ti consente di estrarre mappe da tutto il mondo per condividere luoghi con altre persone, trovare indirizzi e persino condividere la tua posizione. Quando si tratta di siti web, ci sono molti modi per incorporare Google Maps nelle tue pagine.
Tuttavia, la maggior parte delle carte offre una quantità limitata di interattività. Ti permettono di navigare attraverso di essi, ingrandire, uscire e modificare la visualizzazione, ma non di più.
Il fatto è che Google Maps offre molte più funzioni rispetto alla semplice mappatura. Ad esempio, puoi anche aggiungere più marcatori, misurare le distanze e includere indicazioni stradali nelle tue mappe. Per provare queste funzionalità, vai a Google mie mappe e fare clic sul pulsante + Crea una nuova mappa :
Nella schermata successiva, imposta un titolo per la tua mappa e il suo primo livello, su cui costruiremo. Ora trova la posizione che desideri condividere utilizzando la barra di ricerca di Google Map nella parte superiore dello schermo:
Mentre esegui lo zoom avanti, puoi utilizzare il simbolo dell'indicatore nella parte superiore dello schermo per iniziare a evidenziare le posizioni sulla mappa. Basta fare clic nel punto in cui desideri posizionare il contrassegno, quindi impostare un nome e un'icona per esso:
Una volta che hai più marcatori, puoi tracciare delle linee tra loro per visualizzare le distanze:
Quando la tua carta è pronta, fai clic sul pulsante Condividi nel menu a sinistra. Lì, modifica le impostazioni di accesso de privato à la percezione :
Puoi anche invitare i membri del team a utilizzare le loro e-mail, in modo che possano accedere immediatamente alla mappa:
In ogni caso, dovresti sempre incorporare la tua nuova carta sul tuo sito web. Puoi farlo facendo clic sull'icona dei tre punti accanto al titolo della mappa e facendo clic sull'opzione Incorpora questa mappa :
Ora puoi copiare e incollare il codice di incorporamento nelle tue pagine. La tua nuova carta apparirà ovunque la posizionerai. Inoltre, i tuoi colleghi potranno modificarlo e aggiungere nuovi marker tramite Google Maps, se necessario.
Scopri anche alcuni plugin WordPress premium
Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.
Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.
1. Ultimate Math Captcha
Ultimate Math Captcha è un WordPress Plugin Premio captcha effettivo al 100%. Permette di aggiungere un captcha matematico sul forme Login WordPress, registrazione, recupero password, commenti, WooCommerce, Easy Digital Downloads e aux forme da bbPress.
Le sue caratteristiche includono: facile installazione e configurazione, aggiunta di captcha a molti forme, supporto per più captcha matematici sulla stessa pagina, personalizzazione dei messaggi di errore e molto altro.
Download | Demo | Web hosting
2. Gateway di pagamento standard PayPal per moduli Ninja
PayPal Standard Gateway per Ninja Forms ti consente di creare moduli che si integrano perfettamente con il gateway di pagamento PayPal. Potrai creare moduli d'ordine personalizzati e ricevere pagamenti utilizzando account Paypal standard.
Le sue caratteristiche principali sono: integrazione facile e veloce, integrazione IPN, possibilità di attivare / disattivare il gateway PayPal su singoli moduli, supporto per pagamenti regolari, ecc.
Download | Demo | Web hosting
3. Gravity Forms - Elenca e modifica
con questo WordPress Plugin premium, è possibile modificare o eliminare le voci inviate nei moduli del proprio sito web. Una funzionalità che è gravemente carente nel plug-in Gravity Forms, motivo per cui è stata creata questa estensione.
Tra le sue caratteristiche citeremo tra le altre: la mmodifica e salvataggio dei dati registrati, ilsoppressione dei dati inseriti, ilmodifica e cancellazione di articoli già pubblicati, iPerfetta integrazione con i plugin jQuery Datatables e Forme di gravità, ilupport della logica condizionale, simple e veloce da installare, e molto altro.
Download | Demo | Web hosting
Risorse raccomandate
Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.
- Le immagini non sono visualizzate con SSL? Ecco la soluzione
- Come aggiungere un widget per l'intestazione del tuo blog WordPress
- Come comprimere e ridimensionare le immagini su WordPress
- Come presentare e condividere PDF su WordPress?
Conclusione
Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di creare mappe interattive in WordPress. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.
Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.
...