Chcete zjistit, jak vytvořit 360stupňovou virtuální prohlídku ve WordPressu pomocíElementor?

Technologie Google Street View vám umožňuje virtuálně se procházet po určité oblasti, aniž byste tam fyzicky byli. Například můžete prakticky vidět prostředí kolem pláže Kuta na Bali, když jste fyzicky ve svém bytě v Londýně.

Na některých místech – jako je Louvre v Paříži – může Google Street View dokonce pokrýt virtuální prohlídku interiéru.

Pokud máte web založený na WordPressu, můžete na svém webu snadno vytvořit 360stupňovou funkci průvodce bez kódování.

Nabídka 360stupňové virtuální prohlídky je skvělý nápad pro podniky, jako je zoologická zahrada, turistická atrakce nebo restaurace, protože umožňuje Návštěvníci abyste virtuálně viděli prostředí kolem vaší polohy.

Viz také: Jak používat widget Posts Elementor

Jak již bylo zmíněno, můžete na svůj web WordPress přidat funkci 360stupňového průvodce bez kódování. Toho lze dosáhnout pomocí následujících pluginů:

Jak vytvořit 360stupňovou virtuální prohlídku ve WordPressu pomocí základních doplňků

Než začnete, ujistěte se, že jste nainstalovali Elementor a základní doplňky. Můžeš Stáhněte si Elementor (můžete použít bezplatnou verzi) na oficiálním úložišti WordPress pluginy. Zatímco pro základní doplňky jej můžete získat Oficiální stránka.

Stáhněte si Essential Addons Pro

Krok 1: Integrace základních doplňků s Google Maps

Úplně první věc, kterou musíte udělat po instalaci Elementor a Essential Addons, je integrace Essential Addons s Google Maps. Můžete je integrovat pomocí klíče Google Maps API.

Chcete-li vytvořit klíč rozhraní Google Map API, nejprve navštivte Konzole Google API a přihlaste se pomocí svého účtu Google. Pokud ještě projekt nemáte, vytvořte nový projekt kliknutím na rozevírací seznam v horní části hlavního panelu konzole Google API a kliknutím na tlačítko NOVÝ PROJEKT v okně, které se objeví.

Pojmenujte svůj nový projekt a klikněte na tlačítko CREATE .

vytvořit 360stupňovou virtuální prohlídku ve WordPressu pomocí Elementor

Po vytvoření nového projektu jej vyberte pomocí rozbalovací nabídky v horní části a klikněte na Knihovna na levém panelu.

vytvořit 360stupňovou virtuální prohlídku ve WordPressu pomocí Elementor

Google Maps API je rozděleno do 17 typů. Můžete kliknout na odkaz UKÁZAT VŠE v sekci Cartes vidět je všechny.

Abyste mohli používat Essential Addons, musíte povolit následující rozhraní API:

  • Pokyny API
  • Geokódovací API
  • Mapy JavaScript API
  • API sedadla

Pro aktivaci API vyberte příslušné API (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í.

vytvořit 360stupňovou virtuální prohlídku ve WordPressu pomocí Elementor

Jakmile získáte klíč API, přihlaste se na svůj řídicí panel WordPress a kliknutím na nabídku přejděte na stránku Essential Addons Settings Základní doplňky na levém postranním panelu.

Přejděte na kartu Prvky a přejděte v sekci dolů Prvky dynamického obsahu, Klikněte na nastavení widgetu Pokročilá mapa Google a vložte svůj klíč Google API. Klikněte na tlačítko ULOŽIT NASTAVENÍ použít změnu.

Krok 2: začněte vytvářet 360stupňovou virtuální prohlídku

Vytvořte novou stránku (Stránky – > Přidat) nebo nový článek (Položky – > Přidat) a upravte jej pomocí Elementor. Než začnete vytvářet stránku, můžete nejprve definovat rozvržení.

Objevte také: Jak přidat související položky v Elementoru

Chcete-li to provést, otevřete panel Nastavení kliknutím na ikonu ozubeného kola v levém dolním rohu. Nastavte rozložení z rozevírací nabídky Rozložení.

Přidejte novou sekci kliknutím na ikonu plus v poli úprav a přidejte do ní mapu Google EA.

vytvořit 360stupňovou virtuální prohlídku ve WordPressu pomocí Elementor

Pod možností Obecná nastavení záložka Obsah , změňte typ mapy na Pohled.

otevřený Mapy Google na nové záložce a najděte, kde chcete vytvořit virtuální prohlídku. Klikněte pravým tlačítkem na umístění špendlíku a klikněte levým tlačítkem na první položku kontextové nabídky, která se objeví. To vám umožní zkopírovat zeměpisnou šířku (první hodnota) a zeměpisnou délku (druhou hodnotu).

Vraťte se na kartu Obsah a vložte zeměpisnou šířku i délku do příslušných polí.

vytvořit 360stupňovou virtuální prohlídku ve WordPressu pomocí Elementor

otevřená možnost Ovládací prvky mapy pro aktivaci/deaktivaci ovládacích prvků karty, které chcete poskytovat. Můžete také nastavit počáteční úroveň přiblížení.

Přejděte na kartu Styl k definování šířky i výšky vaší karty.

vytvořit 360stupňovou virtuální prohlídku ve WordPressu pomocí Elementor

Kliknutím na tlačítko VYDAVATEL publikovat svou mapu.

Poznámka: Pokud se mapa po přetažení widgetu nenačte EA Google Maps v editoru a zobrazí se zpráva „Pouze pro účely vývoje“, nezapomeňte aktivovat 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?

Tady ! To je pro tento článek, který vám ukáže, jak vytvořit 360stupňovou virtuální prohlídku ve WordPressu. 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.

...