Divi 5 modulok: SVG animáció és szöveges jelvény

Két egyszerű modul a Divi Supreme kategóriából. Mindkettőt a Divi Supreme Pro → Modulok beállításai fülön kell bekapcsolnod. A beállítások feliratai a builderben angolul maradnak.

SVG animáció (Supreme Svg Animation)

SVG grafikát animál kódolás nélkül: kiválasztod az animációt, a modul elvégzi a többit. Könnyű mozgó grafika nehéz videofájl nélkül. A fontos szöveget ne csak animációban add meg, azt tartsd valódi szövegmodulban a keresőoptimalizálás miatt.

1. Add hozzá a Supreme Svg Animation modult a Divi Supreme kategóriából.
2. A Content fülön töltsd fel az SVG fájlt, vagy kapcsold be a Use SVG Code opciót, és illeszd be a kódot.
3. Válaszd ki az animáció típusát (Type), és állítsd be az időzítést.
4. A Design fülön állítsd be az igazítást, a színt és a szélességet.
5. Mentsd az oldalt, és nézd meg a weboldalon.

Content

Beállítás	Mit csinál
Use SVG Code	Bekapcsolva fájl helyett SVG kódot használsz.
SVG File	A feltöltött SVG fájl.
Insert SVG Code	Ide illesztheted be az SVG kódot.
Type	Az animáció típusa.
Animation Timing Function	A sebességgörbe.
Loop	Az animáció ismétlődik.
Unlimited	Végtelen ismétlés. Kikapcsolva megadhatod az ismétlések számát.
Number of Times	Hányszor ismétlődjön.
Trigger	Bekapcsolva kiválaszthatod, mi indítsa az animációt.
Trigger Type	Az indítás módja.
Visible viewport	A látható terület mekkora része után induljon az animáció.
Speed	Az animáció sebessége, minél kisebb az érték, annál gyorsabb.
Delay	Késleltetés az indulás előtt.

Design

Beállítás	Mit csinál
Alignment	Az animáció igazítása.
Color	Az animáció színe.
Width	Az animáció szélessége.

Szöveges jelvény (Supreme Text Badges)

A szöveg előtt vagy után egy jelvényt mutat, kiemelt vagy fontos szövegekhez. Rövid kifejezésekhez és címsorokhoz való, hosszú szövegekhez nem.

1. Add hozzá a Supreme Text Badges modult a Divi Supreme kategóriából.
2. A Content fülön töltsd ki a Main Text és a Badges Text mezőt, és válaszd ki a Badges Placement értékét.
3. A Design fülön állítsd be a jelvény háttérszínét és a rést.
4. Mentsd az oldalt, és nézd meg a weboldalon.

Beállítás	Mit csinál
Main Text	A fő szöveg.
Badges Text	A jelvény szövege.
Badges Placement	A jelvény a szöveg előtt vagy után áll.
Background Color	A jelvény háttérszíne (Design fül).
Gap	A jelvény és a szöveg közti rés (Design fül).

Tippek

• Először a Content fület töltsd ki, utána a Design fület.
• A méreteknél használd a tablet és telefon nézet külön értékeit.
• Ha a mozgás zavarhatja az olvasót, inkább statikus szöveget használj.