Google Maps kartes iekļaušana tavā WordPress vietnē var būt noderīga apmeklētājiem, lai ātri atrastu atrašanās vietu. Ar Elementor šis process ir īpaši vienkārši veikts. Šajā norādē es tevi soli pa solim parādīšu, kā tu vari pievienot Google Maps saiti savai vietnei un pielāgot kartes attēlojumu pēc savām vēlmēm.
Galvenās atziņas
- Google Maps ir viegli integrēt Elementor.
- Adrese ir precīzi jāievada, lai tā tiktu pareizi attēlota.
- Tu vari veikt dažādas pielāgošanas iespējas kartē, piemēram, tālummaiņas līmeņus un stila izvēles.
Solis pa solim norādījums
Lai pievienotu Google Maps saiti Elementor, seko šiem vienkāršajiem soļiem:
Solis 1: Pievieno Google Maps elementu
Sāc ar to, ka velc Google Maps elementu uz savu Elementor redaktoru. Atver Elementor saskarni un izpildi vilkšanas un nomešanas principu.
Solis 2: Ievadi atrašanās vietu
Pēc elementa pievienošanas vari ievadīt specifisko adresi, kas ir jāattēlo. Piemēram, “Brandenburger Tor, Berlīne”. Elementor automātiski ielādēs karti šai atrašanās vietai.
Solis 3: Atrašanās vietas pielāgošana
Vai vēlies parādīt citu atrašanās vietu? Vienkārši ievadi jauno adresi. Pārliecinies, ka tu adresi ieraksti precīzi, jo kļūdas var novest pie nepareiziem rezultātiem. Ja tu ieraksti “Mariahilferstraße, Vīnē”, pārliecinies, ka rakstība ir pareiza.
Solis 4: Iestatīt tālummaiņas līmeni
Elementor varat pielāgot kartes tālummaiņas līmeni pēc vēlmes. Zemāka skaitļa (piem., 4) gadījumā tiek rādīta plašāka skats, kamēr augstāka skaitļa (piem., 20) gadījumā tiek parādīta detalizēta skats uz konkrētu punktu. Pārliecinies, ka tu izvēlies tālummaiņas līmeni, kas atbilst tavām vajadzībām.
Solis 5: Kartes augstuma noteikšana
Lai optimizētu vizuālo attēlojumu, tu vari arī pielāgot kartes augstumu. Apsver, vai 200 vai 300 pikseļu ir pietiekami, lai padarītu atrašanās vietu redzamu apmeklētājiem.
Solis 6: Kartes stila pielāgošana
Nākamais solis ietver kartes stila pielāgošanu. Tu vari mainīt iestatījumus, piemēram, spilgtumu, piesātinājumu un kontrastu. Šie pielāgojumi tiek veikti galvenokārt, izmantojot CSS filtrus. Apsver, kādu efektu tu vēlies radīt, kad peles rādītājs pārvietojas pāri kartei.
Solis 7: Pārejas efektu pievienošana
Lai radītu interaktīvu lietotāja pieredzi, tu vari pievienot pārejas efektus. Piemēram, tu vari uzstādīt pārejas ilgumu uz 2 sekundēm un iestatīt CSS filtru, lai karte maigi parādītos atkarībā no tā, kā lietotājs ar to mijiedarbojas.
Solis 8: Saglabāšana un priekšskatīšana
Pēc visu pielāgojumu veikšanas saglabā savas izmaiņas un apskati priekšskatījumu. Pārliecinies, ka viss izskatās tā, kā tu to iedomājies.
Solis 9: Mijiedarbības testēšana ar karti
Frontendā tavu vietni tagad vajadzētu redzēt Google Maps karti. Testē, kā lietotāji var mijiedarboties, zoomējot iekšā un ārā vai noklikšķinot uz saites “Skatīt lielāku karti”, lai atvērtu karti tieši Google Maps.
Kopsavilkums - Google Maps saites pievienošana Elementor
Google Maps integrācija tavu vietni ir vienkārša ar Elementor. Ar rūpīgām pielāgošanām un precīzām adresēm tu atvieglo savas kopienas piekļuvi svarīgām atrašanās vietām. Šīs norādes palīdzēs tev veiksmīgi iekļaut karti un noformēt to pēc savām vēlmēm.
Biežāk uzdotie jautājumi
Kā es varu pievienot Google Maps Elementor?Tu velc Google Maps elementu uz redaktoru un ievadi vēlamo adresi.
Ko darīt, ja mana adrese netiek rādīta?Pārliecinies, ka adrese ir pareizi ievadīta, iekļaujot mīkstinājumus un pareizu rakstību.
Kā es varu pielāgot kartes tālummaiņu?Elementā tu vari iestatīt tālummaiņas līmeni, ievadot skaitļus no 1 līdz 20.
Kā es varu mainīt kartes augstumu?Google Maps elementa iestatījumos tu vari noteikt augstumu pikseļos.
Vai es varu apskatīt karti arī frontendā?Jā, pēc izmaiņu saglabāšanas tu vari apskatīt priekšskatījumu un testēt karti frontendā.
