Divi Supreme Pro

Mi ez és milyen problémát old meg?

A Divi Supreme Pro egy „minden az egyben” kiegészítő a Divi témához/Divi Builderhez. Több mint 60 új Divi modul és 8 kiterjesztés érkezik vele, hogy ne kelljen külön plugineket vadásznod karusszelekhez, galériákhoz, popupokhoz vagy fejlettebb elrendezésekhez. Gyakorlatban: gyorsabban építesz szebb oldalakat, kevesebb kóddal és kevesebb kompatibilitási kockázattal.

Fő funkciók részletesen

Modulok – vizuális elemek és tartalomépítés

• Média és látvány:
  • Image Carousel / Card Carousel – logósorok, referencia‑slider vagy portfóliókártyák pár kattintással.
  • Lottie – könnyű, vektoralapú animációk a hero szekciókba vagy gombokra.
  • Before/After Image Slider – előtte‑utána összehasonlítás (pl. felújítás, retusálás).
  • Tilt Image, Blob/Shapes, Hover Reveal – modern képeffektek, amelyeket a beépített Divi stíluspanelen testreszabva azonnal látod az eredményt.
• Tartalom és elrendezés:
  • Advanced Tabs, Content Toggle – több nézet egy helyen (pl. havi/éves árak, jellemzők).
  • Card, Dual Heading, Icon List – informatív kártyák, kiemelt címsorok és ikonlisták a jobb olvashatóságért.
  • Price List, Business Hours – étlap/árlista és nyitvatartás modul kész sablonnal.
  • Filterable/Masonry Gallery – kategóriázható, mozaikos galériák beépített fénydobozzal.
  • Breadcrumbs, Star Rating – jobb navigáció és bizalomerősítő értékelések.
• Integrációk és beágyazások:
  • Contact Form 7, Facebook és Twitter modulok, illetve Google Térkép a gyors beágyazáshoz.

Mit jelent ez neked? A natív Divi modulok korlátait kényelmesen átléped: nem kell külön slider‑ vagy galéria‑plugin, és nem kell kódolnod a gyakori UI mintákat.

Kiterjesztések – munka- és UX‑gyorsítók

• Popup: teljesen a Divi felületéről készíthető popupok. Indíthatod gombnyomásra, időzítve vagy görgetésre – külön plugin nélkül.
• Scheduled Element: elemek megjelenítése/elrejtése időablak alapján (pl. kampány banner csak egy hétig).
• Responsive Viewer: több (akár egyedi) töréspont előnézete a Builderben – gyorsabb reszponzív finomhangolás.
• Easy Theme Builder (Header): kód nélkül állíthatsz ragadós vagy összehúzódó fejléceket, plusz extra opciókkal.
• Library Shortcodes / Library Widget: Divi Library elrendezéseket ágyazhatsz be bárhová shortcode‑dal vagy widgetként – sablonban, oldalon, sidebarban.
• Read More: hosszú szövegek intelligens „összecsukása/kinyitása” több alap Divi modulban.
• Custom Attributes: egyéni data‑attribútumok hozzáadása (pl. külső JS könyvtárakhoz) fejlesztői rugalmassággal.

Teljesítmény és adatkapcsolat

• Dynamic Assets: a bővítmény csak az adott oldalon használt CSS/JS‑t tölti be, így gyorsabb a betöltés és kevesebb a „bloat”.
• Dynamic Content: a Supreme modulok összeköthetők dinamikus tartalmakkal (mezők, metaadatok), ezért valódi sablonokat építhetsz ismétlődő kézimunka nélkül.

Gyakorlati példák

• Marketing/landing: Lottie animált hero, logókarusszel, „Ajánlat részletei” gomb, ami Supreme Popupot nyit. Ugyanitt egy Content Toggle‑lal váltható ártábla (havi/éves).
• Katalógus/étlap: Price List modul csoportokkal, fölötte Advanced Tabs kategóriák szerint, és egy Image Carousel a kiemelt termékeknek.
• Portfólió: Filterable Gallery mozaikos rácsban, kategóriaszűrőkkel, kattintásra fénydoboz. Előtte‑utána modul a retusált képekhez.
• Tudásbázis/blog: Read More beállítással rövidebb kivonatok mobilon, teljes tartalom megnyitással; Breadcrumbs a jobb tájékozódásért.

Telepítés és első lépések

1. Telepítsd és aktiváld a bővítményt a WordPressben.
2. A Divi Supreme beállításoknál kapcsold be a szükséges kiterjesztéseket (Popup, Scheduled Element, stb.).
3. Nyisd meg a Divi Buildert, és keresd a „Supreme” előtagú modulokat.
4. Használj minta‑layoutokat, vagy nulláról építs: minden modul a megszokott Divi stílus‑ és fejlett beállításokat kínálja.
5. Dinamikus tartalomhoz kapcsold a modul mezőit a megfelelő adatforráshoz.

Előnyök és értékajánlat

• Időmegtakarítás: egy pluginban megkapod a leggyakoribb hiányzó Divi funkciókat – nincs plugin‑széttöredezettség.
• Kevesebb kód: vizuálisan építesz haladó UI‑mintákat.
• Gyors oldal: Dynamic Assets csak a használt erőforrásokat tölti.
• Skálázhatóság: dinamikus tartalom + Library Shortcodes = tartalom újrahasznosítás és karbantartható sablonok.
• Stabilitás: aktív fejlesztés és folyamatos frissítések, részletes dokumentáció és támogatás.

Kompatibilitás, licenc, támogatás

• Kompatibilitás: Divi Theme, Extra téma vagy a Divi Builder plugin szükséges.
• Divi 5 átállás: a fejlesztő a következő generációs Divivel való kompatibilitáson dolgozik; egyes környezetekben a modulok még nem minden esetben jelennek meg. Éles frissítés előtt ellenőrizd az aktuális állapotot a dokumentációban és a kiadási jegyzetekben.
• Licencelés: éves Professional és élettartam Agency csomagok érhetők el, mindkettő korlátlan webhelyre, teljes modul‑ és kiterjesztéskészlettel, támogatással és frissítésekkel.
• Lite változat: ingyenes kiadás több tucat modullal, kipróbálásra ideális.
• Support: részletes tudásbázis, GYIK és jegyrendszer.

Kinek ajánlott?

• Ügynökségeknek és fejlesztőknek, akik egyetlen, jól dokumentált bővítménnyel szeretnék lefedni a legtöbb vizuális/UX igényt, minimalizálva az egyedi kódot és a plugin‑erdőt.
• Marketingeseknek és site‑építőknek, akik gyorsan akarnak landingeket, popupokat, karusszeleket és dinamikus árlistákat összerakni.
• Kisvállalkozásoknak, akik reszponzív, gyors és látványos oldalt szeretnének, fejlesztő bevonása nélkül is.

Megjegyzések és jó gyakorlatok

• Kapcsold be csak azokat a kiterjesztéseket, amiket használsz – így még gyorsabb lesz az oldal.
• Reszponzív finomhangolásnál használd a Responsive Viewer nézeteit és egyedi töréspontjait.
• Sablonozáshoz kombináld a Dynamic Content lehetőségeket a Library Shortcodes‑szal – karbantartható, skálázható rendszer lesz az eredmény.
• Divi nagyobb frissítése előtt mindig nézd át a changelogot és készíts biztonsági mentést.