Chcete vytvořit mapu s více místy ve WordPressu s Elementor a základní doplňky?
Předpokládejme, že máte firmu, která již má ve městě několik poboček, a chcete vytvořit digitální mapu, která ukazuje umístění těchto poboček. Pokud máte web založený na WordPressu, můžete si takovou mapu bez námahy vytvořit. Existuje skvělý plugin, který můžete použít k vytvoření mapy s více umístěními: Základní doplňky.
Základní doplňky je doplněk Elementor premium, takže musíte také nainstalovat Elementor než jej budete moci použít. K vytvoření karty s modulem Essential Addons můžete použít bezplatnou verzi Elementor.
La bezplatná verze Essential Addons je také k dispozici. Widget pro vytvoření mapy je však dostupný pouze u placené verze. Zde si můžete stáhnout placenou verzi Essential Addons oficiální webové stránky.
K vytvoření mapy na vašem WordPressu pomocí Essential Addons použijeme platformu Google Maps. Než začnete, nezapomeňte nainstalovat doplňky Elementor a Essential Addons.
Integrujte Mapy Google s modulem Essential Addons
Než budete moci přidat mapu Google Maps s Essential Addons, musíte je nejprve integrovat. K integraci Map Google s moduly Essential Addons potřebujete klíč API.
Nejprve navštivte Konzole Google API a přihlaste se pomocí svého účtu Google. Vytvořte nový projekt kliknutím na rozbalovací nabídku v horní části a klikněte na NOVÝ PROJEKT.
Pojmenujte svůj nový projekt a klikněte na tlačítko CREATE .
Po vytvoření nového projektu jej vyberte z rozbalovací nabídky a klikněte na Knihovna na levém panelu.
Google rozděluje Google Maps Platform API do 17 typů. Můžete si je prohlédnout kliknutím na odkaz ZOBRAZIT VŠE v sekci Cartes. V závislosti na tom, čeho chcete dosáhnout, musíte povolit rozhraní API.
Objevte také: Jak vytvořit vlastní šablonu jednoho produktu ve WooCommerce pomocí Elementor
V našem případě musíte povolit následující rozhraní API, abyste mohli přidat mapu z Map Google pomocí Essential Addons.
- Pokyny API
- Geokódovací API
- Mapy JavaScript API
- API sedadla
Pro aktivaci API vyberte API, které chcete aktivovat (kliknutím na něj) a klikněte na tlačítko AKTIVOVAT.
Jakmile dokončíte povolení požadovaných rozhraní API, vraťte se na hlavní panel konzoly Google API a klikněte identifikátory na levém panelu. Klikněte na tlačítko Vytvořte přihlašovací údaje a vyberte Klíč API. Zkopírujte klíč API do vyskakovacího okna, které se objeví.
Přihlaste se do svého ovládacího panelu WordPress a klikněte Základní doplňky na levém panelu. Klikněte na záložku Prvky a přejděte v sekci dolů Pokročilá mapa Google, Klikněte na Nastavení a vložte klíč API, který jste právě zkopírovali.
Klikněte na tlačítko ULOŽIT NASTAVENÍ pro použití nové změny.
Začněte vytvářet mapu
Jakmile jsou Google Maps a Essential Addons integrovány, můžete začít vytvářet mapu. Chcete-li to provést, vytvořte novou stránku (Stránky – > Přidat ) nebo nový článek (Položky – > Přidat) a upravte jej pomocí Elementor.
Před vytvořením stránky nastavte rozložení kliknutím na ikonu ozubeného kola v levém dolním rohu a otevřete panel Nastavení. Nastavte rozvržení z rozbalovací nabídky.
Vytvořte novou sekci kliknutím na tlačítko plus v editačním poli. Chcete-li mít pro mapu širší oblast, můžete vybrat strukturu jednoho sloupce. Přetáhněte widget EA Google Maps z levého panelu do editační oblasti.
Přejděte do levého panelu a nastavte typ karty na vícenásobný marker.
Otevřete sekci Nastavení mapových značek a kliknutím na stávající značku mapy ji upravte. Vložte zeměpisnou šířku a délku prvního místa, které chcete přidat do mapy. Nastavte také název a popis.
Chcete-li získat zeměpisnou šířku a délku místa, otevřete Mapy Google a vyhledejte místo (místo), jehož zeměpisnou šířku a délku chcete získat. Po nalezení klikněte pravým tlačítkem myši a levým tlačítkem myši na číslo, které se zobrazí v kontextové nabídce.
Tato akce vám tedy umožňuje zkopírovat zeměpisnou šířku (první hodnota) a zeměpisnou délku (druhou hodnotu).
Po dokončení přidávání zeměpisné šířky a délky prvního místa klikněte na tlačítko PŘIDEJTE PRVEK pro přidání další polohy do mapy.
Znovu otevřete Mapy Google a najděte nové místo, které chcete přidat do mapy, zkopírujte zeměpisnou délku i délku a vložte je do příslušných polí, jako je to výše. Opakováním výše uvedených kroků přidáte na mapu další místa.
Čtěte také: Jak používat widget Posts Elementor
Po dokončení přidávání umístění otevřete blok Ovládací prvky mapy k povolení/zakázaní příkazů, které chcete na své kartě poskytovat. Zde můžete také nastavit úroveň přiblížení.
Můžete také otevřít blok Téma mapy vyberte motiv Map Google, který chcete použít.
Doposud jste úspěšně vytvořili mapu s více místy. Můžete otevřít kartu Styl k definování výšky i šířky mapy.
Pokud chcete mít mapu v plné šířce, nastavte sekci, která obsahuje mapu, na plnou šířku. Chcete-li to provést, klikněte na úchyt sekce.
Na kartě a bloku Rozložení nastavte šířku obsahu na plná šířkar a mezera sloupce zapnuta Žádná odchylka
Kliknutím na tlačítko ZVEŘEJNĚNOER v dolní části levého panelu publikujte svou stránku.
Vložte mapu na stránku nebo příspěvek
Pokud z nějakého důvodu dáváte přednost vložení mapy na stránku/příspěvek (stránka/příspěvek vytvořený pomocí výchozího editoru WordPress — Gutenberg), můžete použít WordPress Plugin Bloky elementů pro Gutenberga. Tento plugin převede šablonu Elementor na Gutenbergův blok.
Chcete-li uložit mapu, kterou jste právě vytvořili, jako šablonu Elementor, klikněte na ikonu šipky vedle tlačítka PUBLIKOVAT / AKTUALIZOVAT a zvolte Uložit jako šablonu.
Pojmenujte svůj model a klikněte na tlačítko REGISTRÁTOR.
Dále vytvořte novou stránku nebo příspěvek (ujistěte se, že jste nainstalovali Elementor plugin Bloky pro Gutenberga). Přidejte nový blok a vyberte Knihovna Elementor a vyberte šablonu, kterou jste právě vytvořili.
Poznámka: Pokud se při přidávání karty zobrazí zpráva „Pouze pro účely vývoje“, nezapomeňte povolit fakturaci Google Cloud. Nové zásady společnosti Google vyžadují, aby vývojáři aktivovali fakturační účet (rozhraní Google Maps API můžete stále používat zdarma).
Získejte Elementor Pro nyní!!!
Proč investovat do čističky vzduchu?
Tak ! To je vše pro tento článek, který vám ukáže, jak vytvořit mapu s více místy pomocí Elementor. Pokud máte nějaké obavy, jak se tam dostat, dejte jim vědět v commentaires.
Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.
Mezitím sdílejte tento článek na různých sociálních sítích.
...
