Dynamic Content for Elementor
Az Elementor dinamikus tartalmakkal, lekérdezésekkel, widgetekkel és kiterjesztésekkel bővítő kiegészítő magyar dokumentációja.
A Dynamic Content for Elementor az Elementor kiegészítője. Widgeteket, kiterjesztéseket, dinamikus címkéket és oldalbeállításokat ad hozzá, amelyekkel az oldal tartalmát az adatbázisból, egyedi mezőkből vagy más forrásból jelenítheted meg. A bővítmény funkcióit a bal oldali menü Dynamic Content for Elementor → Funkciók oldalán kapcsolhatod be és ki.
Telepítés, frissítés és teljesítmény
- TelepítésA bővítmény telepítése a WordPress adminfelületéről vagy FTP-n, és a „lejárt link” hiba megoldása.
- RendszerkövetelményekMilyen WordPress-, PHP-, MySQL- és Elementor-verzió kell a bővítményhez, és mi az ajánlott környezet.
- Kézi frissítés, béta és visszaállításA bővítmény kézi frissítése, a béta kiadások bekapcsolása és visszatérés egy korábbi verzióra.
- Funkciók kezelése és rendszergazdai korlátozásokA bővítmény funkcióinak be- és kikapcsolása, és melyek érhetők el csak rendszergazdának.
- Teljesítmény és betöltési időHogyan hat a bővítmény az oldal sebességére, és mivel gyorsíthatod.
- Hibakeresés és az Elementor panel betöltési gondjaiHibakeresési mód, rendszerinformációk, karbantartási mód és teendők, ha az Elementor widgetpanelje nem tölt be.
- WP-CLI parancsokA bővítmény licencének kezelése és a verzió lekérdezése parancssorból.
Dynamic Visibility (láthatóság)
- Dynamic Visibility: első lépésekMit tud a Dynamic Visibility, hol találod a szerkesztőben, és hogyan működnek az alapbeállításai, az eseményindítók és a tartalékérték.
- Láthatóság: bejegyzés és oldalA Bejegyzés és oldal eseményindító beállításai: bejegyzéstípus, osztályozás, bejegyzésmező, formátum és a navigációs fa feltételei.
- Láthatóság: felhasználó, szerepkör, eszköz és böngészőA Felhasználó és szerepkör, valamint az Eszköz és böngésző eseményindítók: szerepkörök, felhasználók, jogosultság, IP, hivatkozó, eszköztípus és böngésző.
- Láthatóság: dinamikus címkeA Dinamikus címke eseményindító: egy dinamikus címke értékének vizsgálata a megadott feltétel szerint.
- Láthatóság: dátum és időA Dátum és idő eseményindító: kezdő és záró dátum, időszak, a hét napjai és napszak szerinti megjelenítés.
- Láthatóság: geocélzás és véletlen megjelenítésA Geocélzás és a Véletlen eseményindító: földrajzi hely szerinti megjelenítés a GeoIP Detection bővítménnyel, valamint valószínűség szerinti, véletlenszerű megjelenítés.
- Láthatóság: kontextusA Kontextus eseményindító: URL-paraméter, megjelenítési korlátok, feltételes címkék a webhelyre, és többnyelvűség-támogatás.
- Láthatóság: JS-eseményekA JS-események eseményindító: elemek megjelenítése vagy elrejtése kattintásra, egérmozgásra vagy az oldal betöltésekor.
- Láthatóság: egyéni feltételAz Egyéni feltétel eseményindító: összetett láthatósági szabályok egyéni PHP-kóddal, gyakorlati példákkal.
- Láthatóság: archívumAz Archívum eseményindító: archívumtípus és a taxonómiai kifejezés helye a fában (szülő, gyökér, levél, csomópont, testvérek, bejegyzések).
- Láthatóság: WooCommerceA WooCommerce eseményindító: a kosár állapota, a termék típusa, egy adott termék vagy termékkategória a kosárban.
- Láthatóság: kedvencekA Kedvencek eseményindító: egy elem megjelenítése attól függően, hogy egy oldal vagy bejegyzés a látogató kedvencei között van-e.
- Láthatóság: oldal, felugró ablak és az ingyenes változatA láthatóság használata a teljes oldalon és az Elementor felugró ablakain, valamint mi történik az ingyenes változatról való váltáskor.
Dinamikus címkék
- Dinamikus címkék: Sablon és PHPA Sablon és a PHP dinamikus címke használata: sablonminta beillesztése szövegmezőbe, PHP-kód értékének kiírása.
- Dinamikus címkék: KriptovalutaA Kriptovaluta dinamikus címke: árfolyam, változás és piaci kapitalizáció kiírása, a CoinMarketCap API beállítása.
- Dinamikus címkék: Kedvencek és Woo WishlistA Kedvencek és a Woo Wishlist dinamikus címke: a felhasználó kedvenc tartalmainak és kívánságlistás termékeinek listázása.
- Dinamikus címkék: bejegyzés-, termék- és kifejezéslistákA Bejegyzések, Kiemelt bejegyzések, Aktuális felhasználó bejegyzései, Termékek, Kifejezések, valamint az ACF és Meta Box kapcsolati címkék beállításai.
- Dinamikus címkék: címkék, termékkategóriák, térkép- és felhasználói mezőkA Címkék, Woo termékkategóriák, Felhasználói mező és Szerző mező címkék beállításai, valamint a térképes címkék rövid leírása.
Dynamic Posts és lekérdezések
- Dynamic Posts widgetBejegyzéslisták készítése a Dinamikus bejegyzések widgettel: kinézetek, tételek, lapozás, lekérdezési források és szűrők.
- Dynamic Posts (régi verzió)A kivezetett Dinamikus bejegyzések (régi verzió) widget: lekérdezések, szűrők, elrendezés, renderelési módok és rámutatási effektusok.
- Dynamic Users widgetFelhasználói (szerzői) archívum készítése a Dinamikus felhasználók widgettel: szűrők, tételek, sablon és rácsos megjelenítés.
- Haladó szűrés a Search & Filter Pro-valA Search & Filter Pro keresőűrlapjainak beágyazása Elementor oldalba, és használatuk a Dynamic Posts és a Dynamic Google Maps widgettel.
- Nézetek (Views) widgetA Nézetek widget: bejegyzések, felhasználók vagy kifejezések listázása szűrőkkel, csoportosítással, rendezéssel, lapozással és helyettesítő tartalommal.
- Dynamic Posts kinézetek: körhinta, 3D, szűrős rács és idővonalA Dinamikus bejegyzések widget haladó kinézetei: Körhinta, Kettős carousel, 3D, Rácsból teljes képernyőre (3D), Rács szűrőkkel, Idővonal és a görgetéskori megjelenés.
- Dynamic Posts tételek, stílusok és rámutatási effektusokA Dinamikus bejegyzések widget tételeinek kiválasztása, az elemek stílusai és az Elementor-sablon, valamint a rámutatáskori hatások.
- Dynamic Posts lekérdezési források: kapcsolatok, szülő és keresésA Dinamikus bejegyzések widget lekérdezéstípusai: ACF és Pods kapcsolat, szülő bejegyzésből, keresési eredmények.
- Dynamic Posts lekérdezési szűrők: dátum, kifejezések, szerző, meta kulcsA Lekérdezési szűrő szakasz beállításai a Dinamikus bejegyzések widgetben: dátum, kifejezések és osztályozások, szerző, meta kulcs.
- Aktuális felhasználó bejegyzései, Keresési eredmények és Kiemelt bejegyzésekHárom kész bejegyzéslista-widget, amely a Dynamic Posts szolgáltatásait használja: Aktuális felhasználó bejegyzései, Keresési eredmények, Kiemelt bejegyzések.
- Dynamic Posts lekérdezések: konkrét bejegyzések, ID-lista, kiemeltek és egyéni kódA Dinamikus bejegyzések widget kézzel megadható lekérdezéstípusai: Meghatározott bejegyzésekből, ID-lista, Kiemelt bejegyzések és Egyedi lekérdezés kódja.
- Dynamic Posts kinézetek: harmonika, lista és táblázatA Dinamikus bejegyzések widget Harmonika, Lista és Táblázat kinézetének beállításai.
- Meta Box Relationship és Dinamikus archívumok widgetKét, a Dynamic Posts szolgáltatásaira épülő widget: a Meta Box kapcsolatmező bejegyzéseit listázó Meta Box Relationship és az aktuális archívum tartalmát mutató Dinamikus archívumok.
Egyedi mezők (ACF, Pods, Toolset)
- ACF-galéria widgetACF galériamezők megjelenítése Elementor-oldalon: kinézetek (rács, masonry, sorkizárt, gyémánt, hatszög, sor, egyetlen kép), képméret és lightbox.
- ACF mezők és felhasználói mezők widgetAz ACF mezők widget egyedi mezők megjelenítésére, és a régi Felhasználói mezők widget funkciói.
- ACF Repeater widgetACF Repeater mezők megjelenítése: megjelenítési módok, kinézetek, külső forrás, egymásba ágyazott repeaterek és a régi változat.
- ACF Relationship widget és hibaelhárításAz ACF Relationship új és régi változata: lekérdezés, kinézetek, fordított irány, megjelenítési módok, és mit tegyél, ha a widget nem találja a bejegyzéseidet.
- ACF Slider widgetAz ACF-galériamező képeinek megjelenítése diavetítésként: mód, térköz, diavetítés-beállítások, navigáció, lapozás, automatikus lejátszás és lightbox.
- ACF Flexible Content és ACF Frontend Form widgetACF rugalmas tartalommezők megjelenítése elrendezésenként, és ACF-mezőkön alapuló űrlap a weboldal látogatói felületén.
- Pods és Toolset widgetekPods és Toolset egyedi mezők és kapcsolatok megjelenítése: mezőtípusok, megjelenítési módok és beállítások.
WooCommerce
- WooCommerce: Dinamikus termékek és Dinamikus akciós termékekA Dinamikus termékek és a Dinamikus akciós termékek widget: WooCommerce-termékek listázása a Dinamikus bejegyzések funkcióival, lekérdezési beállítások és a raktáron kívüli termékek kizárása.
- WooCommerce: Felülértékesítési és Keresztértékesítési termékekA Felülértékesítési termékek és a Keresztértékesítési termékek widget: a WooCommerce-ben megadott kapcsolt termékek megjelenítése az egyedi termékoldal-sablonban.
- WooCommerce: Kosár termékei és TermékváltozatokA Kosár termékei widget (a kosárba tett termékek listája) és a Termékváltozatok widget (a változatos termék változatainak megjelenítése az egyedi termékoldalon).
- WooCommerce: Hozzáadás a Woo Wishlist-hez és Woo WishlistA kívánságlista két widgetje: a gomb, amellyel a látogató a listájára teszi a terméket, és a lista, amely a kiválasztott termékeket megjeleníti.
Térképek
- Google Maps API-kulcs beállításaHogyan add meg a Google Maps JavaScript API-kulcsot, milyen API-k kellenek, és hogyan használja ugyanazt a kulcsot az ACF is.
- Dinamikus Google Maps widgetA Dinamikus Google Maps widget adattípusai, többhelyes lekérdezése, térképtípusa, jelölői, információs ablaka és vezérlői.
- Dinamikus Google Maps útvonaltervezés widgetÚtvonal megjelenítése két pont között: adattípus, utazási mód, térkép neve, helymeghatározás, jelölők és vezérlők.
- OpenStreetMap és Dinamikus OpenStreetMap widgetTérkép megjelenítése API-kulcs nélkül az OpenStreetMap adataival: az egyszerű és a több jelölős, köröket is tudó widget beállításai.
Modális ablakok
Animációk, SVG és vizuális effektek
- Panoráma és 360°-os diavetítés widgetGömbpanoráma megjelenítése, és 360 fokos körbeforgatható termékkép képsorozatból.
- Animált szöveg widgetSzövegek karakterenkénti, szavankénti vagy soronkénti animálása be- és kilépő effektekkel.
- Parallax és Billentés widgetEgérrel vagy eszközdöntéssel mozgó, mélységet adó képrétegek, és sablonra alkalmazható rámutatásos billentő hatás.
- Előtte-utána widgetKét kép összehasonlítása egy húzható csúszkavonallal.
- Kurzorkövető widgetAz egérkurzort követő elem beállítása: méret, színek, rámutatási átmenet, görgetésjelző és eszközök.
- SVG-alakváltás widgetAnimáció SVG-útvonallal megadott alakzatok között: indítás, viewbox, időzítés és az egyes útvonalak beállításai.
- Animált off-canvas menü widgetTeljes képernyős, animáltan becsúszó menü: menü és mélység, időzítések, menüikon, oldalsó háttér és bezáró gomb.
- Speciális maszkolás és haladó videóKép, képdoboz és videó maszkolása PNG, SVG vagy clip-path alakzattal, és a Videó widget egyéni lejátszóvezérlői.
- SVG alapok: viewbox és útvonal-számokMi az SVG viewbox, hogyan állítod be az SVG-widgetekben, és hogyan épül fel az útvonal (path) számsora.
- SVG-szűrőeffektusok, SVG-képmaszk és SVG torzításKépek átalakítása SVG-vel: szűrők, maszkok, torzítás, és a Forrás szakasz, amellyel a hatás más elemekre is rákerül.
- SVG Blob és SVG-szövegútvonalAnimált, hullámzó folt néhány paraméterből, és szöveg elhelyezése hullám, kör vagy egyéni útvonalon.
- Háttér-Canvas és képtorzítás rámutatáskorWebGL-alapú effektek: shaderek a képen és torzító átmenet, amikor a kurzor a kép fölé ér.
- Ikonformátum widgetAz aktuális bejegyzés formátumának ikonját jeleníti meg egy körben.
- Sima átmenetAnimált átmenet az oldalak között az egész webhelyen: burkolóelem, animációk, átfedés és betöltésjelző.
- Widget-kiterjesztések: Animációk, Rellax, Transzformációk és EszköztippNégy kiterjesztés, amely bármelyik Elementor-widgetre ráteszi a CSS-animációt, a görgetésre mozgó parallax hatást, a 3D-s átalakítást és az eszköztippet.
Oldalgörgetés és fejléckövetés
- Oldalgörgetés: effektek, szakaszonkénti és tehetetlenségi görgetésAz oldal szakaszait görgetési lépésekké alakító Oldalgörgetés beállításai: görgetési effektek, szakaszonkénti (snap) görgetés navigációval és tehetetlenségi görgetés.
- Témák HTML-szerkezete és burkolóelem létrehozásaHogyan épül fel a témák HTML-oldala, mi a burkolóelem, és hogyan hozhatsz létre burkolót a Hello témában functions.php-val vagy a header.php és footer.php módosításával.
- Görgetést követő fejléc (Tracker Header)A fejléc rögzítése görgetés közben, elrejtése lefelé görgetve és visszahozása felfelé húzásra, a beállítások és a CSS-osztályok.
PDF és dokumentumok
- PDF-gomb widgetGomb, amely az aktuális oldalból vagy egy kijelölt részből PDF-et készít: átalakítók, beállítások és a JS-átalakító eseményei.
- Dokumentummegjelenítő és PDF-megjelenítőFájlok beágyazása az oldalba: a Dokumentummegjelenítő widget bármilyen elterjedt formátumot, a PDF-megjelenítő saját domainről származó PDF-et jelenít meg.
Tokenek és Dynamic Shortcodes
- Tokenek (elavult)A Tokens szintaxisa, típusai, példái és szűrői, a Text Editor with Tokens, a Shortcode with Tokens, a Discover Tokens és az Image Token.
- Dynamic ShortcodesA Dynamic Shortcodes és a Tokens különbségei, a bővítménnyel járó változat telepítése, licence, a varázsló és a használat PDF-generálásnál.
- Átállás Tokensről Dynamic ShortcodesraHogyan válts a Tokensről a Dynamic Shortcodesra: fokozatos átállás, a Tokenészlelő és a Tokens kikapcsolása.
- A data és a form shortcodeA {data:…} shortcode használata az ACF Repeater, az ACF Flexible Content, a Views és a Remote Content widgetben, valamint a {form:…} shortcode-ok az Elementor Pro űrlapokhoz.
Elementor Pro űrlap
- PDF-generátor az űrlaphozA PDF-generátor művelet beállításai és a két elavult konverter (SVG és DomPDF).
- Dinamikus átirányításFeltételekhez kötött átirányítás az űrlap beküldése után.
- Számoló mezőA Számoló (korábban Összeg) mező: kifejezés alapján számolt érték az űrlapban.
- ÜzenetgenerátorTestreszabott köszönő üzenet beküldés után, szövegből vagy Elementor-sablonból.
- MentésAz űrlap beküldött adatainak mentése bejegyzésként, felhasználóként, kifejezésként vagy beállításként.
- Dinamikus e-mailTöbb, feltételhez kötött e-mail küldése az űrlap beküldése után, Elementor-sablonnal és mellékletekkel.
- ExportálásAz űrlap adatainak továbbítása egy külső szolgáltatásnak HTTP-kéréssel.
- TelegramAz űrlap tartalmának elküldése Telegram-botnak, feltételekkel.
- Lépések görgetése és címkiegészítésA többlépéses űrlap automatikus görgetése és a Google-os címkiegészítés beállítása.
- Mező-kiegészítések: ikon, jelszó láthatósága, Select2Ikon az űrlapmezőkön, jelszómező megjelenítő gombbal és kereshető legördülő lista.
- Dinamikus mezők: Dynamic Select, Hidden Label, JS Field, Live HTMLEgy másik mezőtől függő lista, a választott érték felirata, JavaScripttel számolt mező és élő HTML-összefoglaló.
- Feltételes mezők és feltételes érvényesítésMezők elrejtése vagy letiltása más mezők értéke alapján, és az űrlap érvényesítése ugyanazokkal a kifejezésekkel.
- PHP-validációAz űrlap érvényesítése egyedi PHP-kóddal, mezőhöz kötött hibaüzenettel.
- Fizetés az űrlapban: PayPal és StripeOnline fizetés fogadása PayPal és Stripe mezővel az Elementor Pro űrlapban.
- PDF-generátor: HTML-sablon és konverterHTML-sablon készítése a PDF-generátorhoz: elrendezés, fejléc és lábléc, oldaltörés, betűtípusok, űrlapmezők, képek és aláírás a sablonban.
- További mezőtípusok: Regex, Tartomány, Számláló, Egyedi azonosító, KüldésReguláris kifejezés a mezőn, csúszkás tartománymező, számláló, egyedi azonosító és második küldés gomb az Elementor Pro űrlapban.
- Megerősítő párbeszédablak és maximális beküldésszámMegerősítés kérése beküldés előtt, és az űrlap beküldéseinek korlátozása számláló alapján.
- Új mezőtípusok és mezőbeállítások: leírás, hossz, tükör, ország, értékelés, Google-címMezőleírás, karakterszám-korlát, tükörmező, országválasztó, értékelés, Google-címkiegészítés, WYSIWYG, törlés gomb és azonnali küldés az Elementor Pro űrlapban.
- Küldési módszer, PHP-művelet és Cookie-műveletAz űrlap küldési módszerének (AJAX, POST, GET) beállítása, saját PHP-kód futtatása beküldéskor és cookie beállítása vagy törlése.
- Nemzetközi telefonmező és WooCommerce kosárba helyezésOrszágválasztós, ellenőrzött telefonmező és a WooCommerce kosárba helyezés küldés utáni művelet az Elementor Pro űrlapban.
- Aláírás mezőAláírásmező az Elementor Pro űrlapban: beállítások, stílus, használat PDF-ben és e-mailben.
- Kedvencek műveletBejegyzések hozzáadása a kedvencekhez, eltávolítása és a lista törlése űrlap beküldésekor.
További widgetek
- Sablonrendszer és Dinamikus sablonmintaAz elavult Sablonrendszer globális sablonbeállításai, a bejegyzésenkénti és kifejezésenkénti eltérő elrendezés, valamint a Dinamikus sablonminta widget.
- Bejegyzés elemei: Dinamikus cím, Breadcrumbok, Kiemelt kép, KifejezésekA bejegyzés címét, útvonalát, kiemelt képét és kifejezéseit megjelenítő widgetek beállításai.
- Szülő-gyermek menü, Taxonómia-kifejezések listája és Egyes bejegyzések listájaAz oldalhierarchiából, egy taxonómia kifejezéseiből vagy kézzel kiválasztott oldalakból felépülő navigációs menük beállításai.
- Fájlböngésző és Nyers PHPFájlok listázása böngészhető fastruktúrában, valamint saját PHP-kód futtatása a Nyers PHP widgettel.
- Dinamikus API és Webes adatkinyerő (távoli tartalom)Külső oldal beágyazása, tartalom kinyerése másik weboldalból és REST API JSON-adatainak megjelenítése, gyorsítótárral.
- Hozzáadás a kedvencekhez widgetBármely bejegyzés, oldal vagy termék kedvencként jelölése gombbal: hatókör, kulcs, gomb, látogatók és számláló beállításai.
- Tartalom, iFrame és Kriptovaluta-jelvény widgetA bejegyzés tartalmát kiíró Tartalom widget, az iFrame widget és a kriptovaluta-adatokat kártyán mutató jelvény beállításai.
- Dinamikus diagramok, Hozzáadás a naptárhoz és Másolás a vágólapraDiagramok rajzolása egyszerű vagy CSV-adatból, naptáresemény-gomb és vágólapra másoló gomb beállításai.
- Dinamikus cookie és Dinamikus határidő a visszaszámlálóhozCookie beállítása vagy törlése dinamikus értékkel, és a visszaszámláló határidejének megadása dinamikus értékből.
- Kedvencek widgetA felhasználó vagy a látogató kedvenc bejegyzéseinek listázása a Kedvencek widgettel.
- Dátum, Kivonat, Előző és következő, BővebbenNégy bejegyzés-widget: a közzététel vagy módosítás dátuma, a bejegyzés kivonata, lapozás a szomszédos bejegyzésekre és a „tovább olvasom” gomb.
Gyakorlati útmutatók
- Egymásba ágyazott repeaterek, kapcsolatok és repeaterekHogyan jeleníts meg egymásba ágyazott ACF Repeatereket, repeaterben kapcsolat mezőt, és kapcsolat mezőben repeatert sablonokkal.
- PayPal és Stripe beállítása, tetszőleges összeg az űrlapbanA PayPal és a Stripe API-adatainak megadása, valamint a látogató által megadott összeg fizetése egy vagy két űrlappal.
- Fordítás WPML-lelA bővítmény widgetjeinek tartalmát és szövegeit hogyan fordítod le más nyelvre a WPML segítségével.
- Adatátadás gombról egy másik oldal űrlapjánakHogyan add át egy bejegyzés vagy oldal adatát (például a címét) egy gombról egy másik oldalon lévő űrlap mezőjének.
- Láthatóság: gyakorlati példákElemek megjelenítése vagy elrejtése kategória, gombkattintás, ACF mező értéke vagy hivatkozó webhely alapján.
- Elementor Pro űrlap: gyakorlati példákFelhasználó mentése, feltételek láncolása, beküldések korlátozása, Conditions Generator, SMTP, lépés kihagyása, adatok átadása másik oldalra, bejegyzés és ACF-mező frissítése, fizetési hivatkozás választása.
- Lekérdezések és tartalom: gyakorlati példákBejegyzések szűrése dátummezővel, szerzői profiloldal, termékek egy kategóriából és külső API tartalmának megjelenítése.
- QR-kód az oldal címévelAz aktuális oldal hivatkozását tartalmazó QR-kód készítése dinamikus shortcode-dal.
Hibaelhárítás
- JavaScript-hibák: böngészőkonzol, feltételes mezők, Google MapsHogyan nézd meg a böngészőkonzolt, és mit tegyél a feltételes mezők JS-hibájával vagy a kétszer betöltött Google Maps API üzenettel.
- PHP-hibák, hibanapló és memóriakorlátPHP-hibanapló bekapcsolása, a figyelmeztetések elrejtése éles oldalon és a WordPress memóriakorlátjának emelése.
- Bővítmények ütközése és Dynamic Posts lekérdezések hibáiÜtközések keresése hibaelhárítási móddal, a lekérdezési argumentumok kimásolása, a szűrős rács és a lapozás 404-es hibájának oka.
Készült: