# Divi 5 modulok: poszt-karusszel és olvasási idő

> A Divi 5 Visual Builder bejegyzéseket karusszelben mutató modulja és a becsült olvasási időt kiíró modulja.

Két bejegyzéshez kapcsolódó 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, mentsd, és töltsd újra a buildert.

## Supreme Post Carousel

A bejegyzéseket karusszelben mutatja, a blogolást kreatívabbá téve. Nyitóoldali, friss tartalmat kiemelő sávhoz jó; a teljes blogarchívumhoz a téma saját archívumsablonja való.

### Content: bejegyzések

| Beállítás | Mit csinál |
|---|---|
| **Included Categories** | Mely kategóriák bejegyzései jelenjenek meg (ugyanaz, mint a Divi Blog moduloknál). |
| **Include Current Post** | Egyedi oldalon a megnyitott bejegyzés alapból nem szerepel; bekapcsolva diaként megjelenik. Ha a kivonat be van kapcsolva, a beágyazott karusszel kimarad a szöveg előállításakor, hogy ne alakuljon ki végtelen ciklus. |
| **Post Count** | Hány bejegyzés szerepeljen. |
| **Post Offset Number** | Hány bejegyzést hagyjon ki az elejéről. |
| **Date Format** | A dátum PHP-formátuma. |
| **Post Date Orderby**, **Sortby** | A sorbarendezés alapja és iránya. |

### Content: egy kártya elemei

| Beállítás | Mit csinál |
|---|---|
| **Show Featured Image** | Kiemelt kép megjelenítése. |
| **Enabled Lazy Load** | A képek késleltetett betöltése. Gyorsíthat, de nem minden gyorsítótár-bővítménnyel működik, ezért kapcsolás után próbáld ki. |
| **Show Title** | Cím. |
| **Show Excerpt**, **Excerpt Text** | Kivonat és a szavak legnagyobb száma (üresen 50). |
| **Show Category**, **Show Date**, **Author**, **Show Comments** | Kategória, dátum, szerző és a hozzászólások száma a meta sorban. |
| **Meta Seperator** | A meta elemek közötti elválasztó. |
| **Readmore Button**, **Readmore Text** | „Tovább” gomb és a felirata. |
| **Show Bottom Meta Elements**, **Bottom Date**, **Bottom Author** | Alsó meta sor, benne dátum és szerző. |

### Content: karusszel

| Beállítás | Mit csinál |
|---|---|
| **Carousel Orientation** | A karusszel iránya. |
| **Height** | A karusszel magassága. |
| **Carousel Effect**, **Show Shadow** | Az átmenet effektje és az árnyék. |
| **Coverflow Rotate**, **Coverflow Depth** | Coverflow effektnél a dőlés és a mélység. |
| **Slides To Show** | Hány dia látszik egyszerre. |
| **Slides To Scroll** | Egy lépésben hány dia lép. |
| **Use Multiple Row**, **Row Per Slide** | Többsoros elrendezés és a sorok száma. |
| **Centered Mode** | Az aktív dia középen áll, nem a bal szélen. |
| **Spacing** | A diák közötti tér. |
| **Transition Duration** | Az átmenet ideje. |
| **Infinite Loop** | Végtelen ismétlés. |
| **Autoplay**, **Autoplay Speed**, **Autoplay Only On Viewport** | Automatikus léptetés, sebessége, és csak akkor, ha a karusszel látszik. |
| **Use Mouse Wheel** | Az egérgörgő lépteti a diákat. |
| **Pause on Hover** | Hoverre megáll a léptetés. |
| **Pagination**, **Navigation** | Lapozópontok és nyilak. |
| **Use Equal Height** | Minden kártya egyforma magas. |
| **Disable Touch/Dragging** | Letiltja az érintéses és egeres húzást. |
| **Use Grab Cursor** | Fogó egérkurzor. |

### Design

| Beállítás | Mit csinál |
|---|---|
| **Background Color** | A kártya háttere. |
| **Thumbnail Type**, **Thumbnail Height**, **Image Width** | A bélyegkép típusa, magassága és szélessége. |
| **Alignment** | A meta sor igazítása. |
| **Navi Horizontal Position**, **Top Navigation Position**, **Bottom Navigation Position**, **Left Navigation Position**, **Right Navigation Position** | A nyilak elhelyezése. |
| **Navi Arrow Icon Size** | A nyilak mérete. |
| **Custom Prev Arrow Icon**, **Select Prev Icon**, **Custom Next Arrow Icon**, **Select Next Icon** | Egyedi nyílikonok. |
| **Arrow Color**, **Arrow Background Color** | A nyilak és hátterük színe. |
| **Pagination Postion**, **Vertical Pagination Position**, **Pagination Placement**, **Pagination Button Style** | A lapozópontok helye és stílusa. |
| **Pagination Color**, **Pagination Active Color** | A lapozópontok és az aktív pont színe. |
| **Show Overlay**, **Overlay Icon**, **Overlay Icon Color**, **Overlay Icon Size**, **Overlay Background Color** | Hoverre megjelenő réteg és ikon a képen. |

## Supreme Post Reading Time

Kiírja az aktuális cikk becsült olvasási idejét percben. Alapesetben így néz ki: **Reading time:**, egy ikon, a percek száma, majd **min**. A számot a cikk szövegéből számolja.

Beteheted egyedi bejegyzés oldalára, Theme Builder törzs-elrendezésbe, vagy egy bejegyzéseket listázó Divi Loopba (ilyenkor minden elem a saját idejét mutatja). Nem működik:

- archívumon Loop nélkül, mert nincs számolható cikk;
- kifejezés-, felhasználó- vagy menü-Loopban, mert ezek nem bejegyzések;
- magában a Theme Builder vagy Library elrendezésben, mert az nem cikk. A modul azt a bejegyzést számolja, amelyet az elrendezés éppen megjelenít;
- ha órában vagy szószámban kell az érték: a kimenet egész perc, legalább 1, ha van szöveg.

Hozzáadás: **Supreme Post Reading Time** a **Divi Supreme** kategóriából.

### Content → Reading Time

| Beállítás | Alapérték | Mit csinál |
|---|---|---|
| **Content** | Post content | A számolt forrás: **Post content**, **Post excerpt** vagy **Custom content**. A kivonatnál a kézi kivonatot használja, üres kivonatnál a szövegből generáltat. |
| **Custom content** | üres | Csak **Custom content** esetén látszik. Beleszámít, de nem íródik ki. |
| **Prefix** | `Reading time:` | A percek előtti szöveg. Üresen elrejtheted. |
| **Suffix** | `min` | A percek utáni szöveg, minden számnál ugyanaz. Üresen elrejtheted. |
| **Words per minute** | 200 | Átlagos olvasási sebesség, 1 és 1000 között. Nagyobb szám rövidebb becslést ad. |
| **Calculation method** | Words | **Words**: szavak száma. **Characters**: 5 karakter számít egy szónak, ami olyan nyelvekhez jó, ahol a szóköz rossz mérték. |
| **Hide when empty** | be | Ha a megtisztított forrásban nincs szó, nem jelenik meg semmi. |

### Content → Icon

| Beállítás | Alapérték | Mit csinál |
|---|---|---|
| **Show icon** | be | Ikon a percek mellett. |
| **Icon** | Divi ikon | Az ikon kiválasztása. |
| **Icon position** | Before minutes | **Before minutes** vagy **After minutes**. Utóbbinál az ikon a suffix után áll (nem a szám és a suffix közé), a prefix mindig elöl marad. |

### Hogyan számol

Előbb kiszedi a HTML-címkéket, megjegyzéseket és shortcode-okat. A modul saját feliratát nem számolja, és a tablet-, telefon- és hover-másolatokat sem számolja kétszer.

| Módszer | Képlet |
|---|---|
| Words | a szavak száma ÷ szó/perc, felfelé kerekítve |
| Characters | (karakterek száma ÷ 5) ÷ szó/perc, felfelé kerekítve |

Ha nincs szöveg, az eredmény 0, és a **Hide when empty** miatt nem látszik semmi. Ha van szöveg, az eredmény legalább 1.

### Design

| Csoport | Mit stílusoz |
|---|---|
| **Reading Time** | A teljes sor betűtípusa. |
| **Prefix**, **Suffix** | Szöveg, háttér, térköz, méret, szegély és árnyék külön a prefixre és a suffixre. |
| **Icon** | Ikonszín, ikonméret (alapérték 16 px), ikontávolság (alapérték 0,35 em), háttér, térköz, méret, szegély és árnyék. Kikapcsolt ikonnál nem látszik. |

A modul egészére a szokásos méret, térköz, szegély, árnyék, szűrők, átalakítás és animáció érvényes. A háttér a **Content** fülön van.

### Tippek

- Tedd a Theme Builder törzs-elrendezésbe, vagy abba a Loopba, amelyik a bejegyzéseket kiírja. A fejléc-elrendezésben nincs aktuális bejegyzés, így nincs mit számolni.
- Loopban nézd meg több elemen is az eredményt.