Oldal kiválasztása

DIVI Basic összefoglaló

Szerző: | 2018. 08. 31. | DIVI Basic

ISMERD MEG A DIVIT!

Ha feliratkoztál már a hírleveleseink közé, akkor elképzelhetően megkaptad már a “7 ok, amiért a DIVI-t válaszd” írásunkat. Ha nem, akkor kattints ide jobbra, csak az email címedet kell megadnod és máris küldjük!
No, de vissza a DIVI-hez. Szóval webmesterek sokasága vitázik azon, vajon jót tesz-e a picanak ez a fajtája a weboldal építésnek, designolásnak. Sokak szerint ez már nem igazi munka, mert a munka részét, a kódolást elvégezte más helyettünk, mi már csak pakoljuk a cuccokat ide-oda. És a mondat utolsó részében RÉSZBEN igazuk van. Azért csak részben, mert az viszont nem igaz, hogy egy ilyen rendszerrel felépített weboldal ne tudna értéket képviselni, hogy ezzel tulajdonképpen nem is kell dolgozni, meg, hogy igazából ehhez nem is kell tudás.

Nem érzem kevesebbnek azt, ha pl. a DIVI adta lehetőségeket valaki kihasználva felépít egy alapot, majd különböző programnyelvek használatával kiegészíti és létrehoz egy gyönyörű, izléses, animált, de nem “agyondesignolt” oldat, felépít egy webáruházat vagy bármi mást.

Női hasonlattal élve, számomra olyan ez, mint a műköröm, póthaj, vagy akár a különböző szilikonok itt-ott. Ha valaki ízlésesen használja, ha valaki törekszik az egyediségre és nem túloz, hát uram bocsá’, csak azért mert van egy kis rásegítés, még nem dől össze a világ, sőt!
Manapság pedig az idő már egy nagyon lényeges tényező és ez többek között az egyik olyan érv, ami amellett szól, hogy egy jól működő WISYWIG rendszer igen is aranyat ér!

Mi az a WYSIWYG?

A WYSIWYG mozaikszó az angol “What You See Is What You Get”, azaz azt látod, amit kapsz kifejezésből tevődik össze. Magyarul, vagy izé…. szóval ez az a “drag and drop”, tehát fogd és vidd módszer, amit a visual buildereknél használunk.
(… most komolyan nem keveredem ki ezekből az angol kifejezésekbő?!?!?!)… na, erről már biztos mindenki hallott, ugyhogy nézzétek most el nekem, köszi!)

Szóval ez az a “pakolgatom a modulokat ide-oda, majd feltöltöm tartalommal és megvagyok” verzió. Leegyszerüsítve. Mert eztán jön majd az, amiről a poszt elején írtam, miszerint CSS, jQuery, PHP és hasonlóan remek programnyelvekkel még gyönyörűbb dolgokat lehet építeni.
Ebben az összefoglalóban a DIVI moduljait szeretnénk megismertetni azokkal, akik még nem találkoztak vele, ahol pedig link is található, annak a modulnak a részletes leírását már a DIVI LEXIKONBAN elolvashatod.

ACCORDION – HARMÓNIKA

Ezzel a modullal azt tudod elérni, hogy kvázi egy kis lenyíló ablakban jelenjen meg, amit bővebben ki szeretnél fejteni. Jól jöhet ez, ha pl. van egy felsorolásod ami hosszú, de szükséges mindegyikhez egy kis magyarázat, mert a felhasználó a rá vonatkozót lenyitja és elolvassa amit tartalmaz, mégsem kell az oldalt fél óráig görgetni, mire valamit megtalál. Ha pedig egy másikat is elovasna, az előzőleg megnyitott ablakocska magától bezárul.

DIVI LEXIKON – A HARMÓNIKA MODUL

AUDIO – AUDIÓ

Audio fájlokat tudsz beilleszteni az oldaladra. Megadhatod az előadó nevét, az audió fájl címét és tulajdonképpen egy kis lejátszót kapsz, ahol elindíthatod, megállíthatod, valamint hangerőt állíthatsz az aktuális fájlon.

BAR COUNTERS – SÁV SZÁMLÁLÓK

A sáv számlálónak elnevezett modult tulajdonképpen adatok megjelenítésére tudod használni, kvázi, mint egy kis grafikont. Beállítasz különböző értékeket és az adott sáv animáltan elballag az általad megadott értékig.

BLOG – BLOG

