Ghid complet: Cum să încorporați Google Maps în WordPress

Cum să încorporați o singură locație Google Maps în WordPress

Să începem cu cel mai simplu mod de a afișa o locație Google Maps pe site-ul tău WordPress. Dacă doriți doar să încorporați o hartă cu o singură locație sau vizualizare, nu aveți nevoie de instrumente sau pluginuri luxoase - tot ce aveți nevoie este să inserați codul de încorporare Google Maps în site-ul dvs. WordPress .

Iată cum funcționează totul:

Accesați site-ul web Google Maps ca de obicei și căutați locația pe care doriți să o încorporați. Puteți căuta orice. Acesta este:

• O tara intreaga
• Un oraș anume
• O afacere anume
• Numiți

Chiar nu contează!

După ce aveți locația pe care doriți să o afișați pe hartă, căutați butonul Partajare în bara laterală din stânga:

Ar trebui să vedeți un mic pop-up. Faceți clic pe opțiunea Încorporați harta din acea fereastră pop-up:

Apoi, alegeți dimensiunea dorită din meniul drop-down. Și odată ce ați selectat dimensiunea dorită, copiați codul în casetă:

Acum, mergeți la postarea sau pagina WordPress în care doriți să încorporați caseta Google Maps.

În Editorul WordPress, comutați la fila Text și inserați codul pe care l-ați copiat de pe Google Maps în locul în care doriți să apară harta:

Acum, publicați postarea ca de obicei și ar trebui să vedeți caseta dvs. Google Maps pe front-end-ul site-ului dvs. WordPress:

Destul de ușor, nu?

De asemenea, puteți utiliza o metodă similară pentru a încorpora indicațiile Google Maps în WordPress. Singura diferență este interfața de pornire. În loc să vedeți butonul Partajare imediat, va trebui să faceți clic pe pictograma hamburger și să alegeți opțiunea Partajați sau încorporați harta :

Cum să încorporați Google Maps cu mai mulți marcatori de locație în WordPress

Dacă doriți să încorporați o casetă Google Maps cu mai mulți marcatori de locație în WordPress, lucrurile sunt puțin diferite.

Deși vă voi arăta două pluginuri Google Maps WordPress pentru a vă ajuta să realizați acest lucru în secțiunea următoare, de fapt nu aveți nevoie de un plugin pentru a face acest lucru .

În schimb, puteți să vă creați propria hartă folosind Google My Maps și apoi să încorporați acea hartă în WordPress folosind o metodă similară cu cea prezentată mai sus.

Pentru a începe, mergeți la Google My Maps și faceți clic pe Începeți pentru a lansa interfața. În interfață, faceți clic pe opțiunea pentru a crea o nouă hartă :

Apoi, utilizați interfața pentru a vă construi harta. Poate fi puțin dificil să începi – dar odată ce ai înțeles lucrurile, este destul de ușor de utilizat. Puteți căuta lucruri utilizând caseta de căutare și puteți adăuga marcatori pe hartă folosind butonul Marker :

După ce sunteți mulțumit de harta dvs., faceți clic pe pictograma cu trei puncte din partea de sus și selectați Încorporați pe site-ul meu .

Apoi, la fel ca înainte, puteți lipi codul pe care Google Maps ți-l oferă în fila Text a Editorului WordPress pentru a afișa harta pe site-ul tău WordPress.

Pluginuri WordPress pentru a vă ajuta să lucrați și mai mult cu Google Maps

Deși nu aveți nevoie de un plugin pentru a gestiona încorporarea de bază a Hărților Google, așa cum v-am arătat mai sus, pluginurile vă pot fi utile dacă doriți mai multă flexibilitate (sau dacă doriți o modalitate mai ușor de utilizat pentru a implementa această flexibilitate).

Majoritatea pluginurilor nu fac cu adevărat nimic din ceea ce nu ai putea face singur cu suficientă unsoare de cot – dar o fac mult mai ușoară și mai ușor de utilizat. Iată câteva pluginuri îngrijite pentru a vă ajuta să lucrați mai bine cu Google Maps.

WP Google Maps

WP Google Maps este cel mai popular plugin gratuit pentru Google Maps din directorul de pluginuri WordPress.org.

Vă ajută să vă creați propriile afișări Google Maps personalizate folosind marcatorii de hărți pe care îi alegeți și diferite teme ale hărților. Practic, este o implementare mai ușor de utilizat a procesului pe care tocmai l-am subliniat mai sus.

Singurul dezavantaj este că versiunea gratuită vă permite doar să creați o singură hartă. Dacă aveți nevoie de mai multe hărți, va trebui fie să achiziționați versiunea premium, fie să utilizați o soluție diferită.

