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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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.
Készült: