Dacă utilizați un serviciu cum ar fi Hărți Google, trebuie doar să alegeți o locație și să încorporați harta pe site-ul dvs. web. Cu toate acestea, nu puteți edita hărți din mers și nici colegii dvs. - ceea ce este adesea necesar pentru proiecte de colaborare.
Aici intervin hărțile interactive. Acestea vă permit să plasați markere mobile pe care toată lumea din echipa dvs. le poate edita.
În acest tutorial, vom vorbi despre momentul în care acest tip de card vine la îndemână. În plus, vă vom arăta cum să le adăugați în două moduri la WordPress.
Dar înainte de a începe, acordați-vă timp să aruncați o privire Cum se instalează o temă WordPress, Cât de multe plugin-uri ar trebui să instalez pe WordPress.
Apoi, mhai sa trecem la treaba!
Ce este o hartă interactivă (și când să o utilizați?)
Adăugarea unei hărți pe un site web este destul de simplă. Instrumente precum Google Maps vă permite să încorporați hărți în paginile dvs. în câteva minute. Avantajul acestei abordări este că vizitatorii se pot deplasa pe hărți, mări, micșora etc.
Aceste tipuri de hărți sunt mai interactive decât doar imaginile, dar nu vă permit să efectuați modificări după ce le-ați adăugat pe site-ul dvs. web.
Pe de altă parte, hărțile interactive vă permit (și, în unele cazuri, colegii dvs.) să adăugați noi markeri, pictograme, texte și multe altele. Imaginați-vă, de exemplu, că intenționați o întâlnire pentru membrii site-ului dvs. web. Puteți configura o hartă cu mai mulți pini pentru a sugera locații.
Descoperiți apropo Pluginurile 5 WordPress pentru a adăuga localizarea geologică la blogul dvs.
De asemenea, puteți utiliza o hartă interactivă, astfel încât utilizatorii să își poată partaja locațiile sau să navigheze în locurile pe care doresc să le viziteze. Pentru a fi mai precis, acestea sunt aplicații de nișă. Cu toate acestea, hărțile interactive putea fi util într-o mare varietate de situații.
În plus, nu sunt neapărat mai greu de adăugat decât omologii lor.
Cum să adăugați hărți interactive pe site-ul dvs. WordPress
Când vine vorba de hărți interactive, puteți încorpora una pe site-ul dvs. web sau puteți utiliza un plugin pentru a vă ajuta să faceți acest lucru. Prima abordare este mai simplă, dar pluginurile de multe ori oferă multe funcții, așa cum v-ați putea aștepta. Să trecem peste abordarea pluginului pentru a arăta care sunt aceste caracteristici.
1. Utilizați pluginul Maps Marker Pro
Pluginul Maps Marker Pro este o soluție premium unică pentru adăugarea de hărți la WordPress. Oferă zeci de funcții avansate, cum ar fi cele care vă permit să vizualizați hărți din mai multe departamente și să adăugați un număr practic nelimitat de markere pe hărțile dvs. și să le organizați. În plus, vizitatorii pot filtra tipurile de markere pe care doresc să le vadă pe hărțile dvs.
Alte lucruri distractive pe care le puteți face folosind acest plugin este adăugarea de informații despre distanță și rută între markeri. Puteți chiar să partajați propria locație în timp real prin harta site-ului dvs. web, dacă sunteți înclinat să faceți acest lucru. Configurarea pluginului poate dura puțin timp, având în vedere bogăția de caracteristici pe care le oferă.
Cu toate acestea, nu este atât de dificil pe cât ți-ai putea imagina.
Pentru a începe, configurați și activați pluginul ca oricare altul. Dacă sunteți nou în WordPress, aflați Cum se instalează un plug-in WordPress
Odată ce pluginul este gata, trebuie să adăugați o nouă hartă sau strat, pe care îl puteți face din filă Maps Marker Pro> Adăugați un strat nou. Aici, setați un nume pe care îl puteți recunoaște pentru stratul dvs. și introduceți locația pe care doriți să o afișeze, la fel cum ați face cu orice alt instrument de cartografiere online:
Acum puteți regla dimensiunea și nivelul de zoom pe care doriți să le setați ca implicite, utilizând meniul din stânga. Există, de asemenea, o opțiune numită Gruparea markerilor , care va afișa o pictogramă cu numărul de markeri dintr-o zonă dacă măriți prea mult, ca în exemplul de mai jos:
opţiunea Căutare markere, pe de altă parte, este destul de explicit. Poate fi util dacă doriți să includeți informații suplimentare despre markerii dvs.:
Acum derulați în jos și găsiți opțiunea « Adaugă un marker nou pe acest strat« . Pe ecranul următor, veți putea defini un nume și o locație pentru marcatorul dvs., utilizând aceeași hartă ca și cea precedentă.
Descoperă și tu Cum de a comprima și redimensiona imagini pe WordPress
De asemenea, puteți alege o pictogramă și puteți seta text pop-up pentru marker. Acest lucru va apărea atunci când vizitatorii fac clic pe marcatorul în sine sau îl selectează dintr-o listă dacă ați ales să îl includeți.
În orice caz, nu uitați să apăsați butonul publica odată ce ai terminat. După adăugarea câtorva marcatori, stratul inițial ar trebui să arate astfel:
Când sunteți gata să adăugați noua dvs. hartă interactivă la una dintre paginile dvs., ar trebui să utilizați un SHORTCODE. Derulați până în partea de sus a filei Editează stratul și căutați ID-ul corespunzător:
Acum, așezați shortcode [mapsmarker layer = "X"] în postarea sau pagina dvs. Nu uitați să înlocuiți substituentul X cu ID-ul „stratului” dvs. în avans, totuși.
Cardul dvs. ar trebui să fie operațional acum pe site-ul dvs. web! Mai important, tu sau oricine altcineva din echipa ta îl poți edita și adăuga în fiecare moment markeri noi, fără a ieși din tabloul de bord.
2. Utilizarea funcției încorporate încorporate a Google Map
Hărți Google nu are nevoie de o introducere - este un serviciu care vă permite să extrageți hărți din întreaga lume pentru a partaja locuri cu alte persoane, pentru a găsi adrese și chiar pentru a partaja unde vă aflați. Când vine vorba de site-uri web, există multe modalități prin care puteți integra Google Maps în paginile dvs. 
Cu toate acestea, majoritatea cărților oferă cantități limitate de interactivitate. Acestea vă permit să navigați prin ele, să măriți, să ieșiți și să vă schimbați vizualizarea, dar nu mai mult.
Cert este că Google Maps oferă multe mai multe funcții decât o simplă mapare. De exemplu, puteți adăuga, de asemenea, mai mulți markeri, măsurați distanțele și puteți include indicații în hărțile dvs. Pentru a încerca aceste funcții, accesați Google My Maps și faceți clic pe butonul + Creați o nouă hartă :
Pe următorul ecran, setați un titlu pentru harta dvs. și primul strat, pe care îl vom construi. Acum găsiți locația pe care doriți să o partajați folosind bara de căutare Google Map din partea de sus a ecranului:
Pe măsură ce măriți, puteți utiliza simbolul marcator din partea de sus a ecranului pentru a începe să evidențiați locațiile de pe hartă. Doar faceți clic unde doriți să plasați marcatorul, apoi setați un nume și o pictogramă pentru acesta:
După ce aveți mai mulți markeri, puteți trasa linii între ei pentru a afișa distanțele:
Când cardul dvs. este gata, faceți clic pe buton Acțiune în meniul din stânga. Acolo, modificați setările de acces de privat à public :
De asemenea, puteți invita membrii echipei să își folosească e-mailurile, astfel încât aceștia să poată accesa imediat harta:
În orice caz, ar trebui să încorporați întotdeauna noul card pe site-ul dvs. web. Puteți face acest lucru făcând clic pe pictograma cu trei puncte de lângă titlul hărții și făcând clic pe opțiune Încorporați această hartă :
Acum puteți copia și lipi codul de încorporare pe paginile dvs. Noua dvs. carte va apărea oriunde o veți plasa. În plus, colegii dvs. vor putea să-l editeze și să adauge noi markere prin Google Maps, dacă este necesar.
Descoperiți și câteva plugin-uri premium WordPress
Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.
Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.
1. Ultimate Math Captcha
Ultimate Math Captcha este un WordPress plug-in Captcha premium 100% eficient. Permite adăugarea unui captcha matematic pe formulare Autentificare WordPress, înregistrare, recuperare parole, comentarii, WooCommerce, Easy Digital Downloads și aux formulare de la bbPress.
Caracteristicile sale includ: instalare și configurare ușoară, adăugarea de captcha la multe formulare, suport pentru mai multe captch-uri matematice pe aceeași pagină, personalizarea mesajelor de eroare și multe altele.
Descarca | Demo | web hosting
2. PayPal Gateway de plată standard pentru formularele ninja
PayPal Standard Gateway pentru Ninja Forms vă permite să creați formulare care se integrează perfect cu gateway-ul de plată PayPal. Veți putea crea formulare de comandă personalizate și puteți primi plăți utilizând conturi Paypal standard.
Principalele sale caracteristici sunt: integrare ușoară și rapidă, integrare IPN, capacitatea de a activa / dezactiva gateway-ul PayPal pe formulare individuale, suport pentru plăți regulate etc.
Descarca | Demo | web hosting
3. Gravity Forms - List & Edit
Cu asta WordPress plug-in premium, este posibil să modificați sau să ștergeți intrările trimise în formularele site-ului dumneavoastră. O caracteristică care lipsește foarte mult în pluginul Gravity Forms, motiv pentru care a fost creată această extensie.
Printre caracteristicile sale vom menționa, printre altele, meditarea și salvarea datelor înregistrate,suprimarea datelor introduse,modificarea și ștergerea articolelor deja publicate, iIntegrare perfectă cu plugin-urile jQuery Datatables și Gravity-Forms,upport de logică condițională, sinstalat rapid și rapid și multe altele.
Descarca | Demo | web hosting
Resurse recomandate
Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.
- Imaginile dvs. nu sunt afișate cu SSL? Aici este solutia
- Cum de a adăuga un widget la antetul de blog-ul dvs. WordPress
- Cum de a comprima și redimensiona imagini pe WordPress
- Cum să prezinți și să distribui PDF-uri pe WordPress?
Concluzie
Aici ! Gata pentru acest tutorial, sper că vă va permite să creați hărți interactive în WordPress. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate.
Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru pentru Creare blog WordPress.
Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.
...
