Želite li izraditi kartu s više lokacija u WordPressu s Elementor i osnovni dodaci?
Pretpostavimo da imate tvrtku koja već ima nekoliko podružnica u gradu i želite izraditi digitalnu kartu koja prikazuje lokaciju tih poslovnica. Ako imate web stranicu temeljenu na WordPressu, takvu kartu možete izraditi bez napora. Postoji sjajan dodatak koji možete koristiti za izradu karte s više lokacija: Osnovni dodaci.
Osnovni dodaci je dodatak Elementor premium pa morate i instalirati Elementor prije nego što ga možete koristiti. Možete koristiti besplatnu verziju Elementora za izradu kartice s modulom Essential Addons.
La besplatna verzija Essential Addons je također dostupan. Međutim, widget za izradu karte dostupan je samo na plaćenoj verziji. Možete preuzeti plaćenu verziju Essential Addons na službena stranica.
Koristit ćemo platformu Google Maps za izradu karte na vašem WordPressu koristeći Essential Addons. Prije nego počnete, svakako instalirajte Elementor i Essential Addons.
Integrirajte Google karte s modulom Essential Addons
Prije nego što možete dodati kartu Google karata s Essential Addons, prvo ih morate integrirati. Potreban vam je API ključ za integraciju Google karata s modulima Essential Addons.
Najprije posjetite Google API konzola i prijavite se svojim Google računom. Napravite novi projekt klikom na padajući izbornik na vrhu i kliknite na NOVI PROJEKT.
Dajte svom novom projektu naziv i kliknite gumb CREATE .
Nakon što je vaš novi projekt izrađen, odaberite ga s padajućeg izbornika i kliknite na Knjižnica na lijevoj ploči.
Google dijeli Google Maps Platform API u 17 vrsta. Možete ih vidjeti klikom na poveznicu PRIKAŽI SVE u odjeljku Kartice. Morate omogućiti API-je ovisno o tome što želite postići.
Otkrijte također: Kako stvoriti prilagođeni predložak jednog proizvoda u WooCommerceu s Elementorom
U našem slučaju, trebate omogućiti sljedeće API-je za dodavanje karte s Google karata pomoću osnovnih dodataka.
- Upute za API
- API za geokodiranje
- Maps JavaScript API
- API sjedala
Kako biste aktivirali API, odaberite API koji želite aktivirati (klikom na njega) i kliknite na gumb AKTIVIRATI.
Nakon što dovršite omogućavanje potrebnih API-ja, vratite se na glavnu nadzornu ploču Google API konzole i kliknite identifikatori na lijevoj ploči. Kliknite na gumb Stvorite vjerodajnice i odaberite Ključ API-ja. Kopirajte API ključ u skočni prozor koji se pojavi.
Prijavite se na nadzornu ploču WordPressa i kliknite Osnovni dodaci na lijevoj ploči. Pritisnite karticu Elementi i pomaknite se prema dolje u odjeljku Napredna Google karta, Kliknite na Postavke i zalijepite API ključ koji ste upravo kopirali.
Kliknite na gumb SPREMI POSTAVKE za primjenu nove promjene.
Počnite stvarati kartu
Nakon što su Google Maps i Essential Addons integrirani, možete početi stvarati kartu. Da biste to učinili, izradite novu stranicu (Stranice – > Dodaj ) ili nova stavka (Stavke – > Dodaj) i uredite ga pomoću Elementora.
Prije izrade stranice, postavite izgled klikom na ikonu zupčanika u donjem lijevom kutu da biste otvorili ploču Postavke. Postavite izgled iz padajućeg izbornika.
Stvorite novi odjeljak klikom na gumb plus u okviru za uređivanje. Da biste imali šire područje za kartu, možete odabrati strukturu jednog stupca. Povucite widget EA Google karte s lijeve ploče u područje za uređivanje.
Idite na lijevu ploču i postavite vrstu kartice na višestruki marker.
Otvori odjeljak Postavke markera karte i kliknite na postojeću oznaku karte da biste je uredili. Zalijepite zemljopisnu širinu i dužinu prve lokacije koju želite dodati na kartu. Također postavite naslov kao i opis.
Da biste dobili zemljopisnu širinu i dužinu lokacije, otvorite Google karte i potražite lokaciju (mjesto) čiju širinu i dužinu želite dobiti. Kada ga pronađete, kliknite desnim klikom miša i lijevim klikom na broj koji se pojavi na kontekstualnom izborniku.
Ova vam radnja stoga omogućuje kopiranje zemljopisne širine (prva vrijednost) i dužine (druga vrijednost).
Kada završite s dodavanjem zemljopisne širine i dužine prve lokacije, kliknite gumb DODAJTE ELEMENT za dodavanje druge lokacije na vašu kartu.
Ponovo otvorite Google karte i pronađite novu lokaciju koju želite dodati na kartu i kopirajte zemljopisnu dužinu kao i zemljopisnu dužinu i zalijepite ih u odgovarajuća polja poput onog iznad. Ponovite gornje korake za dodavanje više lokacija na kartu.
Pročitajte također: Kako koristiti elementorov widget za objave
Kada završite s dodavanjem lokacija, otvorite blok Kontrole karte kako biste omogućili/onemogućili naredbe koje želite unijeti na svoju karticu. Ovdje također možete postaviti razinu zumiranja.
Također možete otvoriti blok Tema karte za odabir teme Google karata koju želite koristiti.
Do sada ste uspješno izradili kartu s više lokacija. Možete otvoriti karticu Stil za definiranje visine kao i širine karte.
Ako želite imati kartu pune širine, postavite dio koji sadrži kartu na punu širinu. Da biste to učinili, kliknite na ručku odjeljka.
U kartici i bloku raspored postavite širinu sadržaja na puna širinar i razmak stupa na Bez odstupanja
Kliknite na gumb OBJAVLJENOER na dnu lijeve ploče da objavite svoju stranicu.
Ugradite kartu na stranicu ili post
Ako iz nekog razloga radije ugradite svoju kartu na stranicu/objavu (stranica/objava stvorena sa zadanim WordPressom — Gutenberg) uređivač, možete koristiti WordPress plugin Elementarni blokovi za Gutenberga. Ovaj će dodatak pretvoriti Elementor predložak u Gutenbergov blok.
Da biste spremili kartu koju ste upravo izradili kao predložak Elementor, kliknite ikonu strelice pokraj gumba OBJAVI / AŽURIRAJ i odaberite Spremi kao predložak.
Dajte svom modelu ime i kliknite gumb REGISTRACIJA.
Zatim izradite novu stranicu ili objavu (provjerite jeste li instalirali Elementor dodatak Blokovi za Gutenberg). Dodajte novi blok i odaberite Biblioteka Elementor i odaberite predložak koji ste upravo izradili.
Remarque: Ako prilikom dodavanja kartice vidite poruku "Samo u razvojne svrhe", svakako omogućite Google Cloud naplatu. Nova Googleova pravila zahtijevaju od programera da aktiviraju račun za naplatu (još uvijek možete besplatno koristiti Google Maps API).
Nabavite Elementor Pro sada!!!
Zaključak
Dakle! To je sve za ovaj članak koji vam pokazuje kako izraditi kartu s više lokacija pomoću Elementora. Ako imate bilo kakvih nedoumica o tome kako doći tamo, obavijestite ih u Komentari.
Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...