Ez az a modul, amiben beállíthatod, hogy ez előzőleg már rögzített posztjaid közül mely kategóriák és hogyan jelenjenek meg. Ez talán az egyik legtöbbet használt modul ezer féle lehetőséggel, amiről természetesen szintén egy nagyobb lélegzetű cikkben foglalkozunk majd bővebben.A sáv számlálónak elnevezett modult tulajdonképpen adatok megjelenítésére tudod használni, kvázi, mint egy kis grafikont. Beállítasz különböző értékeket és az adott sáv animáltan elballag az általad megadott értékig.

BLURB – FÜLSZÖVEG

Olyan modult kapsz a fülszöveg használatával, amelybe egymás alatt vagy mellett helyezhetsz el ikont/képet, szöveget. Az ikont vagy képet pl. kattinthatóvá is teheted, amelyből átlinkelhet a Felhasználód bárhová, amit fontosnak tartasz.

BUTTON – GOMB

A gomb modulról sokmindent nem érdemes írni. Gomb. Nem kabátra, weboldalra. A design határa ez esetben is a csillagos ég, felhasználása pedig bárhol, ahol kattinthatóvá szeretnél valamit tenni, hogy ezáltal navigálhasson a Felhasználód valahová.

CALL TO ACTION – CSELEKVÉSRE FELHÍVÁS GOMB

Ez a modul kvázi szövegből és gombból áll. Sok helyen láthatod, pl. ahol csak egy kis ösztönző szöveg van: “kattints ide és nyerj” meg ilyesmik. Itt is használhatod ikonnal, ikon nélkül és itt sincs határ design tekintetében. Amolyan praktikus “kapdelő” modul bármilyen oldalra.

CIRCLE COUNTER – KÖR SZÁMLÁLÓ

Ez a modul a számlálók családjába tartozik, amiből a DIVI-ben 4 van. Kör, sáv és sima és a visszaszámláló. Ebben a modulban egy körben jelenik meg az általad megadott szám és szépen elpörög odáig, amilyen értéket megadtál. Szoktál találkozni ilyennel pl., mikor feltüntetik, hogy hány letöltés volt eddig, hány felhasználó csatlakozott, stb.

CODE – KÓD

Szigorúan véve mondhatjuk, hogy erre nincs is szükség. Mindenközben pedig (ha szabad érzelmeket is belevinni a dologba) ez nekem egy szerelem! Mert hogy ide (is) lehet beilleszteni rengeteg olyan hasznos kódot (pl. CSS, PHP, stb), amikkel még látványosabbá, egyedibbé tudod tenni az oldalaidat. A DIVI-ben a kódok elhelyezésének 6 módja is van, – ha hirtelen jól számolok -, ezeket természetesen szintén átvesszük majd egy külön cikkben azok kedvéért, akik nem elégszenek meg az alapokkal.

COMMENTS – HOZZÁSZÓLÁSOK

A Hozzászólások modul arra való, ha szeretnéd, hogy ne csak mindig egy bejegyzésed végén lehessen kommentelni az adott cikket, hanem bárhol, ahol Neked tetszik, vagy szükséges, mert ez is bárhová elhelyezhető.

CONTACT FORM – KAPCSOLATI ŰRLAP

Klasszikus “Lépj velünk kapcsolatba” modul minden szükséges lehetőséggel, hogy a Felhasználóid a legkönyebben elérjenek, ha szükségük lenne rá.

COUNTDOWN TIMER – VISSZASZÁMLÁLÓ

A DIVI számlálók családjának egy renitens tagja, ez ugyanis az egyetlen, aki nem előre, hanem visszafelé számol. Szintén klasszikus. Beteheted pl. eseményekhez, hogy már csak “X” nap vagy “X” óra van hátra, de felhívhatod a Felhasználóid figyelmét, hogy már csak ennyi idejük van megvásárolni kedvezményesen egy általad kínált portékát.

DIVIDER – ELVÁLASZTÓ

Nemrég esett át a DIVI egy nagyobb frissítésen elválasztók tekintetében, amikortól szerinte ez a modul is egy elég közkedvelt modul lett. Mostanra ugyanis olyan grafikus elemeket kapott, amikkel szintén az oldalad meghatározó designjához tud hozzájárulni, habár ez “csak” egy sorok kozti elválasztó lenne egyébként.

EMAIL OPTIN – EMAIL OPTIN

Ez a modul nagyban megkönnyíti a munkádat és a lehetőségeidet, ha használsz levelezőlistát. Egyszerűen beállítható benne minden, ami ahhoz kell, hogy itt könnyedén feliratkozzanak az Olvasóid. Rengeteg design lehetőség es kb 20 féle email provider közül választhatod ki azt, ahol a levelezőlistádat használod.

