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ä.

Hae Mapsista

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

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

Kirjaudu WP -sivustosi hallinta -alueelle ja avaa tai luo uusi viesti/sivu, johon haluat lisätä kartan.
Lisää lohkoeditori ja valitse " Muokattu HTML " -lohko "Muotoilu" -luokasta.

HTML -lohko

Liitä Google Mapin upotuskoodi lohkoeditoriin.

Liitä koodi

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

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.

Luo mukautettu kartta

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

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.

Jaa kartta

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

Jakaa asetukset

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

Linkin jakaminen

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

Upota sivustoon

Kopioi HTML -koodi Google -kartan upotuskoodi -ruudusta.

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.

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

Etsi laajennus plugins -hakemistosta, asenna ja aktivoi.

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".

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.

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".

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.

Kartan tiedot

Valitse teema kartalle Teema -välilehdestä.

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ä.

: www.webnots.com