Ako koristite uslugu poput Google Maps, samo odaberite mjesto i ugradite kartu na svoju web stranicu. Međutim, karte ne možete uređivati ​​u hodu, kao ni vaši suradnici - što je često potrebno za suradničke projekte.

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

U ovom uputstvu razgovarat ćemo 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 započnete, odvojite vrijeme i pogledajte Kako instalirati WordPress temuKoliko dodaci bih trebao instalirati na WordPress.

Zatim, midemo na posao!

Što je interaktivna karta (i kada je koristiti?)

Dodavanje karte web mjestu prilično je jednostavno. Alati kao što su Google Maps omogućuju vam ugrađivanje karata u vaše stranice za nekoliko minuta. Prednost ovog pristupa je u tome što se posjetitelji mogu kretati po kartama, povećavati, smanjivati ​​itd.

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

S druge strane, interaktivne karte omogućuju vam (a u nekim slučajevima i vašim kolegama) dodavanje novih markera, ikona, tekstova i još mnogo toga. Zamislite, na primjer, da planirate sastanak za članove vašeg web mjesta. Možete konfigurirati kartu s više pribadača za predlaganje lokacija.

Otkrijte usput 5 WordPress dodataka za dodavanje geolokacije na svoj blog

Također možete koristiti interaktivnu kartu kako bi vaši korisnici mogli dijeliti svoje lokacije ili se kretati do mjesta koja žele posjetiti. Točnije, to su nišne aplikacije. Međutim, interaktivne karte  može  biti koristan u širokom rasponu situacija. 

Osim toga, nije nužno teže dodati od svojih kolega.

Kako dodati interaktivne karte na svoj WordPress web mjestu

Što se tiče interaktivnih karata, možete ih umetnuti na svoje web mjesto ili upotrijebiti dodatak koji će vam pomoći u tome. Prvi je pristup jednostavniji, ali dodaci često sadrže puno više značajki, kao što biste mogli očekivati. Krenimo s pristupom dodatku kako bismo pokazali koje su to značajke.

1. Upotrijebite dodatak Karte Marker Pro

Koristite Map Maker Pro

Dodatak Karte Marker Pro jedinstveno je vrhunsko rješenje za dodavanje karata u WordPress. Dolazi s desecima naprednih značajki, poput onih koje vam omogućuju pregled karata s više odjela, i dodavanje gotovo neograničenog broja oznaka na vaše karte i njihovo organiziranje. Osim toga, posjetitelji mogu filtrirati vrste markera koje žele vidjeti na vašim kartama.

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 i podijeliti svoje mjesto u stvarnom vremenu putem mape web stranice, ako ste tome skloni. Postavljanje dodatka može potrajati malo vremena, s obzirom na bogatstvo značajki koje nudi. 

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

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

Kada je dodatak spreman, morate dodati novu kartu ili sloj, što možete učiniti na kartici Maps Marker Pro> Dodaj novi sloj. Ovdje postavite naziv koji možete prepoznati za svoj sloj i unesite lokaciju koju želite da prikazuje, kao što biste to učinili s bilo kojim drugim online alatom za mapiranje:

Dodajte novi sloj

Sada možete podesiti veličinu i razinu zumiranja koje želite postaviti kao zadane pomoću lijevog izbornika. Postoji i opcija koja se zove Grupiranje oznaka , koja će prikazati ikonu s brojem markera na nekom području ako previše zumirate, kao u primjeru u nastavku:

Prikažite marker

Mogućnost Pretraživanje markera, s druge strane prilično eksplicitna. To može biti korisno ako želite uključiti dodatne informacije o svojim markerima:

Popis markera

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

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

Također možete odabrati ikonu i postaviti skočni 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 kartu na jednu od svojih stranica, trebali biste koristiti kratki kôd. Pomaknite se na vrh kartice Uredi sloj  i potražite njegov odgovarajući ID:

Spremite identifikatore kartice

Sada, stavite kratki kod [sloj oznake mape = "X"] u svom postu ili na stranici. Ne zaboravite zamijeniti rezervirano mjesto  unaprijed ID-om vašeg "sloja".

Vaša kartica sada treba 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 kojem trenutku, bez napuštanja nadzorne ploče.

2. Korištenje značajke ugrađenog ugrađivanja u programu Google Karta Hrvatska

Google Maps zapravo ne treba uvod - usluga je koja vam omogućuje izvlačenje karata iz cijelog svijeta za dijeljenje mjesta s drugim ljudima, pronalaženje adresa, pa čak i dijeljenje mjesta gdje se nalazite. Što se tiče web stranica, postoji puno načina na koje možete ugraditi Google Maps u svoje stranice. Spremite karte 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 od jednostavnog mapiranja. Na primjer, možete dodati i više markera, mjeriti udaljenosti i uključivati ​​upute u svoje karte. Da biste isprobali ove značajke, idite na Google Moje karte a zatim pritisnite gumb  + Stvorite novu kartu  :

Stvorite kartu 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 pomoću trake za pretraživanje Google karte na vrhu zaslona:

Nova karta i lokacija na Googleovoj karti

Dok uvećavate, možete upotrijebiti simbol markera na vrhu zaslona da biste započeli s označavanjem mjesta na vašoj karti. 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 nacrtati crte između njih za prikaz udaljenosti:

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

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

Definirajte pristup kartici

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

Mapa za suradnju s partnerima

U svakom slučaju, uvijek biste trebali novu karticu ugraditi na svoje web mjesto. To možete učiniti klikom na ikonu s tri točke pored naslova karte i klikom na opciju Ugradite ovu kartu  :

Ugradite kartuSada možete kopirati i zalijepiti ugrađeni kôd na svoje stranice. Vaša će se nova kartica pojaviti gdje god je postavite. Uz to, vaši će ga kolege 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 dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

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

1. Ultimate Math Captcha

Ultimate Math Captcha je a WordPress plugin 100% učinkovit captcha premium. Omogućuje dodavanje matematičke captcha na obrasci WordPress prijava, registracija, oporavak lozinke, komentari, WooCommerce, Easy Digital Downloads i pom obrasci iz bbPressa.Ultimativni matematički captcha wordpress dodatak

Njegove značajke uključuju: jednostavnu instalaciju i konfiguraciju, dodavanje captcha mnogima obrasci, podrška za više matematičkih captcha na istoj stranici, prilagodba poruka o pogreškama i mnogi drugi.

Preuzmite | demoWeb hosting

2. PayPal Standardni Payment Gateway za Ninja Forms

PayPal Standard Gateway za Ninja Forms omogućuje vam izradu obrazaca koji se neprimjetno integriraju s PayPal gatewayom za plaćanje. Moći ćete stvoriti personalizirane obrasce za narudžbe i primati uplate pomoću standardnih Paypal računa.

Paypal standardni platni prolaz za ninja obrasce

Njegove glavne značajke su: jednostavna i brza integracija, IPN integracija, mogućnost aktiviranja / deaktiviranja PayPal pristupnika na pojedinačnim obrascima, podrška za redovna plaćanja itd.

Preuzmite | demo |  Web hosting

3. Gravitacijski obrasci - Popis i uređivanje

S ovim WordPress plugin premium, moguće je mijenjati ili brisati unose poslane u obrascima vaše web stranice. Značajka koja jako nedostaje dodatku Gravity Forms, zbog čega je stvoreno ovo proširenje.Popis gravitacijskih obrazaca uređivanje dodataka za wordpress umetanje tablica grafički oblik web stranice obrazac

Među njezinim značajkama spomenut ćemo između ostalih: muređivanje i spremanje snimljenih podataka,Poništavanje upisanih podataka,izmjena i brisanje već objavljenih članaka, tjSavršena integracija s jQuery Datatables dodacima i Oblici gravitacijepotpora uvjetne logike, simplementirati i brzo instalirati, i još mnogo toga.

Preuzmite demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

Zaključak

Ovdje! 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 konzultirati naši resursi, ako vam je potrebno više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na Izrada bloga WordPress.

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

...