FILTERABLE PORTFOLIO – SZŰRHETŐ PORTFÓLIÓ

Ez a modul a projektekből húzza be a cikkeket, akárcsak a szimpla portfolio modul, és  létrehozhatsz egy szűrhető verziót, amikor felső fülecskékre kattintva csak adott elemeket mutat meg. Ha pl. utazóblogot írsz és a bejegyzéseidet projektként viszed fel, akkor itt mondjuk a fülecskéken kiválasztható, hogy pl. csak az ázsiai, csak az ameriaki, vagy csak az európai tartalmú cikkeket jelenítse meg.

GALLERY – GALÉRIA

Képgalériát hozhatsz létre a média könyvtárba feltöltött képek megjelenítésére és itt is  szintén többféle megjelenítési mód közül választhatsz.

HEADER – FEJLÉC

Egy – akár a teljes képernyőt kitöltő – fejléc képet szúrhatsz be az oldal tetejére. Vagy igazából bárhová.

IMAGE – KÉP

Ez a klasszikus kép modul. Beillesztheted bárhová és ennek is rengeteg féle variánsa létezik, ha margókkal, ide-oda tologatjuk még akár lehet ez is egy meghatározo része – design eleme – az oldalaidnak.

LOGIN – BEJELENTKEZÉS

Ha van zárt tagsági rendszered, ezzel a modullal a bejelentkező felületet érhetik el a Tagjaid.

MAP – TÉRKÉP

Volt idő, amikor még szimplán csak beírtuk egy aktuális pozició url-jét és ez a modul megjelenítette a google map-en a pontos helyet. Ez ma már google API nélkül nem megy, de ha van, azt ebbe a modulba kell illesztened és megkapod a térképen a pontos helyet, amit meg szeretnél jeleníteni.

NUMBER COUNTER – SZÁMLÁLÓ

A számláló modul szintén annak a 4 tagú családnak a tagja, amiket már fent említettünk. Ez a modul magukat a számokat pörgeti egészen az általad megadott értékig.

PERSON – SZEMÉLY

Ezzel a modullal bemutathatod pl. a Munkatársaidat. Sokan ma már inkább választják azt a szolgáltatót kettő közül, ahol rögtön azt is látják, kikkel állnak majd kapcsolatban, ennek a modulnak a segítségével pedig megjelenítheted a nevüket, fényképüket, beosztásukat és különböző social mediás és egyéb elérhetőségeiket is.

PORTFOLIO – PORTFÓLIÓ

A portfólió és a szűrhető portfólió modulok a projektekbe felvett cikkeket fogják megjeleníteni, ahogy azt már fentebb említettük úgy, ahogy a blog modul a postokhoz felvett cikkeket jeleníti meg.

POST NAVIGATION – BEJEGYZÉS ELRENDEZÉS

Ez a modul abban lehet segítségedre, hogy ha egy adott posztod alá beilleszted, további posztokra hívja fe la figyelmet, vagyis rögtön egy másik posztra tud kattintani a Felhasználó. Választhatsz csak azonos kategóriából megjeleníteni kívánt cikkeket, de akár ki is hagyhatod ezt a szűrőt és akkor az összes cikked közül választhat majd az Olvasód.

POST SLIDER – BEJEGYZÉS GÖRGETŐ

Ha egy modulban több cikkedet szeretnéd megjeleníteni, a bejegyzés görgető tökéletesen alkalmas rá, hiszen a kiválasztott kategóriákból megjelenít Neked annyit cikket, amennyit szeretnél és ezek automatikusan, vagy épp nem – ahogy beállítod – jelennek meg egymás után. Kis helyen, de mégis több tartalom és ennek a modulnak is remek variánsai léteznek.

POST TITLE – BEJEGYZÉS CÍM

Sokan nem tulajdonítanak ennek a modulnak túl nagy elentőséget, hisz’ a bejegyzés címe amúgy is megjelenik a posztoknál, azonban ezzel nagyon jópofa dolgokat lehet csinálni, hogy mégse az unalmas, szokásos kinézete legyen a blogunknak.

PRICING TABLES – ÁRTÁBLÁZATOK

Sok helyen láthastz olyan modulokat, ahol az ár egy másik, vagy több másik árral összehasonlítva jelenik meg, hogy lássa a Felhasználó, mely szolgáltatási csomag vagy variáció lenne legkedvezőbb a számára. Erre használatos ez a modul. Hasznáhatod egymagában, de ebben az összehasonlítós verzióban is, ha többet használsz belőle egy vagy akár több sorban.

