A Google Maps hozzáadása a WordPresshez

Ha létrehozott egy webhelyet a helyi vállalkozása számára, különösen egy hagyományos boltot, akkor a WordPress webhelyén legyen egy Google Térkép szakasz, amely kiemeli annak helyét. A térkép beágyazása webhelyébe a helyi keresőoptimalizálási erőfeszítéseihez is kiváló, mivel a Google előrébb helyezi azt a keresési eredmények között.

Szerencsére a Google Térkép beágyazása az üzlet vagy az iroda helyébe a WordPressben egyszerű. Olvasson tovább a kezdéshez.

A Google Maps hozzáadása a WordPresshez API vagy beépülő modul nélkül

Ez a legegyszerűbb módja annak, hogy hozzáadja a Google Térképet WordPress blogjához vagy webhelyéhez. Ez két nagy lépésből áll: a beágyazási hivatkozás másolása és a hivatkozás beillesztése egy WordPress kódblokkba. Kövesse az alábbi lépéseket.

A Google Térkép beágyazási hivatkozásának beszerzése

1. Nyissa meg a Google Térképet az interneten.
2. Írja be vagy keresse meg a beágyazni kívánt helyet a keresőmezőben.
   
3. Kattintson a Megosztás elemre, navigáljon a Térkép beágyazása elemre, válassza ki a kívánt méretet, majd kattintson a HTML másolása lehetőségre.

Az Embed Link beillesztése a WordPressbe

1. Jelentkezzen be a WordPress irányítópultjába.
2. Kattintson az Oldalak, majd az Új oldal hozzáadása lehetőségre (ha kívánja, használhat új bejegyzést vagy szerkeszthet egy régi oldalt).
   
3. Kattintson a + gombra, majd az Egyéni HTML elemre.
   
4. Illessze be a másolt Google Térkép beágyazási hivatkozást. Ezután mentse és tegye közzé az oldalt.
   

Google Térkép hozzáadása API-val a WordPress rendszeren

Ha WordPress-en ír blogot, beágyazhatja a Google Térképet egy API-val, bár ehhez egy Maps beépülő modult kell használnia. Ebben a példában a WP Go Maps beépülő modult használjuk, de próbálkozhat másokkal is. De először meg kell szereznünk az API-t.

A Google Maps API beszerzése

Használhat ingyenes API-funkciókat a kisvállalkozások számára, de a fejlett API-k havonta körülbelül 7 dollárba kerülnek, és attól függően, hogy hány megjelenítést kapnak, a skálázás mértéke nő. A megszerzett API-val hozzáadhat egy Google-térképet webhelyéhez. A Google Térkép API használatához megfelelően be kell állítania a számlázást a Google Cloud Console szolgáltatásban. A számlázás beállítása után folytassa az alábbi lépésekkel a Google Cloud Console szolgáltatásban.

1. Kattintson a Hamburgerre a bal felső sarokban, majd kattintson az API-k és szolgáltatások elemre.
   
2. Válassza az API-k és szolgáltatások engedélyezése lehetőséget.
3. Kattintson a Hamburger elemre, mutasson az API-k és szolgáltatások elemre, majd kattintson a Library elemre.
   
4. A Térkép alatt kattintson az Összes megtekintése elemre.
5. Kattintson a Maps JavaScript API elemre, majd kattintson az Engedélyezés gombra.
   
6. Térjen vissza az API Library oldalra, és ismételje meg az 5. lépést a Directions API, a Geocoding API, a Geolocation API és a Places API esetében.
7. Kattintson a Hamburgerre, mutasson az API-k és szolgáltatások elemre, majd kattintson a Hitelesítési adatok elemre.
   
8. A képernyő tetején kattintson a Hitelesítő adatok létrehozása lehetőségre, és válassza az API kulcsot.
   
9. Válassza az API kulcs szerkesztése lehetőséget.
   
10. Jelölje be a Webhelyek választógombot, majd kattintson a HOZZÁADÁS gombra.
    
11. Írja be a webhely URL-jét, kattintson a Kész, majd a Mentés gombra.
    
