Szeretne teljes képernyős menüt létrehozni? Elementor ? Ha igen, ez a cikk megmutatja, hogyan. A teljes képernyős menü létrehozásához nincs szükség kiegészítőre Elementor. Minden, amire szükséged van Elementor Pro.
A pro verzióElementor jár a felugró ablak építő amely lehetővé teszi gyönyörű felugró ablakok létrehozását. Ezzel a funkcióval teljes képernyős menüt hozhat létre az Elementorban.
Ha nem látja, miről szeretnénk ma beszélni, nézze meg ezt a videót.
Hogyan lehet teljes képernyős menüt létrehozni az Elementorban?
Mielőtt elkezdené, győződjön meg arról, hogy rendelkezik frissítette az Elementor készüléket a pro verzióra. Ha készen áll, lépjen a Sablonok -> Előugró ablakok menüpontra. Hozzon létre egy új felugró sablont az Új hozzáadása gombra kattintva.
Adjon nevet a felugró sablonnak, és kattintson a gombra AMODEL LÉTREHOZÁSA.
Az Elementor több tucat felugró sablon közül választhat. Ebben az oktatóanyagban a modellt a semmiből készítjük el. Tehát csak zárja be a sablonkönyvtárat az Elementor szerkesztő megnyitásához.
Mielőtt elkezdené a felugró sablon létrehozását, először határozza meg az elrendezést. Ehhez nyissa meg a felugró ablak beállításait a bal alsó sarokban található fogaskerék ikonra kattintva.
A blokkban elrendezés, a fül alatt Paraméterek, állítsa be a szélességet 100-es VW és a magasság Képernyőhöz igazítva. Belépés és kilépés animációs effektusokat is beállíthat.
Az elrendezés meghatározása után kezdje el a sablon létrehozását egy új szakasz hozzáadásával. Bármilyen elemet hozzáadhat a sablonhoz. Menüelemek hozzáadásához használhatja a Nav Menu widgetet vagy az Ikonlista widgetet.
Lásd még: Hogyan állíthat be egyéni pozíciót a mobil menühöz az Elementorban
Ebben az útmutatóban az Ikonlista widgetet fogjuk használni.
Szerkessze a lista minden elemét. A mezőbe felveheti a menüpont címkéjét szövegek és adja hozzá a linket a mezőbe Link.
Menjen a lapra Stílus stíluslistákhoz. A listaelemek közötti távolságot és az igazítást a Listablokkban állíthatja be. Az ikon méretének és színének beállításához (ha használ ikonokat), nyissa meg az Ikonblokkot. A listaelemek tipográfiájának (betűméret, betűcsalád, betűstílus) és szövegszín beállításához nyissa meg a Szöveg blokkot.
Ha szeretné, módosíthatja a szakasz hátterét. Az előugró ablak bezárása gomb testreszabásához nyissa meg újra az előugró ablak beállításait, és lépjen a lapra Stílus. Nyissa ki a blokkot bezárás gomb és látni fog néhány lehetőséget a bezárás gomb testreszabására, például a háttér színét, méretét és pozícióját.
Ha elkészült a felugró sablon létrehozásával, kattintson a gomb melletti nyíl ikonra Publier és válassza a lehetőséget Megjelenítési feltételek.
A gombra kattintva állítsa be, hogy hol jelenjen meg a felugró ablak FELTÉTEL HOZZÁADÁSA és kattintson a gombra NEXT a kioldó beállításához.
Aktiválja az opciót Kattintson és kattintson a gombra MENTÉS ÉS ZÁRÁS.
Felbukkanó sablon hívás
Ha elkészült a felugró sablon, akkor hívhatja. Mivel teljes képernyős menüt szeretne létrehozni, létrehozhat fejlécet az Elementor segítségével, vagy módosíthat egy meglévő fejlécet.
Olvassa el ezt a bejegyzést, hogy többet megtudjon arról, hogyan kell hozzon létre egyéni fejlécet az Elementor segítségével.
Az imént létrehozott előugró sablont bármelyik Elementor widgettel meghívhatja, amelyhez lehetőség van hivatkozás hozzáadására, például gomb, ikon, ikondoboz, szöveg, kép stb.
Ebben az oktatóanyagban az Icon Box widgetet használjuk. Válassza ki a widgetet a szerkesztési módba lépéshez. A fül alatt Tartalom A bal oldali panelen keresse meg azt a mezőt, amelybe hozzá szeretné adni a hivatkozást.
Állítsa be a hivatkozást dinamikusnak, és válassza a Felugró lehetőséget.
Válassza ki az imént létrehozott előugró sablont a csavarkulcs ikonra kattintva.
Tegye közzé/frissítse a fejléc sablonját.
Szerezd meg most az Elementor Pro-t!!!
Következtetés
Itt ! Ennyi a cikk, amely megmutatja, hogyan hozzon létre egy teljes képernyős menüt az Elementorban. Ha bármilyen aggálya van az odajutással kapcsolatban, tudassa velünk észrevételek.
Ön is konzultálhat forrásaink, ha további elemekre van szüksége az internetes oldalak létrehozására irányuló projektek végrehajtásához, olvassa el a WordPress blog létrehozása vagy az egyiket Divi: minden idők legjobb WordPress témája.
De időközben ossza meg ezt a cikket a különböző közösségi hálózatokon.
...
