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.

A Google Maps hozzáadása a WordPresshez

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.

  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.
    A Google Maps hozzáadása a WordPresshez
  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 .
  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).
    A Google Maps hozzáadása a WordPresshez
  3. Kattintson a + gombra, majd az Egyéni HTML elemre .
    A Google Maps hozzáadása a WordPresshez
  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.
    A Google Maps hozzáadása a WordPresshez

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 .
    A Google Maps hozzáadása a WordPresshez
  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 .
    A Google Maps hozzáadása a WordPresshez
  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.
    A Google Maps hozzáadása a WordPresshez
  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 .
    A Google Maps hozzáadása a WordPresshez
  8. A képernyő tetején kattintson a Hitelesítő adatok létrehozása lehetőségre, és válassza az API-kulcsot .
    A Google Maps hozzáadása a WordPresshez
  9. Válassza az API kulcs szerkesztése lehetőséget.
    A Google Maps hozzáadása a WordPresshez
  10. Jelölje be a Webhelyek választógombot, majd kattintson a HOZZÁADÁS gombra .
    A Google Maps hozzáadása a WordPresshez
  11. Adja meg webhelye URL-címét, kattintson a Kész , majd a Mentés gombra .
    A Google Maps hozzáadása a WordPresshez
  12. Kattintson a Kulcs megjelenítése lehetőségre, és másolja ki az API-kulcsot.
    A Google Maps hozzáadása a WordPresshez

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.
    A Google Maps hozzáadása a WordPresshez
  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.
    A Google Maps hozzáadása a WordPresshez
  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.
    A Google Maps hozzáadása a WordPresshez

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 .
    A Google Maps hozzáadása a WordPresshez
  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 .
    A Google Maps hozzáadása a WordPresshez
  3. Bontsa ki a WP Go Maps elemet , válasszon egy helyet, majd kattintson a Widget hozzáadása elemre .
    A Google Maps hozzáadása a WordPresshez
  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.

Hagyj kommentárt

Nespresso Vertuo kávéfőző tisztítása: biztonságos, 4 lépéses rutin

Nespresso Vertuo kávéfőző tisztítása: biztonságos, 4 lépéses rutin

Tisztítsa meg Nespresso Vertuo kávéfőzőjét biztonságosan vízzel öblíthető ciklussal, a kivehető alkatrészek mosásával, modellellenőrzéssel és a vízkőtelenítés szükségességére utaló egyértelmű jelzésekkel.

Hogyan tisztítsunk hajkefét tetvek után: Biztonságos, gyakorlati útmutató

Hogyan tisztítsunk hajkefét tetvek után: Biztonságos, gyakorlati útmutató

Tanulja meg, hogyan kell tisztítani a hajkefét fejtetű után a CDC útmutatásai alapján, beleértve a 55°C-os forró vizes áztatást, azt, hogy mit kell kerülni, és mikor van értelme a cserének.

Az Epson nyomtatófej biztonságos tisztítása: Kezdje a beépített tisztítóeszközökkel

Az Epson nyomtatófej biztonságos tisztítása: Kezdje a beépített tisztítóeszközökkel

Tisztítsa meg biztonságosan az Epson nyomtatófejet fúvókaellenőrzéssel, fejtisztítással és modell által jóváhagyott Power Cleaning funkcióval – a nyomtató kinyitása vagy a fúvókák megérintése nélkül.

Hogyan tisztítsuk a redőnyöket a fürdőkádban: Biztonságos módszerek anyagonként

Hogyan tisztítsuk a redőnyöket a fürdőkádban: Biztonságos módszerek anyagonként

Tudja meg, mikor biztonságos a kádtisztítás a redőnyökhöz, mely anyagoknak kell szárazon maradniuk, és hogyan kell mosni a kompatibilis redőnyöket a felső korlát károsítása nélkül.

Hogyan fertőtlenítsünk biztonságosan egy hajkefét: Gyakorlati útmutató lépésről lépésre

Hogyan fertőtlenítsünk biztonságosan egy hajkefét: Gyakorlati útmutató lépésről lépésre

Tanulja meg, hogyan kell biztonságosan tisztítani és fertőtleníteni a hajkefét, hogyan kell kiválasztani a megfelelő módszert a kefe típusa szerint, és hogyan kell kezelni a fejtetveket vagy a ótvart a kefe károsítása nélkül.

Hogyan szedjük le a dezodort egy fekete ingről anélkül, hogy kifakulna?

Hogyan szedjük le a dezodort egy fekete ingről anélkül, hogy kifakulna?

Távolítsd el a friss fehér dezodorfoltokat és a makacs hónaljlerakódásokat egy fekete ingről anyagbarát lépésekkel, valamint megtudhatod, mit kerülj el, és hogyan előzd meg az új foltok kialakulását.

Hogyan távolítsuk el a rágógumit a ruhákból: egy praktikus, szövetbarát módszer

Hogyan távolítsuk el a rágógumit a ruhákból: egy praktikus, szövetbarát módszer

Tanuld meg, hogyan szedd ki a rágógumit a ruhákból jéggel, gyengéd kaparással, mosószeres előkezeléssel és a címkén feltüntetett mosási útmutatóval, valamint azt is, hogy mikor kell abbahagyni.

Hogyan mossunk plüssállatokat a mosógépben anélkül, hogy tönkretennénk őket

Hogyan mossunk plüssállatokat a mosógépben anélkül, hogy tönkretennénk őket

Ismerd meg, mikor mosható mosógépben egy plüssállat, hogyan védd meg a mosógépben, milyen beállításokat használj, hogyan szárítsd, és hogyan ellenőrizd az eredményt.

Hogyan távolítsuk el a ragasztót a ruhákról anélkül, hogy károsítanánk az anyagot

Hogyan távolítsuk el a ragasztót a ruhákról anélkül, hogy károsítanánk az anyagot

Tanuld meg, hogyan távolíthatod el biztonságosan a ragasztót a ruhákról, beleértve az iskolai ragasztót, a pillanatragasztót, a forró ragasztót és a textilragasztót, egy gyors, textilbarát referenciaútmutató segítségével.

How Do You Clean the Inside of a Purse? A Material-Safe Step-by-Step Guide

How Do You Clean the Inside of a Purse? A Material-Safe Step-by-Step Guide

Learn how to clean the inside of a purse without damaging the lining, with practical steps for fabric, leather, suede, nylon, spills, crumbs, odors, and delicate bags.