Želite li kreirati kartu s više lokacija u WordPress-u sa Elementor i Essential Addons?
Pretpostavimo da imate firmu koja već ima nekoliko poslovnica u gradu i želite da kreirate digitalnu mapu koja prikazuje lokaciju tih filijala. Ako imate web stranicu baziranu na WordPressu, takvu kartu možete kreirati bez napora. Postoji odličan dodatak koji možete koristiti za kreiranje višelokacijske karte: Osnovni dodaci.
Osnovni dodaci je dodatak Elementor premium tako da i vi trebate instalirati Elementor prije nego što ga možete koristiti. Možete koristiti besplatnu verziju Elementora za kreiranje kartice s modulom Essential Addons.
La besplatna verzija Essential Addons je također dostupan. Međutim, widget za kreiranje mape dostupan je samo na plaćenoj verziji. Na njemu možete preuzeti plaćenu verziju Essential Addonsa službena web stranica.
Koristit ćemo platformu Google Maps da kreiramo mapu na vašem WordPress-u koristeći Essential Addons. Prije nego što počnete, obavezno instalirajte Elementor i Essential Addons.
Integrirajte Google Maps sa modulom Essential Addons
Prije nego što možete dodati mapu Google Maps sa Essential Addons, prvo ih morate integrirati. Potreban vam je API ključ za integraciju Google Maps sa Essential Addons modulima.
Prvo posjetite Google API konzola i prijavite se sa svojim Google računom. Kreirajte novi projekat klikom na padajući meni na vrhu i kliknite na NOVI PROJEKAT.
Dajte naziv novom projektu i kliknite na dugme STVORITI .
Kada je vaš novi projekat kreiran, izaberite ga iz padajućeg menija i kliknite na biblioteka na lijevoj ploči.
Google dijeli API platforme Google Maps na 17 tipova. Možete ih vidjeti klikom na link PRIKAŽI SVE u odjeljku Kartes. Morate omogućiti API-je ovisno o tome šta želite postići.
Otkrijte i: Kako kreirati prilagođeni predložak jednog proizvoda u WooCommerceu pomoću Elementora
U našem slučaju, morate omogućiti sljedeće API-je za dodavanje mape sa Google Maps koristeći Essential Addons.
- API Directions
- API za geokodiranje
- Maps JavaScript API
- API sjedišta
Da biste aktivirali API, odaberite API koji želite da aktivirate (klikom na njega) i kliknite na dugme AKTIVIRAJ.
Kada dovršite omogućavanje potrebnih API-ja, vratite se na glavnu kontrolnu tablu Google API konzole i kliknite identifikatori na lijevoj ploči. Kliknite na dugme Kreirajte vjerodajnice i izaberite API ključ. Kopirajte API ključ u iskačućem prozoru koji se pojavi.
Prijavite se na svoju WordPress kontrolnu tablu i kliknite Osnovni dodaci na lijevoj ploči. Kliknite na karticu elementi i skrolujte dole u odeljku Napredna Google karta. Kliknite na Postavke i zalijepite API ključ koji ste upravo kopirali.
Kliknite na dugme SAČUVAJ POSTAVKE da primijenite novu promjenu.
Počnite kreirati mapu
Kada su Google Maps i Essential Addons integrisani, možete početi kreirati mapu. Da biste to učinili, kreirajte novu stranicu (Stranice – > Dodaj ) ili novi članak (Stavke – > Dodaj) i uredite ga pomoću Elementora.
Prije kreiranja stranice, postavite izgled tako što ćete kliknuti na ikonu zupčanika u donjem lijevom kutu da biste otvorili panel postavki. Postavite izgled iz padajućeg menija.
Kreirajte novi odeljak klikom na dugme plus u okviru za uređivanje. Da biste imali šire područje za kartu, možete odabrati strukturu jednog stupca. Prevucite widget EA Google Maps od lijevog panela do područja za uređivanje.
Idite na lijevu tablu i postavite tip kartice na višestruki marker.
Otvori odjeljak Postavke markera karte i kliknite na postojeću oznaku karte da je uredite. Zalijepite geografsku širinu i dužinu prve lokacije koju želite dodati na kartu. Također postavite naslov kao i opis.
Da biste dobili geografsku širinu i dužinu lokacije, otvorite Google Maps i potražite lokaciju (mjesto) čiju geografsku širinu i dužinu želite dobiti. Kada ga pronađete, kliknite desnim klikom miša i levim klikom na broj koji se pojavljuje u kontekstualnom meniju.
Ova radnja vam stoga omogućava da kopirate geografsku širinu (prva vrijednost) i geografsku dužinu (druga vrijednost).
Kada završite sa dodavanjem geografske širine i dužine prve lokacije, kliknite na dugme DODAJTE ELEMENT da dodate drugu lokaciju na svoju kartu.
Ponovo otvorite Google Maps i pronađite novu lokaciju koju želite da dodate na kartu i kopirajte geografsku dužinu kao i geografsku dužinu i zalijepite ih u odgovarajuća polja kao što je gore. Ponovite gore navedene korake da dodate više lokacija na kartu.
Pročitajte takođe: Kako koristiti Elementor's Posts Widget
Kada završite sa dodavanjem lokacija, otvorite blok Kontrole karte da omogućite/onemogućite komande koje želite da obezbedite na vašoj kartici. Ovdje također možete podesiti nivo zumiranja.
Također možete otvoriti blok Map Theme da odaberete temu Google mapa koju želite koristiti.
Do sada ste uspješno kreirali kartu s više lokacija. Možete otvoriti karticu stil za definiranje visine kao i širine karte.
Ako želite da imate kartu pune širine, postavite odjeljak koji sadrži kartu na punu širinu. Da biste to učinili, kliknite na ručku sekcije.
U kartici i bloku Raspored postavite širinu sadržaja na puna širinar i razmak kolone uključen Nema odstupanja
Kliknite na dugme OBJAVLJENOHitna pomoć na dnu lijevog panela za objavljivanje vaše stranice.
Ugradite mapu u stranicu ili objavu
Ako iz nekog razloga više volite da ugradite svoju mapu na stranicu/objavu (stranica/objava kreirana sa zadanim WordPress — Gutenberg) editorom, možete koristiti WordPress dodatak Elementarni blokovi za Gutenberga. Ovaj dodatak će pretvoriti Elementor predložak u Gutenberg blok.
Da biste mapu koju ste upravo kreirali sačuvali kao Elementor predložak, kliknite na ikonu strelice pored dugmeta OBJAVITI / AŽURIRATI i izaberite Sačuvaj kao predložak.
Dajte svom modelu ime i kliknite na dugme REGISTER.
Zatim kreirajte novu stranicu ili post (uvjerite se da ste instalirali Elementor dodatak Blokovi za Gutenberg). Dodajte novi blok i odaberite Elementor biblioteka i odaberite šablon koji ste upravo kreirali.
Napomena: Ako vidite poruku "Samo za razvojne svrhe" prilikom dodavanja kartice, obavezno omogućite naplatu na Google Cloudu. Nova Googleova politika zahtijeva od programera da aktiviraju račun za naplatu (još uvijek možete besplatno koristiti Google Maps API).
Nabavite Elementor Pro odmah!!!
zaključak
Dakle! To je to za ovaj članak koji vam pokazuje kako kreirati kartu s više lokacija pomoću Elementora. Ako imate bilo kakvih nedoumica oko toga kako doći do tamo, obavijestite ih u komentari.
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 ili onaj on Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
