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

Az Embed Link beillesztése a WordPressbe

1. Jelentkezzen be a WordPress irányítópultjába.
2. Kattintson az Oldalak elemre , 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 el és tegye közzé az oldalt.
   

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

Ha a 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 Hamburgerre , 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. Adja meg webhelye URL-címé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. Kattintson a felül található + gombra, 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 elemre .
   
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 évi 90 dollárba kerül, 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

Hová tegyem a Google Maps API kulcsát a WordPressben?

Beágyazhatja egy WordPress kódblokkba vagy egy plugin segítségével. E beépülő modulok némelyike ​​olyan modulokat kínálhat, amelyekbe beágyazza az API-kulcsot.

Hogyan adhatok hozzá Google térképet a WordPresshez bővítmények nélkül?

A konkrét folyamat a használt beépülő modultól függ. Az API-kulcsok azonban általában a beépülő modul Speciális beállításában található API-mezőbe kerülnek.