MagyarmagyarJetElements For Elementor
Elementor-widgetek tartalmi blokkokhoz: diavetítés, galéria, ártáblázat, diagramok, idővonal, térkép, időjárás, űrlapok és szakaszparallaxis.
A JetElements For Elementor sok kész Elementor-widgetet ad az oldalaidhoz: képbemutatókat, vizuális effekteket, üzleti blokkokat (szolgáltatások, ártáblázat, vélemények), számadatok megjelenítését, gombokat, WooCommerce-listákat és külső szolgáltatásokhoz kapcsolódó elemeket (térkép, időjárás, hírlevél-feliratkozás, videó). Emellett egy szakaszparallaxis-kiterjesztést is tartalmaz.
Követelmények
Szekció neve “Követelmények”- WordPress és az Elementor bővítmény (az ingyenes változat is elég).
- A WooCommerce-widgetek csak aktív WooCommerce mellett jelennek meg, a Contact Form 7 widget pedig aktív Contact Form 7 mellett.
Telepítés és első lépések
Szekció neve “Telepítés és első lépések”- Telepítsd és aktiváld az Elementort, majd a JetElements bővítményt.
- Nyisd meg a Crocoblock → JetPlugins Settings oldalt, és a bal oldali listában a JetElements csoportot. Itt kapcsolhatod be és ki a widgeteket és a kiterjesztést (lásd a Beállítások fejezetet).
- Nyisd meg az oldalt az Elementorral, és az elemek panelén a JetElements csoportban keresd meg a widgetet (a keresőmezővel is megtalálhatod).
- Húzd a widgetet a kívánt helyre, majd állítsd be a Tartalom, a Stílus és a Haladó fülön.
- Kattints a Frissítés (vagy Közzététel) gombra, és nézd meg az oldalt.
Ezt a három widgetet tartalmazza a példaoldal: egy Címsort, egy Folyamatjelző sávot és egy Gombot.
- BeállításokA JetElements beállítóoldala: általános beállítások, integrációk, widgetek és kiterjesztések kapcsolói.
- WidgetekA JetElements widgetjei csoportosítva, és hogy mire használhatók.
- Widgetek testreszabásaA JetElements widgetek Tartalom, Stílus és Haladó füle, és mit érdemes ezeken beállítani.
- Parallaxis hatásSzakaszparallaxis: háttérrétegek különböző sebességgel és irányban mozognak görgetéskor vagy egérmozgásra.
Első lépések és beállítások
- A szerkesztő betöltési szintjeHogyan gyorsítható az Elementor szerkesztője a widgetek Stílus fülén elérhető beállítások számának csökkentésével.
- Widgettartalom fordítása WPML-lelA JetElements widgetekkel felvitt tartalom lefordítása a WPML bővítménnyel, a fordítás ellenőrzése és a szövegtöredékek kezelése.
- Dinamikus értékek a widgetekbenJetEngine ismétlőmezők tartalmának megjelenítése a JetElements widgetekben a Dynamic Data kiegészítővel.
Tartalmi widgetek
- Gombok, címsorok és bannerekA Gomb, a Letöltési gomb, a Címsor, az Animált szöveg és a Banner widget tartalmi és egyéb beállításai.
- Animált doboz, szolgáltatások és csapattagokAz Animált doboz, a Szolgáltatások és a Csapattag widget beállításai: előoldal, hátoldal, fejléc és takarás.
- Vélemények, logók, árlista, táblázat és dropbarA Vélemények, a Logóbemutató, az Árlista, a Táblázat és a Dropbar widget beállításai.
- ÁrtáblázatAz Ártáblázat widget beállításai, a sorrend módosítása és a fejléc színátmenetes háttere.
- Görgetéses navigáció és függőleges görgetősávA Görgetéses navigáció widget beállításai, valamint függőleges görgetősáv hozzáadása egy oszlophoz.
- Egyedi eszköztippek táblázatban, fülekben és harmonikábanEszköztipp (felugró súgó) hozzáadása a Táblázat, a Fülek és a Klasszikus harmonika widget szövegeihez és az űrlapmezők címkéihez.
Kép, videó és hang
- Inline SVG widgetSVG-fájl megjelenítése az oldalon az Inline SVG widgettel: feltöltés, hivatkozás és a stílusbeállítások.
- Képek összehasonlítása (előtte/utána)Előtte és utána képpárok bemutatása a Képek összehasonlítása widgettel: tételek, elválasztó, léptetés és navigáció.
- Képek elrendezése (rács, masonry, igazított)Képgaléria készítése a Képek elrendezése widgettel: tételek, elrendezéstípusok, oszlopok és a lightbox.
- Haladó carouselKépekből vagy JetEngine-lekérdezés találataiból körhinta a Haladó carousel widgettel: tételek, beállítások, lejátszás és navigáció.
- Diavetítés (Slider)Képes diavetítés készítése a Diavetítés widgettel: diák, gombok, navigáció, lejátszás, bélyegképek és dinamikus adatok.
- AudiolejátszóHang hozzáadása az oldalhoz az Audiolejátszó widgettel: forrás, lejátszási és vezérlőbeállítások, stílus.
- VideolejátszóYouTube-, Vimeo- és saját tárhelyű videó beágyazása a Videolejátszó widgettel: videóbeállítások, bélyegképfedvény és lejátszógomb.
- Lottie Files widgetLottie-animáció beillesztése az oldalra: bekapcsolás, forrás, megjelenítés és lejátszási módok.
- Portfólió widgetKategóriákkal szűrhető munkabemutató a Portfólió widgettel: tételek, elrendezés, előbeállítások és a További gomb.
Bejegyzések (Posts) widget
- Bejegyzésrács és bejegyzés-körhintaBejegyzések rácsban vagy körhintában a Bejegyzések widgettel: hozzáadás, tartalmi beállítások, körhinta bekapcsolása.
- A Bejegyzések widget beállításaiA Bejegyzések widget Általános, Körhinta, Egyéni mezők, Stílus és Haladó beállításai mezőnként.
- Egyéni lekérdezés a Bejegyzések widgetbenA bejegyzések sorrendjének és szűrésének megadása egyéni lekérdezéssel, például növekvő dátumsorrend vagy névsor.
- Egyéni mezők a Bejegyzések widgetbenEgyéni meta mezők (például JetEngine-nel készítettek) megjelenítése a bejegyzésrács címe vagy tartalma előtt és után.
- Dinamikus widgetek a JetEngine Query BuilderrelA Fülek, Diavetítés, Vélemények és Függőleges idővonal widgetek bejegyzésekkel és kifejezésekkel való feltöltése a JetEngine lekérdezéseivel.
Diagramok, számlálók és idővonalak
- Kördiagram és fánkdiagramStatisztikai adatok megjelenítése a Kördiagram widgettel, és a fánkdiagram beállítása a kivágás százalékával.
- OszlopdiagramFelmérések és összehasonlítások megjelenítése függőleges oszlopokkal vagy vízszintes sávokkal: adatcsoportok, skála, tételek és beállítások.
- VonaldiagramIdősoros és összehasonlító adatok megjelenítése a Vonaldiagram widgettel: bekapcsolás, adatsorok, tengelyek és beállítások.
- Folyamatjelző sáv és kör alakú folyamatjelzőFolyamat állapotának, haladásnak vagy összehasonlításnak a megjelenítése sávval és kördiagrammal: típusok, értékek, stílus.
- VisszaszámlálóVisszaszámláló készítése: esedékesség dátuma, folyamatos és végtelen időzítő, lejárat utáni műveletek, elemméret.
- Vízszintes és függőleges idővonalProjektek, események és ütemtervek bemutatása a Vízszintes idővonal és a Függőleges idővonal widgettel: kártyák, pontok, elrendezés.
WooCommerce widgetek
Integrációk és külső szolgáltatások
- MailChimp-feliratkozási űrlapA MailChimp API-kulcs és a lista azonosítójának beszerzése, és a Subscribe Form widget beállítása az Elementorban.
- Contact Form 7 widgetKapcsolatfelvételi űrlap készítése a Contact Form 7 bővítménnyel, és megjelenítése az Elementor Contact Form 7 widgetjével.
- Instagram widget és hozzáférési tokenAz Instagram-hozzáférési token létrehozása a Meta fejlesztői felületén, és az Instagram widget beállításai: saját és hashtagos fényképek, elrendezés.
- Haladó térkép és Google Maps API-kulcsA Google Maps API-kulcs létrehozása, a térképszolgáltatók beállítása, és a Haladó térkép widget használata.
- Időjárás widgetA Weatherbit.io és az OpenWeatherMap API-kulcs beszerzése, és az Időjárás widget beállításai: hely, mértékegység, aktuális időjárás, előrejelzés.
- Borlabs Cookie és a Haladó térképA Borlabs Cookie bővítmény és a JetElements kompatibilitási csomag beállítása, hogy a térkép csak a látogató hozzájárulása után töltődjön be.
Készült: