Google Maps žemėlapio įtraukimas į jūsų WordPress svetainę gali būti naudingas lankytojams, kad greitai rastų vietą. Su Elementor šis procesas ypač supaprastintas. Šiame vadove parodysiu jums žingsnis po žingsnio, kaip įterpti Google Maps nuorodą į jūsų svetainę ir pritaikyti žemėlapio išvaizdą pagal jūsų pageidavimus.
Pagrindinės įžvalgos
- Google Maps lengvai integruojama į Elementor.
- Adresas turi būti įvestas tiksliai, kad būtų teisingai rodomas.
- Galite atlikti įvairius pritaikymus žemėlapyje, pavyzdžiui, mastelio lygius ir stiliaus parinktis.
Žingsnis po žingsnio vadovas
Norint įterpti Google Maps nuorodą į Elementor, vadovaukitės šiais paprastais žingsniais:
1 žingsnis: Pridėti Google Maps elementą
Pirmiausia nutempkite Google Maps elementą į savo Elementor redaktorių. Tam atidarykite Elementor sąsają ir naudokite drag-and-drop principą.
2 žingsnis: Įvesti vietą
Kai pridėsite elementą, galėsite įvesti konkrečią adresą, kuri turi būti rodoma. Pavyzdžiui, „Brandenburger Tor, Berlynas“. Elementor automatiškai įkels žemėlapį šiai vietai.
3 žingsnis: Vietos pritaikymas
Norite rodyti kitą vietą? Tiesiog įveskite naują adresą. Nepamirškite, kad adresas turi būti tiksliai parašytas, nes klaidos gali sukelti neteisingus rezultatus. Jei įvesite „Mariahilferstraße, Viena“, įsitikinkite, kad rašybos klaidų nėra.
4 žingsnis: Nustatyti mastelio lygį
Elementor galite pritaikyti žemėlapio mastelį. Mažesnis skaičius (pvz., 4) rodo platesnį vaizdą, tuo tarpu didesnis skaičius (pvz., 20) suteikia išsamesnį vaizdą į konkrečią vietą. Įsitikinkite, kad pasirenkate mastelį pagal savo poreikius.
5 žingsnis: Nustatyti žemėlapio aukštį
Norint optimizuoti vizualinį pateikimą, galite taip pat pritaikyti žemėlapio aukštį. Apsvarstykite, ar 200 ar 300 pikselių užtenka, kad vieta būtų matoma lankytojams.
6 žingsnis: Pritaikyti žemėlapio stilių
Šis žingsnis apima žemėlapio stiliaus pritaikymą. Galite redaguoti tokius nustatymus kaip ryškumas, sodrumas ir kontrastas. Šie pritaikymai daugiausia realizuojami naudojant CSS filtrus. Apsvarstykite, kokį efektą norite sukurti, kai kursorius juda per žemėlapį.
7 žingsnis: Pridėti perėjimo efektus
Norint sukurti interaktyvią naudotojo patirtį, galite pridėti perėjimo efektus. Pavyzdžiui, galite nustatyti perėjimo trukmę iki 2 sekundžių ir nustatyti CSS filtrą taip, kad žemėlapis švelniai pasirodytų priklausomai nuo to, kaip naudotojas su juo sąveikauja.
8 žingsnis: Išsaugoti ir peržiūrėti
Po visų pritaikymų išsaugokite savo pakeitimus ir peržiūrėkite. Įsitikinkite, kad viskas atitinka jūsų lūkesčius.
9 žingsnis: Išbandyti sąveiką su žemėlapiu
Savo svetainės frontende dabar turėtumėte matyti Google Maps žemėlapį. Išbandykite, kaip naudotojai gali sąveikauti, priartindami ir nutolindami ar spausdami nuorodą „Peržiūrėti didesnį žemėlapį“, kad atidarytumėte žemėlapį tiesiai Google Maps.
Santrauka - Įterpti Google Maps nuorodą į Elementor
Google Maps integracija į jūsų svetainę su Elementor yra vaikų žaidimas. Atidžiai pritaikydami ir tiksliai įvedę adresus, palengvinsite savo bendruomenei prieigą prie svarbių vietų. Šis vadovas padės jums sėkmingai įterpti žemėlapį ir pritaikyti jį pagal savo lūkesčius.
Dažnai užduodami klausimai
Kaip įterpti Google Maps į Elementor?Nutempkite Google Maps elementą į redaktorių ir įveskite pageidaujamą adresą.
Kaip elgtis, jei mano adresas nerodomas?Įsitikinkite, kad adresas įvestas teisingai, įskaitant rašybos ir ženklavimo tikslumą.
Kaip galiu pritaikyti žemėlapio mastelį?Žemėlapyje galite nustatyti mastelio lygį, įvedę skaičius nuo 1 iki 20.
Kaip pakeisti žemėlapio aukštį?Google Maps elemento nustatymuose galite nustatyti aukštį pikseliais.
Ar galiu žemėlapį peržiūrėti frontende?Taip, po pakeitimų išsaugojimo galite peržiūrėti ir išbandyti žemėlapį frontende.