Pentru a începe, instalați și activați WP Google Maps. Deoarece este listat pe WordPress.org, puteți face asta direct din tabloul de bord WordPress.

După ce îl activați, accesați noua opțiune Hărți din bara laterală pentru a începe.

Înainte de a putea crea prima hartă, totuși, va trebui să obțineți o cheie API JavaScript Google Maps și să o introduceți în setările pluginului. Puteți face acest lucru urmând aceste instrucțiuni:

După ce ați introdus cheia API, puteți edita prima mea hartă implicită ( rețineți – versiunea gratuită a acestui plugin vă permite să creați o singură hartă ):

Utilizați interfața pentru a vă construi harta. Apoi, când ați terminat, îl puteți încorpora oriunde pe site-ul dvs. folosind codul scurt:

Este foarte ușor și flexibil – singurul dezavantaj este limitarea unei hărți în versiunea gratuită.

Generator de hărți

O altă opțiune bună pentru a crea încorporare Google Maps cu un plugin WordPress este Maps Builder.

După ce instalați și activați pluginul, veți primi o nouă filă Google Maps în bara laterală a tabloului de bord. Ca și în cazul WP Google Maps, va trebui să adăugați o cheie API Google Maps înainte de a începe să utilizați pluginul.

După ce ați făcut asta, puteți accesa Google Maps → Adăugați nou pentru a crea o nouă hartă. În acea interfață, faceți clic pe butonul Open Map Builder pentru a lansa interfața ușor de utilizat:

Acolo, vă puteți construi harta folosind bara laterală a pluginului:

După ce ați terminat, puteți utiliza codul scurt creat de plugin pentru a încorpora harta oriunde pe site-ul dvs. WordPress.

WP Store Locator

Dacă doriți în mod special să utilizați Google Maps pentru a afișa mai multe locații de magazine pe site-ul dvs. WordPress ( o dorință obișnuită! ), ar fi mai bine să utilizați un plugin dedicat pentru localizarea magazinelor.

Deși puteți găsi mai multe plugin-uri pentru a face acest lucru, îmi place WP Store Locator pentru că este flexibil și arată grozav.

Utilizați modulul Google Maps de la Generatorul de pagini preferate

Majoritatea creatorilor de pagini WordPress includ un element/modul dedicat Google Maps pentru a vă ajuta să încorporați conținut Google Maps în design-ul dvs.

De exemplu, popularul plugin Divi Builder include un modul Google Maps pe care îl puteți personaliza puțin prin interfața pluginului:

Deci, dacă utilizați deja un generator de pagini, verificați dacă generatorul de pagini are un instrument Google Maps înainte de a alerga să găsiți un plugin dedicat Google Maps,

O modificare distractivă pentru utilizatorii avansați

Această metodă este avansată și necesită cunoștințe de cod – așa că, dacă sunteți începător, nu ezitați să ignorați acest lucru.

Dar dacă vă cunoașteți cum să folosiți WordPress și câmpurile personalizate, puteți utiliza un câmp personalizat pentru a crea automat o hartă bazată pe schema de adrese URL a hărților Google Maps.

De exemplu, puteți crea un câmp pe backend-ul WordPress în care un utilizator trebuie doar să lipească adresa într-o locație.

Apoi, cu puțină preprocesare pentru a elimina spațiile, puteți insera acea adresă în ceva ca mai jos într-un iframe din fișierele șablon ale temei dvs.:

Și voila! Tot ce trebuie să facă un utilizator este să introducă o adresă în Editorul WordPress și un încorporat Google Maps va apărea automat pe front-end pentru acea locație.

Din nou – această metodă necesită cu siguranță cunoștințe de bază despre PHP și câmpuri personalizate – dar este un truc grozav pentru a economisi ceva timp.

Încheierea lucrurilor

Indiferent dacă doriți doar să faceți ceva de bază, cum ar fi încorporarea unei locații obișnuite Google Maps în WordPress sau să deveniți mai avansat cu mai mulți marcatori de hărți sau crearea automată a hărților, aveți o mulțime de opțiuni.

Pentru încorporarea unor hărți unice, probabil că puteți sări peste pluginuri și doar să utilizați codul obișnuit de încorporare Google Maps. Dar dacă doriți să creați hărți cu mai multe locații și să aveți un control ușor asupra stilului, cele două pluginuri Google Maps sunt opțiuni bune.

Și, în sfârșit, dacă utilizați un generator de pagini, cu siguranță ar trebui să verificați pentru a vedea dacă aveți deja un element Google Maps înainte de a apela la o soluție externă.