Divi 5 modulok: tartalomváltó és GYIK

Ebben a fejezetben két, tartalmat rendező modult találsz: a kétállású tartalomváltót és a lenyitható GYIK-modult. Mindkettő a Divi Supreme kategóriában van a modulválasztóban, és a Divi Supreme Pro → Modulok beállításai fülön kell bekapcsolnod őket. A beállítások feliratai a builderben angolul maradnak, ezért itt is úgy szerepelnek.

A Divi Library elrendezéseiből felépített tartalom a builderben néha nem pontosan jelenik meg, a weboldalon viszont helyes. A szokásos Divi-csoportok (háttér, méret, térköz, szegély, árnyék, animáció) ott érhetők el a Design fülön, ahol a modul támogatja őket. A tabletre és telefonra szóló értékeket a reszponzív beállításokkal adhatod meg.

Tartalomváltó (Supreme Content Toggle)

Két tartalmat kapcsoló mögé rendez, a látogató egyszerre csak az egyiket látja. Jó választás például két terméktulajdonság-csoport vagy két magyarázat közti váltásra. Egyetlen rövid bekezdéshez felesleges, ott elég a sima szöveg.

1. Nyisd meg az oldalt a Divi 5 Visual Builderrel.
2. Add hozzá a Supreme Content Toggle modult a Divi Supreme kategóriából.
3. A Content fülön töltsd ki a két tartalmat.
4. A Design fülön állítsd be a színeket és a távolságokat.
5. Mentsd az oldalt, és nézd meg a weboldalon.

Content

Mindkét tartalomnak (az elsőnek és a másodiknak) ugyanazok a mezői vannak:

Beállítás	Mit csinál
Heading	A kapcsoló ehhez a tartalomhoz tartozó felirata.
Content Type	A tartalom típusa: saját szöveg vagy shortcode (például egy Divi Library elrendezés shortcode-ja).
Shortcode	A beillesztendő shortcode, ha a típus ezt kéri.
Content	A szövegtörzs, ha a típus saját szöveg.
Select Active Switcher	Melyik tartalom látsszon az oldal betöltésekor.

Design

Beállítás	Mit csinál
Switcher Size	A kapcsoló mérete.
Alignment	A kapcsoló igazítása.
Switcher Primary Background	A kapcsoló első oldalának háttérszíne.
Switcher Secondary Background	A kapcsoló második oldalának háttérszíne.
Switcher Inner Background	A kapcsoló belső, csúszó elemének háttérszíne.
Content Background	Az adott tartalom háttérszíne (tartalmanként külön).
Content Spacing Top	Az adott tartalom felső távolsága (tartalmanként külön).
Make This Layout Fullwidth	Ha a tartalom egy elrendezés, ezzel a benne lévő szekció és sor teljes szélességű lesz (tartalmanként külön).

GYIK (Supreme Faq)

Lenyitható kérdés-válasz lista. A modul szülő és gyermek elemekből áll: a szülő a Supreme Faq, az egyes kérdések a Supreme Faq Child elemek. A kérdéseket mindig a szülő Content füléről add hozzá (új elem gombbal), gyermek elemet külön nem tehetsz az oldalra. A sorrendet a szülő listájában húzással változtathatod, az elemeket duplikálhatod is. Kezdj 3 és 6 kérdés között, a közös megjelenést a szülőn állítsd be, a gyermek elemen csak a kivételeket.

1. Add hozzá a Supreme Faq modult a Divi Supreme kategóriából.
2. A Content fülön vedd fel az első kérdést.
3. Írd be a kérdés címét és a válasz tartalmát.
4. A Design fülön állítsd be a színeket, a betűket és a távolságokat.
5. Mentsd az oldalt, és nézd meg a weboldalon.

Szülő: Content

Beállítás	Mit csinál
Gap	A kérdések közti rés.
Make Accordion	Harmonika-működés: egyszerre csak egy válasz marad nyitva.
Open First Item	Az első kérdés betöltéskor nyitva van.
Enable Schema Support	FAQPage JSON-LD (schema.org) jelölést ad az oldalhoz, hogy a keresők olvasni tudják a kérdéseket és válaszokat. Ha egy oldalon több GYIK-modul van, egyetlen szkriptbe vonódnak össze az oldal láblécében, a kérdések az oldalon látható sorrendben. A kérdéscímek sima szövegek, a válaszok megtartják a biztonságos HTML-t (linkek, listák). Ha ugyanaz a kérdéscím kétszer szerepel, az első marad meg. Fejlesztők a dsm_faq_schema_main_entities szűrővel módosíthatják az összevont listát. Hogy a keresők megjelenítik-e a GYIK-ot a találatok között, a Google irányelvein múlik.
Use Image	Ikon helyett képet használ a nyitó és záró jelzéshez.
Animate Toggle Icons	A nyitás és zárás ikonjai animálva váltanak.
Open Faq Icon, Close Faq Icon	A nyitott és a zárt állapot ikonja.
Icon Placement	Az ikon helye a kérdés mellett.
Open Image, Close Image	A nyitott és a zárt állapot képe (ha a Use Image be van kapcsolva).

Szülő: Design

Beállítás	Mit csinál
Width	A nyitó és a záró kép szélessége (külön-külön).
Icon Background	Az ikon háttérszíne (nyitott és zárt állapotra külön).
Icon Color	Az ikon színe (nyitott és zárt állapotra külön).
Icon Size	Az ikon mérete (nyitott és zárt állapotra külön).

Gyermek elem (Faq Child)

A gyermek elem mezői csak az adott kérdésre vonatkoznak.

Beállítás	Mit csinál
Title	A kérdés.
Content Type	A válasz típusa: szöveg vagy shortcode.
Content	A válasz szövege.
Shortcode	A beillesztendő shortcode, ha a típus ezt kéri.
Use Image	Ennél a kérdésnél a szülő képei helyett saját nyitó és záró képet használ.
Open Image, Close Image	A saját nyitó és záró kép.
Open Faq Icon, Close Faq Icon	A saját nyitó és záró ikon.

A gyermek Design füle ugyanazokat a csoportokat adja, mint a szülőé (képszélesség, ikon háttere, színe, mérete), és felülírja a szülő értékeit az adott kérdésnél.