TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

3 tapaa upottaa Google Maps WordPress -sivustoon

17

Yrityssivuston rakentamisen päätavoite on antaa potentiaalisille asiakkaille mahdollisuus oppia lisää sinusta ja ottaa sinuun helposti yhteyttä. Jos käytät WordPress -sivustoasi yrityksen kanssa fyysiseltä paikalta, Google Mapsin näyttäminen voi olla parempi tapa jakaa osoitteesi kuin pelkkä teksti. Lisäksi Google -kartat ovat vuorovaikutteisia ja joustavia, joten käyttäjät voivat vaihtaa katselutilaa ja tallentaa kartan nopeampaa navigointia varten. Tässä artikkelissa käsitellään tapoja upottaa Google Maps WordPress -sivustoon ilman laajennusta ja laajennuksen käyttöä.

Aiheeseen liittyviä: Kuinka upottaa PDF -tiedostot WordPressiin?

Tapa 1: Upota yksi yksinkertainen kartta WordPressiin

Voit upottaa Google Mapsin upotuskoodilla tietyn sijainnin peruskartan, kuten yrityksen sijainnin, tietyn kaupungin tai alueellisen alueen.

Vaihe 1: Hae kartan upotuskoodi Google Mapsista

  • Avaa Google Maps -verkkosivusto ja etsi sijainti tai alue, jonka haluat näyttää kartalla.
  • Tämä keskittää kartan haluamaasi alueeseen ja näyttää erilaisia ​​vaihtoehtoja vasemman paneelin tuloksen alapuolella. Napsauta "Jaa" -linkkiä.

3 tapaa upottaa Google Maps WordPress -sivustoon

Hae Mapsista

  • Siirry tuloksena olevassa ponnahdusikkunassa Upota kartta -välilehdelle ja kopioi kartan upotuskoodi napsauttamalla KOPIOI HTML .

3 tapaa upottaa Google Maps WordPress -sivustoon

Kopioi koodi

  • Voit säätää upotuskokoa napsauttamalla koon osoittavaa nuolta ja valita haluamasi suuren, keskikokoisen tai pienen.

Vaihe 2: Google Mapsin lisääminen WordPress -sivulle/ viestiin

3 tapaa upottaa Google Maps WordPress -sivustoon

HTML -lohko

  • Liitä Google Mapin upotuskoodi lohkoeditoriin.

3 tapaa upottaa Google Maps WordPress -sivustoon

Liitä koodi

  • Voit nyt esikatsella ja julkaista viestin/ sivun. Jos lisäät kartan olemassa olevaan sivuun/ viestiin, tallenna muutokset napsauttamalla Päivitä.

3 tapaa upottaa Google Maps WordPress -sivustoon

Peruskartan esikatselu

Tapa 2: Kuinka upottaa mukautettu kartta, jossa on useita sijaintimerkkejä

Vaihe 1: Mukautetun Google -kartan luominen

Ensinnäkin sinun olisi pitänyt luoda mukautettu kartta tai luoda uusi.

  • Voit tehdä tämän avaamalla Google Mapsin Omat kartat -käyttöliittymällä, valitsemalla kartan tai luomalla sellaisen napsauttamalla LUO UUSI KARTTA.

3 tapaa upottaa Google Maps WordPress -sivustoon

Luo mukautettu kartta

  • Mukauta karttaa lisäämällä useita sijaintimerkkejä, muokkaa kuvakkeita, värejä ja kartan teemaa muiden elementtien joukossa.

3 tapaa upottaa Google Maps WordPress -sivustoon

Mukauta karttaa

Opi WordPress: Tutustu yli 400 ilmaiseen WordPress -opetusohjelmaan.

Vaihe 2: Luo Google Map Upotuskoodi

  • Kartan luomisen jälkeen sinun on määritettävä kartan jakamisasetukset. Napsauta "Jaa" -painiketta päästäksesi ohjattuun asetustoimintoon.

3 tapaa upottaa Google Maps WordPress -sivustoon

Jaa kartta

  • Valitse Kenellä on käyttöoikeus -asetukseksi Julkinen verkossa ja napsauta Valmis.

3 tapaa upottaa Google Maps WordPress -sivustoon

Jakaa asetukset

  • Jos haluat muuttaa käyttöoikeusasetuksia, napsauta "Muuta …" -linkkiä. Tämä avaa uuden ponnahdusikkunan, tarkista ensimmäinen vaihtoehto ja napsauta Tallenna -painiketta.

3 tapaa upottaa Google Maps WordPress -sivustoon

Linkin jakaminen

  • Napsauta nyt kartan valikon kuvaketta (kolme pistettä) kartan otsikon vieressä ja valitse Upota sivustooni.

3 tapaa upottaa Google Maps WordPress -sivustoon

Upota sivustoon

  • Kopioi HTML -koodi Google -kartan upotuskoodi -ruudusta.

3 tapaa upottaa Google Maps WordPress -sivustoon

Mukautettu upotuskoodi

Vaihe 3: Lisää HTML -koodi viestiisi tai sivullesi WordPressissä

  • Jos haluat upottaa mukautetun kartan, toista yllä kuvatun menetelmän 1 vaiheessa 2 kuvattu prosessi.
  • Esikatsele ja julkaise viesti tai sivu.

3 tapaa upottaa Google Maps WordPress -sivustoon

Viestin esikatselu

Tapa 3: Google Mapsin upottaminen WordPress -laajennuksiin

Tätä varten on olemassa useita WordPress -laajennuksia, jotka tarjoavat erilaisia ​​ominaisuuksia eri tarpeisiisi.

Vaihe 1: Upota Google Maps WP Google Map -laajennuksilla

3 tapaa upottaa Google Maps WordPress -sivustoon

Asenna laajennus

Vaihe 2: WP: n Google -kartan asetusten määrittäminen

  • Ennen kuin aloitat kartan luomisen, sinun on luotava ja lisättävä sovellusliittymän avain laajennuksen toimimiseksi.
  • Siirry sivupalkin valikosta "Kartat" ja valitse "Asetukset".
  • Kopioi ja liitä API -avain sille varattuun tilaan ja napsauta "tallenna".

3 tapaa upottaa Google Maps WordPress -sivustoon

API -avain

  • Selaa kartta -asetuksia "Kartat" -välilehdessä ottaaksesi käyttöön/ poistaaksesi käytöstä erilaisia ​​karttaominaisuuksia, asettaaksesi käyttöoikeustason ja niin edelleen.

3 tapaa upottaa Google Maps WordPress -sivustoon

Maps -asetukset

  • Voit myös navigoida muilla välilehdillä määrittääksesi asetuksia eri karttaelementteille ja -toiminnoille.
  • Kun olet muuttanut asetuksia, vieritä välilehden alareunaan ja napsauta "Tallenna asetukset".

3 tapaa upottaa Google Maps WordPress -sivustoon

Tallenna asetukset

Aiheeseen liittyviä: Kuinka asentaa WordPress paikallisesti Macissa?

Vaihe 3: Mukautetun kartan luominen

  • Napsauta sivupalkkivalikon "Kartat" -kohdassa "Kartat" avataksesi kartanvalmistajan.
  • Valmistajasivun ensimmäisessä osassa voit mukauttaa karttojen yleisiä asetuksia, kartan teemaa ja muita lisäasetuksia napsauttamalla asianmukaista välilehteä.
  • Muokkaa "Yleiset asetukset" -kohdassa kartan nimeä, kokoa ja kohdistusta ja määritä zoomaustaso.

3 tapaa upottaa Google Maps WordPress -sivustoon

Kartan tiedot

  • Valitse teema kartalle Teema -välilehdestä.

3 tapaa upottaa Google Maps WordPress -sivustoon

Valitse Teema

Vaihe 4: Merkintöjen lisääminen mukautettuihin karttoihisi

  • Vieritä sivua alas kohtaan "Merkit", kirjoita sijainti ja napsauta "Lisää merkki". Voit käyttää hiirtä vetääksesi ja muuttaaksesi kartan asettelua oikealla puolella näkyvällä kartalla sekä mukauttaaksesi merkin kuvaketta.
  • Kun olet tehnyt asetukset, napsauta "Tallenna kartta” -painiketta.
  • Kopioi karttojen lyhytkoodi ja käytä sitä sivulla tai julkaisussa mukautetun kartan näyttämiseen.

Käärimistä

Voit upottaa Google -kartat sivustoosi manuaalisten menetelmien avulla tai valita jonkin käytettävissä olevista WordPress -laajennuksista toteuttaaksesi kehittyneitä ja joustavia karttatoimintoja tarpeidesi mukaan. Sinun tulisi kuitenkin aina tasapainottaa karttojen käyttöä ja sivuston nopeutta, koska kartat voivat hidastaa sivuston suorituskykyä.

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja