Divi 5 modulok: jelszóűrlap, árlista, folyamatjelző, Read More, alakzatok, betűkeverés

Hat kisebb modul a Divi Supreme kategóriából. Ha valamelyik hiányzik a modulválasztóból, kapcsold be a Divi Supreme Pro → Modulok beállításai fülön.

Supreme Password Form

A feloldó űrlap, amelyet a Password Protection kiterjesztés egyedi feloldó elrendezéséhez használsz. Címet, jelszómezőt és gombot mutat. Nincs rá szükség, ha az alapértelmezett beépített űrlap elég (nincs kiválasztva feloldó elrendezés), vagy ha Szekció, Sor vagy Oszlop szintű védelmet használsz (azok saját beágyazott űrlapot kapnak).

Jó például saját arculatú feloldó oldalhoz (logó, szöveg, űrlap) vagy kampányoldalhoz, ahol a jelszómező fölött egyedi üzenet áll.

Használat

1. Kapcsold be a Password Protection kiterjesztést a Divi Supreme → Extensions oldalon.
2. Hozz létre vagy nyiss meg egy Divi Library elrendezést a feloldó képernyőnek.
3. Szúrd be a Supreme Password Form modult.
4. Állítsd be a Title, Placeholder, Button Text és Form Layout értékeket.
5. A Divi Supreme → Password Protection oldalon az Unlock layout legyen ez a Library elrendezés, és mentsd.
6. Legyen legalább egy engedélyezett jelszó (az egész oldalra vagy a megfelelő kapuhoz), majd próbáld ki kijelentkezve, privát ablakban.

Content

Beállítás	Alapérték	Mit csinál
Title	This site is password protected	A jelszómező feletti cím.
Placeholder	Enter password	A jelszómező helyőrző szövege.
Button Text	Unlock	A gomb felirata.
Form Layout	Inline	Inline: a mező és a gomb egymás mellett. Stacked: egymás alatt.

Design

Beállítás	Mit csinál
Title Font	A cím betűtípusa.
Password Field	A beviteli mező megjelenése.
Button Alignment	A gomb igazítása: balra (alap), középre, jobbra.
Button	A gomb stílusa.

Tippek

• A feloldó elrendezés legyen egyszerű: logó, rövid magyarázat, az űrlap. A védett tartalmat ne ide tedd.
• A jelszavak megváltoztatása után a meglévő feloldó sütik érvénytelenek, a tesztelőknek újra fel kell oldaniuk.
• A hibás jelszó üzenetét és a próbálkozások korlátozását a Password Protection kiterjesztés kezeli, nem a modul.

Supreme Price List és Price List Item

Étlap, katalógus, szolgáltatáslista vagy bármilyen kiemelt tételek árlistája. A Supreme Price List szülő modul, az egyes sorok a Price List Item gyermekmodulok. A gyermeket ne tedd önállóan az oldalra, a szülő Content füléről add hozzá az új elemeket, és ott rendezheted át, másolhatod őket. Érdemes 3-6 elemmel kezdeni, a közös stílust pedig a szülőn beállítani.

Elem (Price List Item)

Beállítás	Mit csinál
Price	Az ár szövege.
Title	A tétel neve.
Content	A tétel leírása (formázott szöveg).
Image	A tétel képe.
Image Width, Image Gap Spacing	(Design) Csak ennek az elemnek a képszélessége és a kép távolsága, felülírja a szülő értékét.

Szülő modul, Design

Beállítás	Mit csinál
Vertical Alignment	Az elemek függőleges igazítása.
Price Background Color	Az ár háttérszíne.
Image Width, Image Gap Spacing	A képek szélessége és távolsága.
Style, Weight, Color, Gap Spacing	Az elválasztó vonal stílusa, vastagsága, színe és távolsága.
Item Bottom Spacing	Az elemek közötti függőleges tér.

Supreme Progress Bar

Olvasási folyamatjelző sáv (vagy kör), amely mutatja, hol tart az olvasó az oldalon vagy egy kiválasztott elemben.

Content

Beállítás	Mit csinál
Tracker Type	A jelző alakja.
Progress Relative to	Mihez viszonyítja a haladást.
Selector	CSS-választó, ha egy adott elemhez viszonyít.
Direction	A kitöltés iránya.
Percentage	Százalékos érték kiírása.
Direction (százalék)	A százalék irányának beállítása.
Size	A kör mérete, körös típusnál.

Design

Beállítás	Mit csinál
Alignment	Igazítás.
Width, Color (jelző)	A jelző vonalának vastagsága és színe.
Width, Color, Background (sáv)	A sáv vastagsága, színe és háttere.
Height	A sáv magassága.

Supreme Read More

Hosszú tartalmat vág le egy előnézetig, és gombbal kibontható. Hosszú életrajzhoz, leíráshoz hasznos, rövid szövegnél felesleges.

Content

Beállítás	Mit csinál
Show Read More	A kibontó vezérlő megjelenítése.
Open Text	A kibontó gomb felirata.
Close Text	Az összecsukó gomb felirata.
Height	A látható előnézet magassága.
Open Icon, Close Icon, Icon Size	A gombok ikonjai és az ikonméret.
Use Shadow	Árnyék a levágott rész szélén.
Scroll to module on collapse	Összecsukáskor a lap finoman visszagörget, hogy a modul a nézet tetejére kerüljön.

Supreme Shapes

Alakzatok a Divi oldalra képfájl és egyedi kód nélkül, díszítésnek. A fontos szöveg ne csak alakzatban legyen, hanem valódi szövegmodulban.

Beállítás	Mit csinál
Type	Az alakzat típusa.
Size	Az alakzat mérete.
Shape Color	(Design) Az alakzat színe.
Use Gradient Fill	A Divi színátmenet-beállításaival tölti ki az SVG alakzatot (lineáris és sugaras). A kúpos színátmenet helyett egyszínű kitöltés lesz.
Use Border	Szegély az alakzaton.

Supreme Shuffle Letters

Betűkeverő szöveghatás: a megadott szöveg betűnként, véletlen karakterekből áll össze, mielőtt feltárul. Rövid mondatokhoz és címsorokhoz való, hosszú szöveghez nem. Ahol a mozgás zavarhatja az olvasót, inkább statikus szöveget használj.

Beállítás	Mit csinál
Before Text	A kevert szöveg előtti rész.
Shuffle Text	A keveredő szöveg.
Shuffle Text On a New line	A kevert szöveg új sorban kezdődik a Before Text után.
After Text	A kevert szöveg utáni rész.
After Text On a New line	Az After Text új sorban kezdődik.
Shuffle Speed (in s)	A keverés sebessége másodpercben.
Duration (in s)	Ennyi idő után tárul fel a végleges szöveg.
Overwrite Random Shuffle Text	Saját karaktersor a véletlen karakterek helyett, szóköz nélkül (például ShuffleText).