TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

3 sätt att bädda in Google Maps på WordPress -webbplatsen

44

Huvudmålet med att bygga en företagswebbplats är att möjliggöra för potentiella kunder att lära sig mer om dig och komma i kontakt med dig enkelt. Om du driver din WordPress -webbplats med ett företag från en fysisk plats kan visning av Google Maps vara ett bättre sätt att dela din adress än bara vanlig text. Dessutom är Google maps interaktiva och flexibla, vilket gör det möjligt för användare att byta visningsläge och spara en karta för snabbare navigering. Den här artikeln diskuterar sätt att bädda in Google Maps på WordPress -webbplatsen utan plugin och använda plugin.

Relaterat: Hur bädda in PDF -filer i WordPress?

Metod 1: Bädda in enkel enkel karta i WordPress

Du kan bädda in en grundläggande karta över en viss plats, t.ex. företagsplats, en viss stad eller ett regionalt område med hjälp av inbäddningskoden för Google Maps.

Steg 1: Hämta inbäddningskoden för kartan från Google Maps

  • För att göra det, öppna Google Maps webbplats och sök efter platsen eller området du vill visa på din karta.
  • Detta fokuserar kartan på ditt intresseområde och visar olika alternativ strax under resultatet på den vänstra panelen. Klicka på länken "Dela".

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Sök på kartor

  • På den resulterande pop-up, flytta till "Bädda kartan” -fliken och klicka på “COPY HTML” för att kopiera kartan inbäddade koden.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Kopiera kod

  • Du kan justera inbäddningsstorleken genom att klicka på storlekspilen och välja stor, mellan eller liten beroende på dina preferenser.

Steg 2: Infoga Google Maps på WordPress -sida/ inlägg

  • Logga in på din WP -webbplats Admin -område och öppna eller skapa ett nytt inlägg/en ​​sida där du vill lägga till kartan.
  • Lägg till en blockredigerare och välj blocket " Anpassad HTML " i kategorin "Formatering".

3 sätt att bädda in Google Maps på WordPress -webbplatsen

HTML Block

  • Klistra in inbäddningskoden för Google Map i blockredigeraren.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Klistra in kod

  • Du kan nu förhandsgranska och publicera inlägget/ sidan. Om du lägger till en karta till en befintlig sida/ ett inlägg, klicka på "Uppdatera" för att spara ändringarna.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Grundläggande kartförhandsvisning

Metod 2: Så här bäddar du in en anpassad karta med flera platsmarkörer

Steg 1: Skapa en anpassad Google -karta

Först borde du ha skapat en anpassad karta eller skapa en ny.

  • För att göra det, öppna Google Maps med Mina kartor -gränssnittet, välj en karta eller klicka på “SKAPA EN NY KARTA” för att skapa en.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Skapa anpassad karta

  • Anpassa kartan genom att lägga till flera platsmarkörer, ändra ikoner, färger och karttema bland andra element.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Anpassa kartan

Lär dig WordPress: Kolla in 400+ kostnadsfria WordPress -självstudier.

Steg 2: Skapa inbäddningskoden för Google Map

  • När du har byggt kartan måste du konfigurera alternativen för kartdelning. Klicka på knappen "Dela" för att komma till inställningsguiden.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Dela karta

  • Ställ in alternativet "Vem har åtkomst" till "Offentlig på webben" och klicka på "Klar".

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Delningsinställningar

  • För att ändra åtkomstinställningarna, klicka på länken "Ändra …". Detta öppnar en ny popup, markera det första alternativet och klicka på knappen Spara.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Delning av länkar

  • Klicka nu på kartmenyikonen (de tre prickarna) bredvid karttiteln och välj "Bädda in på min webbplats".

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Bädda in på webbplatsen

  • Kopiera HTML -koden från rutan för inbäddning av Google map.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Anpassad inbäddningskod

Steg 3: Lägg till HTML -koden till ditt inlägg eller din sida i WordPress

  • För att bädda in den anpassade kartan, upprepa processen som förklaras i steg 2 i metod 1 ovan.
  • Förhandsgranska och publicera inlägget eller sidan.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Förhandsvisning av inlägg

Metod 3: Hur man bädda in Google Maps med WordPress -plugins

Det finns en mängd olika WordPress -plugins för detta, vilket ger olika funktioner för dina olika krav.

Steg 1: Bädda in Google Maps med WP Google Map Plugins

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Installera plugin

Steg 2: Konfigurera WP Google Map Settings

  • Innan du börjar skapa en karta måste du skapa och lägga till API -nyckeln för att plugin ska fungera.
  • Gå till "Kartor" på sidofältets meny och välj "Inställningar.
  • Kopiera och klistra in API -nyckeln i det angivna utrymmet och klicka på "spara".

3 sätt att bädda in Google Maps på WordPress -webbplatsen

API -nyckel

  • Rulla ner kartinställningarna under fliken "Kartor" för att aktivera/ inaktivera olika kartfunktioner, ange åtkomstnivå och så vidare.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Kartinställningar

  • Du kan också navigera på de andra flikarna för att konfigurera inställningar för de olika kartelementen och funktionerna.
  • När du har ändrat inställningarna bläddrar du längst ned på fliken och klickar på "Spara inställningar".

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Spara inställningar

Relaterat: Hur installerar jag WordPress lokalt i Mac?

Steg 3: Skapa en anpassad karta

  • Under "Kartor" på sidofältets meny, klicka på "Kartor" för att öppna kartmakaren.
  • På det första avsnittet på tillverkarsidan kan du anpassa kartans allmänna inställningar, karttema och andra avancerade inställningar genom att klicka på lämplig flik.
  • För “Allmänna inställningar”, redigera karttitel, storlek och inriktning och ange zoomnivå.

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Kartinformation

  • Välj ett tema för din karta under fliken "Tema".

3 sätt att bädda in Google Maps på WordPress -webbplatsen

Välj tema

Steg 4: Lägga till markörer i dina anpassade kartor

  • Rulla ner på sidan till avsnittet "Markörer", ange platsen och klicka på "Lägg till markör". Du kan använda musen för att dra och ändra kartlayouten på kartan som visas på höger sida samt anpassa markörikonen.
  • När du är klar med inställningarna klickar du på knappen "Spara karta".
  • Kopiera kortens kortkod och använd den på din sida eller post för att visa den anpassade kartan.

Avslutar

Du kan använda de manuella metoderna för att bädda in Google -kartor på din webbplats eller välja en av de tillgängliga WordPress -pluginsna för att implementera avancerade och flexibla kartfunktioner beroende på dina behov. Du bör dock alltid balansera användningen av kartor och webbplatshastigheter eftersom kartor kan bromsa webbplatsens prestanda.

Inspelningskälla: www.webnots.com

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer