Ako koristite uslugu poput Google Maps, samo odaberite lokaciju i ugradite mapu na svoju web stranicu. Međutim, ne možete uređivati ​​mape u hodu, kao ni vaši kolege - što je često neophodno za zajedničke projekte.

Tu dolaze interaktivne mape. Omogućuju vam postavljanje pokretnih markera koje svi u vašem timu mogu uređivati. 

U ovom uputstvu ćemo razgovarati o tome kada ova vrsta karata dobro dođe. Pored toga, pokazat ćemo vam kako ih dodati na dva načina u WordPress.

Ali prije nego što počnete, odvojite vrijeme i pogledajte Kako instalirati WordPress temuKako plugin treba instalirati na WordPress.

Zatim, mhajdemo na posao!

Šta je interaktivna mapa (i kada je koristiti?)

Dodavanje mape na web lokaciju prilično je jednostavno. Alati kao što su Google Maps vam omogućavaju da mape ugrađujete u svoje stranice za nekoliko minuta. Prednost ovog pristupa je u tome što se posjetitelji mogu kretati po mapama, povećavati, smanjivati ​​itd.

Ove su vrste karata interaktivnije od slika, ali ne dopuštaju vam bilo kakve promjene nakon što ih dodate na svoju web lokaciju.

S druge strane, interaktivne mape vam omogućavaju (a u nekim slučajevima i vašim kolegama) da dodate nove markere, ikone, tekstove i još mnogo toga. Zamislite, na primjer, da planirate sastanak za članove vaše web stranice. Možete konfigurirati kartu s više pinova da predlažete lokacije.

Otkrijte usput 5 WordPress plugins za dodavanje geolokacije na vaš blog

Također možete koristiti interaktivnu mapu tako da vaši korisnici mogu dijeliti svoje lokacije ili se kretati do mjesta koja žele posjetiti. Tačnije, ovo su nišne aplikacije. Međutim, interaktivne mape  peuvent  biti koristan u širokom rasponu situacija. 

Uz to, nije nužno dodati teže od svojih kolega.

Kako dodati interaktivne mape na svoj WordPress sajt

Što se tiče interaktivnih mapa, možete ih ugraditi na svoju web lokaciju ili pomoću dodatka koji će vam pomoći u tome. Prvi pristup je jednostavniji, ali dodaci često sadrže puno više funkcija, kao što biste mogli očekivati. Idemo preko pristupa dodatku da pokažemo koje su to funkcije.

1. Koristite dodatak Mape Marker Pro

Koristite Map Maker pro

Dodatak Mape Marker Pro je jednokratno premium rješenje za dodavanje mapa u WordPress. Dolazi s desecima naprednih funkcija, poput onih koje vam omogućavaju da pregledate mape iz više odjeljenja, a svojim mapama dodate gotovo neograničen broj markera i organizirate ih. Pored toga, posjetitelji mogu filtrirati vrste markera koje žele vidjeti na vašim mapama.

Ostale zabavne stvari koje možete učiniti pomoću ovog dodatka je dodavanje podataka o udaljenosti i ruti između markera. Možete čak podijeliti vlastitu lokaciju u stvarnom vremenu putem mape web stranice, ako ste tome skloni. Postavljanje dodatka može potrajati malo vremena s obzirom na bogatstvo funkcija koje nudi. 

Međutim, to nije tako teško kao što biste mogli zamisliti. 

Za početak konfigurirajte i aktivirajte dodatak baš kao i bilo koji drugi. Ako ste novi u WordPressu, saznajte Kako instalirati plugin u WordPress

Nakon što dodatak bude spreman, morate dodati novu mapu ili sloj, što možete učiniti na kartici Maps Marker Pro> Dodajte novi sloj. Ovdje postavite ime koje možete prepoznati za svoj sloj i unesite lokaciju koju želite da prikazuje, kao što biste učinili s bilo kojim drugim online alatom za mapiranje:

Dodajte novi sloj

Sada možete podesiti veličinu i nivo zumiranja koje želite postaviti kao zadane, koristeći lijevi meni. Postoji i opcija koja se zove Klasteriranje markera , koja će prikazati ikonu s brojem markera u nekom području ako previše zumirate, kao u donjem primjeru:

Prikažite marker

Opcija Pretraživanje markeras druge strane prilično eksplicitna. To može biti korisno ako želite uključiti dodatne informacije o svojim markerima:

Spisak markera

Sada se pomaknite prema dolje i pronađite opciju « Dodajte novi marker na ovaj sloj« . Na sljedećem ekranu moći ćete definirati ime i mjesto za svoj marker, koristeći istu mapu kao i prethodna.

Otkrijte i vi Kako komprimirati i promijeniti veličinu slike na WordPress

Takođe možete odabrati ikonu i postaviti iskačući tekst za svoj marker. To će se pojaviti kada posjetitelji kliknu na sam marker ili ga odaberu s popisa ako ste ga odlučili uključiti.

U svakom slučaju, ne zaboravite pritisnuti tipku objaviti nakon što završite. Nakon dodavanja nekoliko markera, vaš početni sloj trebao bi izgledati ovako:

Primjer sloja na bloku

Kada budete spremni dodati novu interaktivnu mapu na jednu od svojih stranica, trebali biste koristiti Shortcodes. Pomaknite se na vrh kartice Uredi sloj  i potražite njegov odgovarajući ID:

Spremite identifikatore kartice

Sad, postavite kratki kod [mapmarker layer = "X"] u svom postu ili na stranici. Ne zaboravite zamijeniti rezervirano mjesto  unatoč ID-u vašeg "sloja".

Vaša kartica bi sada trebala raditi na vašoj web stranici! Još važnije, vi ili bilo tko drugi u vašem timu možete ga urediti i dodati nove markere u bilo koje vrijeme, bez napuštanja svoje nadzorne ploče.

2. Korišćenje ugrađene funkcije ugrađivanja u Google Karta

Google Maps zapravo ne treba uvod - to je usluga koja vam omogućava da iz cijelog svijeta izvadite mape kako biste dijelili mjesta s drugim ljudima, pronalazili adrese i čak dijelili gdje ste. Što se tiče web stranica, postoji mnogo načina na koje možete ugraditi Google Maps u svoje stranice. Spremite mape s Google mapom

Međutim, većina kartica nudi ograničene količine interaktivnosti. Omogućuju vam kretanje kroz njih, zumiranje, izlazak i promjenu pogleda, ali ne više.

Činjenica je da Google Maps nudi mnogo više mogućnosti nego jednostavno preslikavanje. Na primjer, možete dodati i više markera, mjeriti udaljenosti i uključiti upute u svoje karte. Da biste isprobali ove funkcije, idite na Google Moje mape i kliknite na dugme  + Kreirajte novu mapu  :

Stvorite mapu na google mapi

Na sljedećem ekranu postavite naslov za svoju kartu i njen prvi sloj, na kojem ćemo graditi. Sada pronađite lokaciju koju želite podijeliti koristeći traku za pretraživanje Google Mape na vrhu ekrana:

Nova mapa i lokacija na Googleovoj mapi

Kako uvećavate, možete upotrijebiti simbol markera na vrhu ekrana da biste počeli označavati lokacije na svojoj mapi. Samo kliknite mjesto na koje želite postaviti svoj marker, a zatim mu postavite ime i ikonu:

Dodajte marker svojoj novoj mapi.

Nakon što imate više markera, možete crtati linije između njih za prikaz udaljenosti:

Prikažite udaljenost između dvije točke na karti

Kada je vaša kartica spremna, kliknite na gumb Podijelite s drugima u izborniku s lijeve strane. Tamo promijenite postavke pristupa  de privatan  à javnost :

Definirajte pristup kartici

Također možete pozvati članove tima da koriste svoje e-adrese kako bi mogli odmah pristupiti mapi:

Mapa za suradnju s partnerima

U svakom slučaju, novu karticu uvijek trebate ugrađivati ​​na svoju web stranicu. To možete učiniti klikom na ikonu s tri točke pored naslova karte i klikom na opciju Ugradi ovu mapu  :

Stavite kartuSada možete kopirati i zalijepiti ugrađeni kôd na svoje stranice. Vaša nova kartica pojavit će se gdje god je postavite. Pored toga, vaše kolege će ga moći uređivati ​​i po potrebi dodavati nove markere putem Google Mapsa.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. Ultimate Math Captcha

Ultimate Math Captcha je a WordPress dodatak 100% efektivna captcha premium. Omogućava dodavanje matematičke captcha na forme WordPress prijava, registracija, oporavak lozinke, komentari, WooCommerce, Easy Digital Downloads i aux forme sa bbPress-a.Vrhunski matematički captcha wordpress dodatak

Njegove karakteristike uključuju: jednostavnu instalaciju i konfiguraciju, dodavanje captcha mnogima forme, podrška za više Math captcha na istoj stranici, prilagođavanje poruka o grešci i mnoge druge.

download | Demoweb hosting

2. PayPal Standard Payment Gateway za Ninja Forme

PayPal Standard Gateway za Ninja Forms vam omogućava da kreirate obrasce koji se neprimjetno integriraju sa PayPal gateway-om za plaćanje. Moći ćete kreirati personalizirane obrasce za narudžbe i primati uplate koristeći standardne Paypal račune.

Paypal standardni platni prolaz za ninja obrasce

Njegove glavne karakteristike su: laka i brza integracija, IPN integracija, mogućnost aktiviranja / deaktiviranja PayPal mrežnog prolaza na pojedinačnim obrascima, podrška za redovna plaćanja itd.

download | Demo |  web hosting

3. Oblici gravitacije - Popis i uređivanje

Sa ovim WordPress dodatak premium, moguće je modificirati ili brisati unose poslane u obrascima vaše web stranice. Funkcija koja jako nedostaje u dodatku Gravity Forms, zbog čega je stvorena ova ekstenzija.Lista gravitacionih obrazaca uredi dodatke za wordpress umetanje tabela grafički oblik web stranice obrazac

Među njegovim značajkama spomenut ćemo između ostalih: muređivanje i spremanje snimljenih podataka,upad unesenih podataka,izmjena i brisanje već objavljenih članaka, iSavršena integracija s jQuery Datatables dodacima i Forme gravitacijeprilog uslovne logike, simplementirati i brzo instalirati, i još mnogo toga.

download Demo | web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći da izgradite i upravljate svojom web stranicom.

zaključak

Evo! To je sve za ovaj vodič, nadam se da će vam omogućiti stvaranje interaktivnih mapa u WordPressu. Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama

Međutim, možete se posavjetovati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress.

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku komentari.

...