SEARCH – KERESŐ

A kereső modult is bárhová el tudjuk helyezni. Megadhatjuk például azt, hogy mely oldalak, vagy akár cikk kateóriák legyenek, vagy épp ne legyenek kereshetőek.

SHOP – ÁRUHÁZ

Ha használsz WooCommerce rendszert ennek a modulnak a segítségével tudod a termékeidet megjeleníteni további rengeteg beállítás kíséretében.

SIDEBAR – OLDALSÁV

Az oldalsáv modulban tudjuk többek között az előre létrehozott widgetjeinket megjeleníteni. Készíthetsz több oldalsávot, ezáltal akár különböző oldalakon, különböző elrendezésű widget elrendezéseket tudsz használni úgy, ahogy az számodra a legoptimálisabb.

SLIDER – LAPOZÓ

Jó ez a modul arra – és sokan használják is így-, hogy rövid szövegekben megírják tulajdonképpen valaminek a kivonatát, majd az ebben a modulban használható gombbal átirányítják az Olvasót arra a linkre (bejegyzésre), ahol ezt hosszabban kifejtik. Lehet erre használni bármilyen más modult, pl. a fülszöveg modult is, de ellentétben azzal, ebben  beállíthatod, hogy általad megadott időközönként lapozzon a tartalmak között, tehát egy viszonylag kis helyen több értékes tartalmat is el tudsz helyezni.

SOCIAL FOLLOW – KÖZÖSSÉGI MÉDIA

Ez a modul ismeri a legtöbb ma használatos social media felületet, így egy listából választhatod ki a megjeleníteni kívántakat, hozzáadod az aktuális account url-jét és a kattintható ikon máris az adott profilra repíti a Felhasználót.

TABS – FÜLEK

Mint jó néhány másik DIVI modulnak ennek is az egyik nagyon hasznos funkciója a helytakarákosság. A fülek vizszintesen helyezkednek el és amelyikre kattintasz, az ahhoz tartozó tartalo jelenik csak meg. Így tulajdonképpen az oldalon ugyanott maradsz, mégis sok hasznos tartalmat tudsz egy helyen láthatóvá tenni.

TESTIMONIAL – AJÁNLÁS (Idézet…?)

Ezt a modult tulajdonképpen idézetek megjelenítésére szoktuk használni. Biztos vagyok benne, hogy sok helyen láttál már ilyet, amikor pl. egy oldalon fel vannak tüntetve az oldalt már használó, kedvelő Felhasználók gondolatai és ezáltal ajánlásai az oldallal kapcsolatban. Hasznos, mert a hitelességedet erősíti, amikor már igazi személyektől látszanak a visszajelzések a munkáddal kapcsolatban.

TEXT – SZÖVEG

Ez a klasszikus szöveg modul, ugyanakkor még sokkal többre használható, mint azt a neve tükrözi. A sima szövegen túl beilleszthetsz pl. rövid, azaz shortcode-okat, ami behívhat egy modult, de beilleszthetsz képet, videót, stb.

TOGGLE – KAPCSOLÓ

Ez a modul tulajdonképpen ugyanúgy funkciónál, mint a “harmónika” (tehát lenyíló kis ablak egy címsorra kattintva, amiben hosszabb szöveg is elhelyezhető). A különbség azonban az, hogy itt ha kinyitsz egy másodikat, az előző is nyitva marad ellentétben a harmónikával, ahol mindig csak egy lesz nyitva és az előzőleg megnyitott becsukódik.

VIDEO – VIDEÓ

Videót megjeleníteni az oldaladon ennek a modulnak a segítségével tudsz közvetve, vagy közvetlenül is. Közvetve, amikor pl egy youtube-os linket illesztesz be, közvetlenül pedig, ha a videó fájlt feltöltöd a médiatárba és ezt választod ki a megfelelő helyen.

VIDEO SLIDER – VIDEÓ LAPOZÓ

Ez tulajdonképpen a bejegyzés görgető mozgóképes verziója. Ennek is az a lényege, hogy egy adott helyen többféle tartalmat tudsz megjeleníteni.

Nos hát, ezt tulajdonképpen egy gyors felsorolásnak szántam azok számára, akik még csak most ismerkednek a DIVI-vel. Elindult viszont a DIVI LEXIKON poszt sorozatunk, ahol minden egyes modulról (és természetesen a DIVI többi részéről is) amennyire csak lehet részletesen írunk, illusztrációkkal és hasznos tippekkel tarkítva.

Köszi a figyelmet, mára ennyi, kikapcs!
Üdv,

Zió