12. Kattintson a Kulcs megjelenítése lehetőségre, és másolja ki az API-kulcsot.
    

A WP Maps beépülő modul letöltése

Ebben a példában a WP Go Maps alkalmazást fogjuk használni. A letöltéshez kövesse az alábbi lépéseket.

1. Nyissa meg a WordPress irányítópultját, kattintson a Bővítmények elemre a menüsorban, majd kattintson az Új beépülő modul hozzáadása elemre az oldal tetején.
   
2. Keresse meg a WP Go Maps alkalmazást, és kattintson a Telepítés most lehetőségre az első beépülő modulnál, majd kattintson az Aktiválás gombra, ha a telepítés befejeződött.
3. Kattintson a Beállítások a Térképekhez elemre a bal oldali panelen, kattintson a Speciális fülre, adja meg az API-kulcsot, és kattintson a Beállítások mentése gombra a jobb alsó sarokban.
   
4. Válassza a Térképek lehetőséget a bal oldali panelen, adja hozzá címét a Cím/GPS mezőhöz, majd kattintson a Jelölő hozzáadása gombra.
   

Térképblokk hozzáadása

Az API csatlakoztatásával a WP Go Maps létrehoz egy kódblokkot, amelyet felhasználhat a webhelyén:

1. Nyissa meg a WordPress irányítópultját, és nyissa meg azt a bejegyzést vagy oldalt, ahol szüksége van a térképre.
2. Válassza a felül található + gombot, keresse meg a Térkép elemet, majd válassza a Térkép lehetőséget.
   
3. Most mentse és tegye közzé az oldalt.
4. Használja a jobb oldalon található további beállításokat a blokk oldali megjelenésének testreszabásához.

Widget hozzáadása

Alternatív megoldásként hozzáadhat egy kis widgetet a térképhez, például a webhely láblécét. Itt van, hogyan:

1. Nyissa meg a WordPress adminisztrációs panelt.
2. Válassza a Megjelenés lehetőséget, majd kattintson a Widgetek elemre.
   
3. Bontsa ki a WP Go Maps elemet, válasszon egy helyet, majd kattintson a Widget hozzáadása gombra.
   
4. Szerkessze a widget méretét és a címke elnevezését a térképen.

Bár a WP Go Mapsnek el kell végeznie a munkát, nem ez az egyetlen bővítmény, amely képes erre.

Böngésszen a WordPress beépülő modulok áruházában, és találhat más bővítményeket, amelyek térképblokkokat ágyaznak be a Google Térképpel. A jobb lehetőségek közül néhány:

• Google Maps Widget
• Google Maps Easy
• Intergeo

Miután letöltötte és engedélyezte a beépülő modult, mindegyiknek rendelkeznie kell egy rövid oktatóanyaggal arról, hogyan kell csatlakoztatni a Google Maps API-kulcsot, hogy a WordPress használni tudja a Google térképét. A többi rajtad múlik.

Használjon térképbe integrált WordPress témát

Amellett, hogy beépülő modulokat használ a webhely térképének létrehozásához, témát is kiválaszthat a lehetőséggel az induláskor.

Azonban nem valószínű, hogy talál ingyenes témát a Google Térkép beágyazásával. Az egyik jobb verzió a Divi, amely nagyjából 90 dollárba kerül évente, ha előfizetést használ. Azonban egyéb funkciói, mint például a mesterséges intelligencia által támogatott webhelykészítés és számos professzionális sablon, kiváló választássá teszik.

Helyezze magát a térképre a WordPress segítségével

Azzal, hogy beágyazza üzletének Google Térképen található helyét a WordPress-webhelyébe, megkönnyíti a potenciális ügyfelek és ügyfelek számára, hogy megtalálják helyi vállalkozását. Játsszon a térképelhelyezéssel, és hozzon létre egy egyszerű kapcsolati oldalt a legjobb eredmények érdekében.

Ezután meg kell tanulnia, hogyan állíthat be alapértelmezett témát a WordPressben.

GYIK