Chcete vytvoriť ponuku na celú obrazovku v Elementor ? Ak áno, tento článok vám ukáže, ako na to. Na vytvorenie ponuky na celú obrazovku nie je potrebný žiadny doplnok Elementor. Všetko čo potrebuješ je Elementor Pro.
Profesionálna verziaElementor prichádza s a tvorca vyskakovacích okien čo vám umožňuje vytvárať krásne vyskakovacie okná. Túto funkciu môžete použiť na vytvorenie ponuky na celej obrazovke v Elementore.
Ak nevidíte, o čom dnes chceme hovoriť, pozrite si toto video.
Ako vytvoriť ponuku na celú obrazovku v Elementore?
Skôr ako začnete, uistite sa, že máte upgradoval váš Elementor na profesionálnu verziu. Keď budete pripravení, prejdite na Šablóny -> Kontextové okná. Vytvorte novú šablónu kontextového okna kliknutím na tlačidlo Pridať novú.
Pomenujte svoju šablónu kontextového okna a kliknite na tlačidlo VYTVORIŤ AMODEL.
Elementor ponúka desiatky vyskakovacích šablón, z ktorých si môžete vybrať. V tomto návode vytvoríme model od začiatku. Stačí teda zatvoriť knižnicu šablón a otvoriť editor Elementor.
Skôr ako začnete vytvárať šablónu kontextového okna, najskôr definujte rozloženie. Ak to chcete urobiť, otvorte nastavenia kontextového okna kliknutím na ikonu ozubeného kolieska v ľavom dolnom rohu.
V bloku dispozície, pod záložkou Parametre, nastavte šírku na 100 VW a výška zapnutá Prispôsobiť obrazovke. Môžete tiež nastaviť vstupné a výstupné animačné efekty.
Po definovaní rozloženia začnite vytvárať šablónu pridaním novej sekcie. Do šablóny môžete pridať ľubovoľné prvky. Ak chcete pridať položky ponuky, môžete použiť miniaplikáciu Nav Menu alebo Miniaplikáciu Icon List.
Pozri tiež: Ako nastaviť vlastnú pozíciu pre mobilné menu v Elementore
V tejto príručke budeme používať widget Zoznam ikon.
Upravte každú položku v zozname. Do poľa môžete pridať označenie položky ponuky Texty a pridajte odkaz do poľa Spojenie.
Prejdite na kartu Štýl do zoznamov štýlov. Môžete nastaviť medzeru medzi položkami zoznamu a zarovnanie v bloku zoznamu. Ak chcete nastaviť veľkosť a farbu ikony (ak používate ikony), môžete otvoriť blok ikon. Ak chcete nastaviť typografiu (veľkosť písma, rodinu písma, štýl písma) a farbu textu položiek zoznamu, môžete otvoriť blok Text.
Ak chcete, môžete zmeniť pozadie sekcie. Ak chcete prispôsobiť tlačidlo zatvorenia kontextového okna, znova otvorte nastavenia kontextového okna a prejdite na kartu Štýl. Otvorte blok tlačidlo zavrieť a uvidíte niekoľko možností na prispôsobenie tlačidla zatvorenia, ako je farba pozadia, veľkosť a poloha.
Po dokončení vytvárania šablóny kontextového okna kliknite na ikonu šípky vedľa tlačidla PUBLISH a vyberte položku Podmienky zobrazenia.
Kliknutím na tlačidlo nastavte, kde sa má kontextové okno zobraziť PRIDAŤ PODMIENKU a stlačte tlačidlo NEXT na nastavenie spúšte.
Aktivujte možnosť Kliknite a kliknite na tlačidlo ULOŽIŤ A ZAVRIEŤ.
Volanie vyskakovacej šablóny
Keď je vyskakovacia šablóna pripravená, môžete ju zavolať. Ak chcete vytvoriť ponuku na celú obrazovku, môžete vytvoriť hlavičku pomocou Elementor alebo upraviť existujúcu hlavičku.
Prečítajte si tento príspevok a dozviete sa viac o tom, ako na to vytvorte si vlastnú hlavičku pomocou Elementor.
Šablónu kontextového okna, ktorú ste práve vytvorili, môžete zavolať pomocou ľubovoľného widgetu Elementor, ktorý má možnosť pridať odkaz, napríklad tlačidlo, ikonu, pole ikon, text, obrázok atď.
V tomto návode používame widget Icon Box. Výberom miniaplikácie vstúpite do režimu úprav. Pod záložkou Obsah Na ľavom paneli nájdite pole, do ktorého chcete pridať odkaz.
Nastavte prepojenie ako dynamické a vyberte Popup.
Kliknutím na ikonu kľúča vyberte šablónu kontextového okna, ktorú ste práve vytvorili.
Zverejnite/aktualizujte svoju šablónu hlavičky.
Získajte Elementor Pro teraz!!!
záver
Tu ! To je všetko pre tento článok, ktorý vám ukáže, ako na to vytvorte celoobrazovkové menu v Elementore. Ak máte nejaké obavy, ako sa tam dostať, dajte nám vedieť Komentáre.
Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.
...
