Vključitev Google Maps zemljevida na tvoji WordPress spletni strani je lahko koristna za obiskovalce, da hitro najdejo lokacijo. S Elementorjem je ta postopek še posebej enostaven. V tej navodilih ti bom korak za korakom pokazal, kako v svojo spletno stran vključiš povezavo Google Maps in prilagodiš prikaz zemljevida po svojih željah.
Najpomembnejše ugotovitve
- Google Maps se zlahka integrira v Elementor.
- Naslov je potrebno natančno vnesti, da se pravilno prikaže.
- Lahko izvedeš različne prilagoditve na zemljevidu, kot so stopnje približevanja in možnosti oblikovanja.
Navodila korak za korakom
Da vključiš povezavo Google Maps v Elementor, sledite tem enostavnim korakom:
Korak 1: Dodaj element Google Maps
Začni z vlečenjem elementa Google Maps v svoj Elementor urejevalnik. Odpri vmesnik Elementor in zaupaj načelu povleci in spusti.
Korak 2: Vnesi lokacijo
Ko dodaš element, lahko vneseš specifičen naslov, ki naj se prikaže. Na primer „Brandenburška vrata, Berlin“. Elementor bo samodejno naložil zemljevid za to lokacijo.
Korak 3: Prilagoditev lokacije
Želiš prikazati drugo lokacijo? Preprosto vnesi nov naslov. Poskrbi, da naslov pravilno napišeš, saj lahko napake vodijo do napačnih rezultatov. Ko vneseš „Mariahilferstraße, Dunaj“, se prepričaj, da je črkovanje pravilno.
Korak 4: Nastavi stopnjo približevanja
V Elementorju lahko prilagodiš stopnjo približevanja zemljevida. Nižja številka (npr. 4) prikazuje širši pogled, medtem ko višja številka (npr. 20) omogoča podroben pogled na določen točki. Prepričaj se, da izbereš stopnjo približevanja, ki ustreza tvojim potrebam.
Korak 5: Določi višino zemljevida
Za optimizacijo vizualne predstavitve lahko prilagodiš tudi višino zemljevida. Premisli, ali sta 200 ali 300 pixelov dovolj, da bo lokacija vidna obiskovalcem.
Korak 6: Prilagodi stil zemljevida
Nato sledi prilagoditev sloga zemljevida. Lahko urejaš nastavitve, kot so svetlost, nasičenost in kontrast. Te prilagoditve se večinoma izvajajo s CSS filtri. Razmisli, kakšen učinek želiš doseči, ko premikaš kurzor nad zemljevidom.
Korak 7: Dodaj prehodne efekte
Da bi ustvaril interaktivno uporabniško izkušnjo, lahko dodaš prehodne efekte. Na primer, lahko nastaviš trajanje prehoda na 2 sekundi ter nastaviš CSS filter, tako da se zemljevid nežno prikaže, odvisno od interakcij uporabnika.
Korak 8: Shrani in predogled
Ko dokončaš vse prilagoditve, shrani svoje spremembe in si oglej predogled. Prepričaj se, da vse izgleda tako, kot si si zamislil.
Korak 9: Preizkusi interakcijo z zemljevidom
Na prednji strani tvoje spletne strani bi moral zdaj videti zemljevid Google Maps. Preizkusi, kako lahko uporabniki med seboj interagirajo, tako da približujejo in oddaljujejo, ali kliknejo na povezavo „Ogled večjega zemljevida“, da odprejo zemljevid neposredno v Googlu Maps.
Povzetek - Vključitev povezave Google Maps v Elementor
Integracija Google Maps na tvojo spletno stran je z Elementorjem otroška igra. Z natančnimi prilagoditvami in pravilnimi vnosi naslovov zagotoviš, da ima tvoja skupnost enostaven dostop do pomembnih lokacij. Ta navodila ti pomagajo uspešno vključiti zemljevid in ga oblikovati po tvojih željah.
Pogosto zastavljena vprašanja
Kako vključim Google Maps v Elementor?Prevlečeš Google Maps element v urejevalnik in vneseš željeni naslov.
Kaj storim, če moj naslov ni prikazan?Prepričaj se, da je naslov pravilno vnesen, vključno z posebnostmi in pravilnim črkovanjem.
Kako lahko prilagodim približevanje zemljevida?V elementu lahko prilagodiš stopnjo približevanja tako, da vneseš številke med 1 in 20.
Kako spremenim višino zemljevida?V nastavitvah elementa Google Maps lahko nastaviš višino v pixlih.
Ali lahko zemljevid tudi ogledam na prednji strani?Da, po shranjevanju tvojih sprememb lahko vidiš predogled in preizkusiš zemljevid na prednji strani.
