Chcete vytvořit nabídku na celou obrazovku v Elementor ? Pokud ano, tento článek vám ukáže, jak na to. K vytvoření celoobrazovkového menu není potřeba žádný doplněk Elementor. Vše co potřebuješ je Elementor Pro.
Pro verzeElementor přichází s a tvůrce vyskakovacích oken což vám umožní vytvářet krásná vyskakovací okna. Tuto funkci můžete použít k vytvoření nabídky na celé obrazovce v Elementoru.
Pokud nevidíte, o čem dnes chceme mluvit, podívejte se na toto video.
Jak vytvořit celoobrazovkovou nabídku v Elementoru?
Než začnete, ujistěte se, že máte upgradoval váš Elementor na profesionální verzi. Jakmile budete připraveni, přejděte na Šablony -> Vyskakovací okna. Vytvořte novou šablonu vyskakovacího okna kliknutím na tlačítko Přidat nový.
Pojmenujte šablonu vyskakovacího okna a klikněte na tlačítko VYTVOŘIT AMODEL.
Elementor nabízí desítky vyskakovacích šablon, ze kterých si můžete vybrat. V tomto tutoriálu vytvoříme model od začátku. Stačí tedy zavřít knihovnu šablon a otevřít editor Elementor.
Než začnete vytvářet šablonu vyskakovacího okna, definujte nejprve rozvržení. Chcete-li to provést, otevřete nastavení vyskakovacího okna kliknutím na ikonu ozubeného kola v levém dolním rohu.
V bloku Rozložení, pod záložkou Parametry, nastavte šířku na VW 100 a výška zapnuta Přizpůsobit obrazovce. Můžete také nastavit vstupní a výstupní efekty animace.
Po definování rozvržení začněte vytvářet šablonu přidáním nové sekce. Do šablony můžete přidat jakékoli prvky, které chcete. Chcete-li přidat položky nabídky, můžete použít widget Navigační nabídka nebo widget Seznam ikon.
Viz také: Jak nastavit vlastní pozici pro mobilní nabídku v Elementoru
V této příručce budeme používat widget Seznam ikon.
Upravte každou položku v seznamu. Do pole můžete přidat štítek položky nabídky Texty a přidejte odkaz do pole Odkaz.
Přejděte na kartu Styl do seznamů stylů. Můžete nastavit mezeru mezi položkami seznamu a zarovnání v bloku seznamu. Chcete-li nastavit velikost a barvu ikony (pokud používáte ikony), můžete otevřít blok ikon. Chcete-li nastavit typografii (velikost písma, rodinu písem, styl písma) a barvu textu položek seznamu, můžete otevřít blok Text.
Pokud chcete, můžete změnit pozadí sekce. Chcete-li přizpůsobit tlačítko pro zavření vyskakovacího okna, znovu otevřete nastavení vyskakovacího okna a přejděte na kartu Styl. Otevřete blok tlačítko zavřít a uvidíte některé možnosti přizpůsobení tlačítka Zavřít, jako je barva pozadí, velikost a poloha.
Po vytvoření šablony vyskakovacího okna klikněte na ikonu šipky vedle tlačítka VYDAVATEL a zvolte Podmínky zobrazení.
Kliknutím na tlačítko nastavte, kde se má vyskakovací okno zobrazit PŘIDEJTE PODMÍNKU a stiskněte tlačítko NEXT nastavit spoušť.
Aktivujte tuto možnost Klikněte a klikněte na tlačítko ULOŽIT A ZAVŘÍT.
Volání vyskakovací šablony
Jakmile je vyskakovací šablona připravena, můžete ji vyvolat. Protože chcete vytvořit nabídku na celou obrazovku, můžete vytvořit záhlaví pomocí Elementor nebo upravit existující záhlaví.
Přečtěte si tento příspěvek a dozvíte se více o tom, jak na to vytvořit vlastní záhlaví pomocí Elementor.
Šablonu vyskakovacího okna, kterou jste právě vytvořili, můžete vyvolat pomocí libovolného widgetu Elementor, který má možnost přidat odkaz, jako je tlačítko, ikona, pole ikon, text, obrázek atd.
V tomto tutoriálu používáme widget Icon Box. Vyberte widget pro vstup do režimu úprav. Pod záložkou Obsah Na levém panelu najděte pole, do kterého chcete přidat odkaz.
Nastavte odkaz jako dynamický a vyberte Popup.
Vyberte šablonu vyskakovacího okna, kterou jste právě vytvořili, kliknutím na ikonu klíče.
Publikujte/aktualizujte šablonu záhlaví.
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 celoobrazovkovou nabídku v Elementoru. Pokud máte nějaké obavy, jak se tam dostat, dejte nám vědět 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.
...
