Ikonkönyvtárak, maszkok és minták

Divi 5 alatt a beállítóoldal két füle azt szabályozza, mely kiegészítő készletek látszanak a Visual Builder választóiban. Mindkettőhöz be kell kapcsolni a megfelelő kiterjesztést az Extensions fülön, a fül maga csak a készleteket és elemeket kapcsolgatja.

Icon Libraries

Az Icon Libraries fül azt dönti el, mely webfont ikonkészletek jelenjenek meg a Divi összetett ikonválasztójában. Bekapcsolva minden készlet külön Show Only kategóriaként látszik.

Mit tehetsz itt:

• Egyes készleteket külön bekapcsolhatsz, így csak azt töltöd be, amit a márkád használ.
• A felesleges készleteket kikapcsolva könnyebb marad a builder.

Használat

1. Nyisd meg a Divi Supreme → Extensions oldalt, kapcsold be az Icon Libraries kiterjesztést, és mentsd.
2. Nyisd meg a Divi Supreme → Icon Libraries oldalt.
3. Kapcsold be a kívánt készleteket.
4. Kattints a Save changes gombra.
5. A Visual Builderben nyiss meg egy ikonmezőt, és keress vagy szűrj a könyvtár szerint.

Készlet	Mit ad
Tabler Icons	A Tabler ikonkészlet az ikonválasztóban.
Phosphor Icons	A Phosphor ikonkészlet.
Lucide Icons	A Lucide ikonkészlet.
Heroicons	A Heroicons készlet.

Az Extensions fül a főkapcsoló (dsm_use_icon_libraries), az Icon Libraries fül az egyes készleteké (dsm_use_icon_library_tabler, …_phosphor, …_lucide, …_heroicons, mind alapból bekapcsolva). Egy készlet ikonjai csak akkor jelennek meg, ha mindkettő engedélyezi.

Használhatod minden ikonmezőben: gombokon, listákon, Blurbokon, a Supreme moduljaiban és másutt.

Mikor érdemes használni: funkciórácsokhoz és ikonlistákhoz egységes, felismerhető ikonok; a Lucide és Heroicons a mai szoftvertermékes oldalak megjelenéséhez illik; egyetlen készletet választva az egész webhelyen egységes marad az ikonnyelv. Ha csak a Divi alapikonjai kellenek, hagyd kikapcsolva a kiterjesztést, hogy ne töltsön be felesleges erőforrást. Egyedi SVG illusztrációhoz képfeltöltést vagy SVG modult használj, nem webfont ikont.

Tippek: használj egy készletet webhelyenként a kialakult megjelenéshez. Ha az ikonok nem jelennek meg, ellenőrizd, nem ütközik-e másik ikonbővítménnyel. A fölösleges készleteket kapcsold ki, hogy a builder ne töltsön be felesleges ikonadatot.

Mask & Pattern Library

A Mask & Pattern Library fül azt választja ki, mely Divi Supreme háttérmaszkok és minták jelenjenek meg a Divi 5 Background → Mask és Pattern választóiban. A Divi saját maszkjai és mintái mindig elérhetők.

Mit tehetsz itt:

• Rácsban, előnézeti képekkel böngészheted a maszkokat és mintákat.
• Elemenként be- és kikapcsolhatod őket: csak a bekapcsoltak látszanak a builder választóiban.
• Kereshetsz és szűrhetsz: All, Enabled, Disabled, Recently changed.
• A Masks vagy Patterns lapon egyszerre kapcsolhatod be vagy ki az összeset.

Használat

1. Nyisd meg a Divi Supreme → Extensions oldalt, kapcsold be a Mask & Pattern Library kiterjesztést, és mentsd.
2. Nyisd meg a Divi Supreme → Mask & Pattern Library oldalt.
3. Kapcsold ki, amire nincs szükséged (nem kötelező, de rövidebb lesz a választó).
4. Kattints a Save changes gombra.
5. A Visual Builderben szerkessz egy szakaszt, sort vagy modult, és nyisd meg a Background → Mask vagy Pattern részt.
6. Válassz egy Divi Supreme elemet, és a színét, átlátszatlanságát, megfordítását és forgatását a Divi szokásos vezérlőivel állítsd.

A maszk az elem alakját formálja (szélek, foltok, elválasztók), a minta csempeszerűen ismétlődő textúra a háttéren. A könyvtár tucatnyi maszkot (Supreme, Haikei-stílusú, elválasztó-stílusú) és több mint száz mintát (Supreme és Hero Patterns, utóbbi CC BY 4.0 licenccel) tartalmaz, a bővítmény mellékeli a hozzájuk tartozó forrásmegjelölést. Az elemek alapból mind be vannak kapcsolva (főkapcsoló: dsm_use_mask_pattern_library, alapból ki; elemenkénti jelzők: dsm_mask_pattern_library).

Használati esetek: hős szakaszokban hullám- vagy foltmaszk különleges szakaszhatárt ad; a minták nehéz képfájlok nélkül adnak textúrát; céloldalakon a Divi alapkészletén túli változatosságot kapsz. Letisztult, lapos dizájnnál a fölösleges maszkok és minták csak ballasztok, ilyenkor hagyd kikapcsolva a kiterjesztést; ha a háttér sima kép maszk nélkül, elég egy egyszerű háttérkép.

Tipp: a nem használt elemeket kapcsold ki, hogy a választók rövidebbek legyenek. Fejlesztők a dsm_mask_pattern_library_masks és dsm_mask_pattern_library_patterns szűrőkkel módosíthatják a bejegyzéseket.