TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

3 måter å legge inn Google Maps på WordPress -nettstedet

6

Hovedmålet med å bygge et bedriftsnettsted er å gjøre potensielle kunder i stand til å lære mer om deg og komme i kontakt med deg enkelt. Hvis du driver WordPress -siden din med en virksomhet fra et fysisk sted, kan visning av Google Maps være en bedre måte å dele adressen din enn bare ren tekst. Videre er Google maps interaktive og fleksible, slik at brukerne kan bytte visningsmodus og lagre et kart for raskere navigering. Denne artikkelen diskuterer måter å bygge inn Google Maps på WordPress -nettstedet uten plugin og bruke plugin.

Relatert: Hvordan legge inn PDF -filer i WordPress?

Metode 1: Bygg inn enkelt enkelt kart i WordPress

Du kan bygge inn et grunnleggende kart over et gitt sted, for eksempel forretningssted, en bestemt by eller et regionalt område ved å bruke innebygningskoden for Google Maps.

Trinn 1: Få koden for innebygd kart fra Google Maps

  • For å gjøre dette, åpne Google Maps -nettstedet og søk etter stedet eller området du vil vise på kartet ditt.
  • Dette vil fokusere kartet på ditt interesseområde og vise forskjellige alternativer like under resultatet på venstre panel. Klikk på koblingen "Del".

3 måter å legge inn Google Maps på WordPress -nettstedet

Søk på kart

  • I den resulterende popup-vinduet, gå til kategorien "Bygg inn kart" og klikk "KOPIER HTML" for å kopiere kartets innebygde kode.

3 måter å legge inn Google Maps på WordPress -nettstedet

Kopier kode

  • Du kan justere innebyggingsstørrelsen ved å klikke på størrelsespilen og velge stor, middels eller liten avhengig av dine preferanser.

Trinn 2: Sette inn Google Maps i WordPress -side/ innlegg

3 måter å legge inn Google Maps på WordPress -nettstedet

HTML -blokk

  • Lim inn den integrerte koden for Google Map i blokkredigeringsprogrammet.

3 måter å legge inn Google Maps på WordPress -nettstedet

Lim inn kode

  • Du kan nå forhåndsvise og publisere innlegget/ siden. Hvis du legger til et kart på en eksisterende side/ et innlegg, klikker du "Oppdater" for å lagre endringene.

3 måter å legge inn Google Maps på WordPress -nettstedet

Grunnleggende forhåndsvisning av kart

Metode 2: Slik legger du inn et tilpasset kart med flere posisjonsmarkører

Trinn 1: Opprette et tilpasset Google -kart

Først burde du ha opprettet et tilpasset kart eller lage et nytt.

  • For å gjøre det, åpner du Google Maps med Mine kart -grensesnittet, velger et kart eller klikker "OPPRETT ET NYTT KART" for å lage et.

3 måter å legge inn Google Maps på WordPress -nettstedet

Lag tilpasset kart

  • Tilpass kartet ved å legge til flere stedsmarkører, endre ikonene, fargene og karttemaet blant andre elementer.

3 måter å legge inn Google Maps på WordPress -nettstedet

Tilpass kart

Lær WordPress: Ta en titt på 400+ gratis WordPress -opplæringsprogrammer.

Trinn 2: Generer kode for innebygd Google Map

  • Etter at du har bygget kartet, må du konfigurere alternativene for deling av kart. Klikk på "Del" -knappen for å få tilgang til innstillingsveiviseren.

3 måter å legge inn Google Maps på WordPress -nettstedet

Del kart

  • Sett alternativet "Hvem har tilgang" til "Offentlig på nettet" og klikk "Ferdig".

3 måter å legge inn Google Maps på WordPress -nettstedet

Delingsinnstillinger

  • For å endre tilgangsinnstillingene, klikk på koblingen "Endre …". Dette åpner en ny popup, sjekk det første alternativet og klikk på lagre -knappen.

3 måter å legge inn Google Maps på WordPress -nettstedet

Deling av lenker

  • Klikk nå på kartmenyikonet (de tre prikkene) ved siden av karttittelen og velg "Bygg inn på nettstedet mitt".

3 måter å legge inn Google Maps på WordPress -nettstedet

Bygg inn på nettstedet

  • Kopier HTML -koden fra Google -kartets innebygde kodeboks.

3 måter å legge inn Google Maps på WordPress -nettstedet

Egendefinert innebygd kode

Trinn 3: Legg til HTML -koden i innlegget eller siden i WordPress

  • For å bygge inn det tilpassede kartet, gjenta prosessen forklart i trinn 2 i metode 1 ovenfor.
  • Forhåndsvis og publiser innlegget eller siden.

3 måter å legge inn Google Maps på WordPress -nettstedet

Forhåndsvisning av innlegg

Metode 3: Slik legger du inn Google Maps med WordPress -plugins

Det finnes en rekke WordPress -plugins for dette, som gir forskjellige funksjoner for dine forskjellige krav.

Trinn 1: Bygg inn Google Maps med WP Google Map Plugins

3 måter å legge inn Google Maps på WordPress -nettstedet

Installer plugin

Trinn 2: Konfigurering av WP Google Map Settings

  • Før du begynner å lage et kart, må du opprette og legge til API -nøkkelen for at programtillegget skal fungere.
  • Gå til "Kart" på sidefeltmenyen og velg "Innstillinger.
  • Kopier og lim inn API -nøkkelen i den angitte plassen, og klikk "lagre".

3 måter å legge inn Google Maps på WordPress -nettstedet

API -nøkkel

  • Rull nedover kartinnstillingene under "Kart" -fanen for å aktivere/ deaktivere forskjellige kartfunksjoner, angi tilgangsnivå og så videre.

3 måter å legge inn Google Maps på WordPress -nettstedet

Kartinnstillinger

  • Du kan også navigere i de andre fanene for å konfigurere innstillinger for de forskjellige kartelementene og funksjonene.
  • Når du har endret noen innstillinger, blar du til bunnen av kategorien og klikker på "Lagre innstillinger".

3 måter å legge inn Google Maps på WordPress -nettstedet

Lagre innstillinger

Relatert: Hvordan installere WordPress lokalt i Mac?

Trinn 3: Opprette et tilpasset kart

  • Under "Kart" på menyen i sidefeltet klikker du på "Kart" for å åpne kartprodusenten.
  • På den første delen av maker -siden kan du tilpasse kartets generelle innstillinger, karttema og andre avanserte innstillinger ved å klikke på riktig fane.
  • For “Generelle innstillinger", rediger karttittelen, størrelsen og justeringen og spesifiser zoomnivået.

3 måter å legge inn Google Maps på WordPress -nettstedet

Kartdetaljer

  • Velg et tema for kartet ditt under kategorien "Tema".

3 måter å legge inn Google Maps på WordPress -nettstedet

Velg Tema

Trinn 4: Legge til markører i tilpassede kart

  • Rull nedover siden til "Markører" -delen, angi plasseringen og klikk "Legg til markør". Du kan bruke musen til å dra og endre kartoppsettet på kartet som vises på høyre side, samt tilpasse markørikonet.
  • Når du er ferdig med innstillingene, klikker du på "Lagre kart" -knappen.
  • Kopier kartets kortkode og bruk den på siden eller innlegget for å vise det tilpassede kartet.

Innpakning

Du kan bruke de manuelle metodene til å bygge inn Google maps på nettstedet ditt, eller velge en av de tilgjengelige WordPress -pluginene for å implementere avanserte og fleksible kartfunksjoner avhengig av dine behov. Imidlertid bør du alltid balansere bruken av kart og nettstedets hastighet, ettersom kart kan redusere nettstedets ytelse.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon