# Divi 5 modul: blogkarusszel

> A Divi 5 Visual Builder blogkarusszel moduljának tartalmi, karusszel- és megjelenési beállításai.

A **Supreme Blog Carousel** a bejegyzéseket karusszelben, lapozható kártyákként mutatja. Kezdőlapra vagy szekcióba jó, ha kevés helyen akarsz több bejegyzést megmutatni. Teljes blogarchívumhoz a téma saját blog- vagy archívumsablonját használd.

Hozzáadás: a Divi 5 Visual Builderben válaszd a **Supreme Blog Carousel** modult a **Divi Supreme** kategóriából. A modult előbb kapcsold be a **Divi Supreme Pro → Modulok beállításai** fülön. A builder feliratai angolul maradnak.

## Content: bejegyzések

| Beállítás | Mit csinál |
|---|---|
| **Included Categories** | Csak a kijelölt kategóriák bejegyzései kerülnek be. Üresen minden kategória, mint a Divi blogmodulnál. |
| **Include Current Post** | Önálló oldalon a megnyitott bejegyzés alapból rejtve van a karusszelben. Bekapcsolva diaként megjelenik. Ha az kivonat is be van kapcsolva, a beágyazott karusszel kimarad a kivonat készítésekor, hogy ne alakuljon ki végtelen hurok. |
| **Post Count** | A bejegyzések száma. |
| **Post Offset Number** | Hány bejegyzést hagyjon ki az elejéről. |
| **Date Format** | A dátum PHP dátumformátummal. |
| **Post Date Orderby** | A rendezés alapja. |
| **Sortby** | A rendezés iránya. |

## Content: egy kártya elemei

| Beállítás | Mit csinál |
|---|---|
| **Show Featured Image** | A kiemelt kép megjelenítése. |
| **Enabled Lazy Load** | A képek késleltetett betöltése. Javíthat a teljesítményen, 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** | A cím megjelenítése. |
| **Show Excerpt**, **Excerpt Text** | A kivonat és a szavak legnagyobb száma (üresen 50). |
| **Show Category** | A kategória megjelenítése. |
| **Show Date** | A dátum megjelenítése. |
| **Meta Seperator** | A meta elemek közti elválasztó jel. |
| **Author** | A szerző megjelenítése. |
| **Show Comments** | A hozzászólások száma, a hozzászólásokra mutató linkkel. |
| **Readmore Button**, **Readmore Text** | „Tovább” gomb és a felirata. |
| **Show Bottom Meta Elements** | Az alsó meta sor megjelenítése. |
| **Bottom Date**, **Bottom Author** | A dátum és a szerző az alsó sorban. |

## Content: karusszel

| Beállítás | Mit csinál |
|---|---|
| **Carousel Orientation** | Vízszintes vagy függőleges haladás. |
| **Height** | A karusszel magassága. |
| **Carousel Effect** | A váltás effektje. |
| **Show Shadow** | Árnyék az effekthez. |
| **Coverflow Rotate**, **Coverflow Depth** | A Coverflow effekt forgatása és mélysége. |
| **Slides To Show** | Egyszerre látszó diák száma (alapérték 3, függőleges iránynál 1). |
| **Slides To Scroll** | Egy lépésben hány diát lép. |
| **Use Multiple Row**, **Row Per Slide** | Többsoros elrendezés és a sorok száma diánként. |
| **Centered Mode** | Az aktív dia középre kerül, nem a bal szélre. |
| **Spacing** | A diák közti távolság. |
| **Transition Duration** | A váltás időtartama. |
| **Infinite Loop** | Végtelen körbeforgás. |
| **Autoplay**, **Autoplay Speed** | Automatikus lejátszás és a sebessége. |
| **Autoplay Only On Viewport** | Csak akkor játszik, ha a karusszel látszik. |
| **Use Mouse Wheel** | Az egérgörgő lapoz. |
| **Pause on Hover** | Egér ráhúzásakor megáll. |
| **Pagination** | Lapozópontok. |
| **Navigation** | Léptető nyilak. |
| **Use Equal Height** | Minden kártya egyforma magas. |
| **Disable Touch/Dragging** | Letiltja az érintéses és egérrel húzós lapozást. |
| **Use Grab Cursor** | Fogó kurzor a karusszel fölött. |

## Design

| Csoport | Beállítások |
|---|---|
| Kártya | **Background Color** |
| Kép | **Thumbnail Type**, **Thumbnail Height**, **Image Width** |
| Meta | **Alignment** |
| Nyilak | **Navi Horizontal Position**, **Top Navigation Position**, **Bottom Navigation Position**, **Left Navigation Position**, **Right Navigation Position**, **Navi Arrow Icon Size**, **Arrow Color**, **Arrow Background Color**; saját ikon a **Custom Prev Arrow Icon** és **Select Prev Icon**, illetve a **Custom Next Arrow Icon** és **Select Next Icon** párral |
| Lapozópontok | **Pagination Postion**, **Vertical Pagination Position**, **Pagination Color**, **Pagination Active Color**, **Pagination Placement**, **Pagination Button Style** |
| Fedőréteg | **Show Overlay**, **Overlay Icon**, **Overlay Icon Color**, **Overlay Icon Size**, **Overlay Background Color** |