Divi Visual Builder – látványos fejlesztések. Már megint. (Divi 3.2.)

Divi Visual Builder – látványos fejlesztések. Már megint. (Divi 3.2.)

Kevés olyan hírlevél van, ami bármennyi izgalommal is eltöltene. (Sok ilyen e-mail a kukában végzi, vagy az unroll.me felgöngyölíti nekem 1 db levélbe, amit napjában egyszer megkapok.) A Divi csapatának azonban sikerült elérnie, hogy mindegyik hírlevelükre legalább rápillantok – de gyakran el is olvasom ezeket, mert a legtöbbször hasznos dolgokat küldenek. A kedvenceim a frissítéseiknek az összefoglalói. Ma is érkezett egy, és szerintem érdemes most röviden magyarul is összefoglalni a frissítéseket. Elég egyedülálló a WordPress sablon fejlesztők között az, amilyen gyorsan és látványosan a Divi sablont fejlesztik. Nem készülök most egy hosszú cikk írására, egyszerűen csak szeretném megosztani azokat az apró örömöket, amik egy weboldalkészítőt érnek, ha egy fontos munkaeszköze – amire korábban “befizetett” – ennyit fejlődik.

Új funkciók a Divi Visual Builder-ében

A Visual Builder a Divinek az a szerkesztői felülete, ahol egy az egyben látom mi történik a front-end felületen (ez az a felület, amit egy egyszerű weboldal látogató lát), ha egy bizonyos kódot irogatok. Csakhogy már kód sem kell – leginkább a technikai érzékünkre, a Divi használatában megszerzett gyakorlatra és a kreativitásra kell hagyatkozni e program használata esetén. Na lássuk, miket fejlesztettek megint. Ha a kedves Olvasó a videós bemutatót kedveli, álljon itt először a cégvezető, Nick Roach bemutatója. Utána én is leírom pár sorban az új funkciókat.

 

Margók és helykitöltés állítása kattintgatással

Ami külön egy új lehetőség, hogy összekapcsolható a felső és alsó érték így egyszerre álíthatunk be ugyanannyi pixelnyi margót felnt és lent – időt spórolva. Ugyanez igaz a bal és jobb oldalra is. Ez volt egyébként egy olyan funkció amiben előrehaladottabnak éreztem a szintén profi Thrive Architect “landing page” építőt. Most sem tudom melyik a jobb összességében, de én a Divire szavaznék. Ahogy előrehaladunk időben, úgy lesz egyre kevesebb különbség bármelyik nagy WordPress sablon fejlesztő cég között.

divi sablon, legjobb wordpress téma visual builder új funkciók, margók állítása

Címsorok finomhangolva

Címek méretét is látványosan egérhuzugatással állíthatjuk. Ez is megkímél bennünket attól, hogy először érzésre állítsuk be a méretet, majd azt változtassuk tovább. Egyből az ideális betűméretet állíthatjuk be egy címsornál.

divi sablon, legjobb wordpress téma visual builder új funkciók, finomhangolás

Színkezelés, még egyszerűbben

Az alapértelmezett színek palettáján ezentúl könnyen hozzá is nyúlhatunk a színekhez, színkódokhoz és úgy változtathatjuk élőben kedvünkre, hogy egyből látjuk is, milyen lenne a végeredmény. (Az alapértelmezett színeket egyébként az általános sablonbeállításoknál lehet kiválasztani.)

divi sablon, legjobb wordpress téma visual builder új funkciók, színkezelés

A galéria modul szerkeztése a Divi Visual Builder-rel

Megintcsak egy új időspóroló funkció. Korábban amikor a képeket rakosgattuk a galéria modul szerkesztőjében, akkor meg kellett jegyezni, hogy hogyan vannak sorban a képek “a jelenlegi állás szerint”, majd a szerkesztőbe lépve elképzeltük, hogy milyen új sorrend lenne ideális. Ehelyett, most helyben látjuk ismért, hogy mi történne a weboldal “éles” látogatók által is látott felületén. Nem kell találomra képzelődni többé.

 divi sablon, legjobb wordpress téma visual builder új funkciók, galéria modul új drag and drop eszköz

Remélem hasznos volt ez a szösszenet. Hogy mikre képes ma a webdesign szakma, vagy maga a Divi sablon, további nézelődésre az Elegant Themes honlapját, annak is ezt az aloldalt ajánlom – itt nagyon részletesen be van mutatva ez a kis weboldalkészítő csodafegyver.

Bárhol is van, sok sikert kívánok a vállalkozásának,

Bognár Balázs

 

Jegyzetek

A cikkben bemutatott Visual Builder a Divinek csak a front-end szerkesztői felülete, és ez csak a felszín.

Az írásban található linkek egy része úgynevezett Affiliate link, ami azt jelenti, hogy partneri megállapodásom révén, mely által kedvezmény is igénybe bevehető a linkeimmel (!), jutalékot is kapok az Elegant Themes-től, ha ezeken keresztül vásárolja meg valaki a Divi témát. Ez tehát mindhárom fél számára egy előnyös megállapodás.

A Divi az egyetlen ilyen szolgáltatás, amit nyíltan reklámozok és amit ennyire magabiztosan ajánlok, mert egyrészt teljesen elégedett vagyok azzal, amit a pénzemért kaptam – sokszorosan megtérült – másrészt úgy hiszem, hogy biztosan az egyik legjobb WordPress sablon ma az egész világon. Természetesen nemcsak ez a sablon képes csodákra, de az ár-érték arányban is talán a legjobb. Azoknak ajánlom, akik saját maguk szeretnék elkészíteni a weboldalukat.

10 éves az Elegant Themes, a Divi sablon fejlesztője

10 éves az Elegant Themes, a Divi sablon fejlesztője

10 éves születésnapját ünnepli a Divi sablon fejlesztői csapata. Én csak 1 éve követem a fejlődésüket – de az pazar. Ezt az egy évet foglaltam most össze. Még pár napig, 2018. március 21-ig születésnapi kedvezménnyel kínálják fő művűket, a Divit. ( A kedvezmény itt érhető el.)

Az Elegant Themes elmúlt 10 éve

elegant themes - 10 éves a divi sablon fejlesztői csapata (legjobb wordpress sablon)

Az Elegant Themes egy nagyon jó közösséget is épített a Divi köré. Középen Nick Roach, alapító.

Még mielőtt az én kis 1 évemet ünnepelném a Divivel, nézzük csak meg, mit ért el az Elegant Themes 10 év alatt. Bámulatos, hogy milyen úton mentek végig és milyen ügyesen, tudatosan építenek egy valóban JÓ termék köré egy márkát és egy közösséget. Nick kezdő lépése az volt, hogy létrehozott egy Worpress témát. Majd mégegyet és mégegyet. Elindított egy kezdetben lassú, majd egyre gyorsabb folyamatot. Aztán felvett egy alkalmazottat, aztán született a kezei között még néhány téma, aztán jött még pár ezer felhasználó, aztán még pár tucat blogposzt: évről évre megduplázódtak, mind létszámban, mind bevételben. Emellett pedig a lényeg: egyre több értéket és segítséget nyújtottak a webdesign szakmának. Majd elérkezünk 2018-ig, amikor is már majdnem félmillió felhasználója van a Divi témának. (És azokról akkor nem beszéltünk, akik illegálisan használják a szoftvert.) A stílusosan elkészített 10 éves idővonalukat itt lehet megtekinteni. De hogy is jön ez az egész ide? Mi ez az Elegant Themes és mi az a Divi? Ezekről a következő bekezdéseimben írok.

 

WordPress és sablonok

Először is, miért WordPressben építem weboldalaimat? Abban a korban, amikor már lényegében mindenre van egy kész szoftver, teljesen feleslegesnek érzem az alapoktól kezdve lekódolni egy weboldalt. Egyszerűen nincs rá szükség, hogy a nulláról kezdjem.

Hogy mennyire megbízhatóan és jól működik a WordPress (mint weboldal-váz), azt jól mutatja, hogy a világ összes honlapjának ~30%-a ezen a rendszeren fut. Az összes tartalomkezelő rendszer között pedig (CMS = Content Management System) 60% körüli a népszerűsége! Ez nem véletlen. (Az összes WordPress weboldalnak egyébként a 0,4%-a fut magyar nyelven.)

Ugyan vannak akik megkérdőjelezik a WordPress biztonságát, és van némi alapjuk is rá, megfelelő beállításokkal – saját tapasztalatom szerint is – egy erős biztonsági szint megteremthető rajta és megbízhatóan működik. Hogy milyen biztonsággal kapcsolatos kérdéseket érdemes körüljárni, arról a weboldal karbantartást taglaló cikkemben írtam.

A WordPress weboldalak készítése során szinte mindig az első kérdések között szokott szerepelni, hogy “milyen WordPress témát, sablont használjak?” 13-14 évesen, amikor az első honlapomat készítettem – az akkori internetes rádióm adásait töltöttem fel a világhálóra – még nem gondolkoztam ilyen dolgokon: választottam egyet a sok ingyenes – és amúgy normálisan működő, de eléggé korlátolt – WordPress sablon közül.

Aztán később, amikor már komolyabb igényeket kellett megvalósítani, megállt az ingyenes sablonok tudománya. Először az Avadával próbálkoztam, de valamiért nem győzött meg teljesen. Aztán tavaly április környékén mégegyszer alaposan körülnéztem a WordPress témák piacán és az akkor legjobbnak tűnő Divi sablon mellett tettem le a voksom. Hosszútávú befektetésnek szántam, mert akkor már láttam mikre képes: ezekkel minőségi szinteket tudok ugrani más – egyébként főként kódokkal bajlódó – webdesignerekhez képest.

Divi – 1 éve: kissé kiforratlan. Ma: maga a mágia.

Divi funkciói, Divi functions, drap and drop, fogd és vidd wordpress sablon, Divi sablon

A Divi sablonban a “Fogd és vidd!” módszerrel is lehet szerkeszteni. Ez pedig egyszerűvé és gyorssá teszi. Egy kivétel van: ha a tárhelyszolgáltató régimódi és lassú…

Még mielőtt kitérek a részletekre, fontos megemlítenem, hogy a Divi sablonra mutató linkek ajánlói linkek, tehát jutalékot is kapok a Divitől. Viszont ezekkel a linkekkel, a partneri megállapodásom révén, kedvezőbb áron érhető el a Divi sablon. 

Én örökös hozzáférést vettem tavaly (egyébként ugyanilyen ajánlói linken keresztül) és nagyon jó beruházásnak tekintem ma is. 

Természetesen soha nem ajánlanék terméket csak a jutalékért, ez a csapat viszont messzemenően megérdemli. Az anyagi haszontól függetlenül is mindenképpen írtam volna a Diviről, mert nagyon elégedett vagyok vele és sokat jelentett az elindulásomban.

Szóval 1 éve vettem meg a Divi sablont és azóta – ha jól számolom – 9 weboldalt építettem vele. Ezalatt az idő alatt pedig nemcsak magára a termékre, hanem az azt fejlesztő csapat hozzáállására is rálátásom volt. Illúzió lenne azt gondolni, hogy létezik tökéletes szoftver, vagy olyan online termék, mellyel nem merül fel hiba menetközben. Mindig előfordulhatnak apró hibák, lehetetlen tökéleteset fejleszteni elsőre. A Divit sem éreztem tökéletesnek, voltak is néha kisebb zűrök vele, viszont 1 évvel később, ma úgy érzem, hogy maradéktalanul elégedett vagyok. És, ha fel is merülne hiba, akkor számít igazán, hogy kik állnak a termék mögött. Az én tapasztalatom az, hogy bármikor, amikor problémám volt a Divi sablon beállításaival, (az elmúlt egy év alatt körülbelül háromszor-négyszer volt olyan, hogy valamire nem találtam azonnali megoldást a Google módszerrel), azonnal a segítségemre volt az Ügyfélszolgálatuk.

Divi 3.0 – bemutatja az ET vezetője, Nick Roach

 

“Divi nation”

Amiben szintén egyediek, hogy egy szuper közösségé alakítják a sablon felhasználóit, Divi nation megnevezéssel. Remek márkaépítési megoldás. Ami pedig szintén feltűnt menetközben, hogy bármelyik problémammegoldó vagy útmutató (tutorial) videójukat is néztem, kellemes hangulatot ébresztettek bennem, jó kedélyűek a tartalomgyárosaik. Ez is egy olyan dolog, ami megkülönbözteti a többi márkától, hogy magát a tanulás folyamatát is élvezetessé varázsolják. Látszik, hogy tudatos elképzelés van mögötte.

Frissítések

Fontos kérdés, hogy fejlesztik-e egyáltalán, fejlődött-e ez a WordPress téma? (Jogos kérdés lehet, hogy például megéri-e az örökös hozzáférés?) Erre egy hatalmas, határozott igen a válaszom. Mára a Divi sablon a WordPress weboldalaknak egy egyszerűen és nagyon sokoldalúan használható, minőségi “díszítőeszköze” lett. Gyakran hetente, kéthetente jönnek ki verziófrissítései a sablonnak, alig lehet követni. Természetesen az egy év alatt nemcsak hibákat toldozgattak-foltozgattak, hanem nagyon sok lényeges újítás volt: színátmenetek beállítása a front-end felületen, sokféle szegély-díszítőelem, beépített választható elrendezések, új szerkesztői nézetek, új animációk és még napestig lehetne sorolni. Beépítették a sablonba az összes Google betűtípust is, mint választható szöveg-, cím- vagy alapértelmezett betűtípust, mely nagyon nagy könnyebbség az arculattervezésnek és a weboldal kivitelezésének az összehangolásában. Az Ügyféllel végignézhetjük a Google oldalán, hogy az elképzelt betűtípusokból mi egyezik az ő elképzeléseivel és gyorsan, hatékonyan haladhat tovább a munka. Korábban erre is néha külön WordPress bővítményt kellett használni.

A Divi sablon funkciói, lehetőségei

Sokan írtak már a sablonról itthon is, külföldön is, Youtube-on is számtalan értékelés született a Diviről, de a legjobban szerintem továbbra is a saját weboldalukon van összefoglalva, mi mindenre képes e rendkívül kreatív weboldal-formaöntő. Amik ott le vannak írva, meg tudom erősíteni, hogy nem túlzások, és én is ennyire szupernek érzem eme a WordPress témát. A Divi sablon funkcióit bemutató oldal megtekintése. 

Egy weboldal sablontól ma már elvárható, hogy a legtöbb létező felhasználói igényt kielégítse. Az, hogy a Weboldalkészítés Vállalkozásoknak által készített weboldalak ma már a Divivel készülnek, az jól jelzi az eszköz képességeit. A legtöbb esetben nem szükséges kódsorokat sem írni és az elképzelt, megtervezett arculat szinte minden eleme megalkotható a WordPress + Divi kombinációban. Persze, olykor hozzá kell toldani néhány sornyi CSS-t is, de általában csak elenyésző mértékben. Nagyon fontosnak érzem, hogy önmagában a Divi a kreativitást nem helyettesíti: ahhoz, hogy valaki profi weboldalakat rakjon össze ezzel az eszközzel, alapvető fontosságú, hogy jó esztétikai és stílusérzéke legyen. Máskülönben van egy olyan professzionális sablonunk, aminek a lehetőségeit nem tudjuk jól kihasználni.

divi sablon beállítások, legjobb wordpress sablon, divi beállítások, sablon beállítások, nézet, integráció, divi eszközök, divi funkciók, divi konfigurációk

A Divi sablon általános beállításainak egy szelete. Ezeken kívül még több száz lehetőség vár ránk…

“Fogd és vidd” ajánlat

Amellett, hogy elkészítem Megrendelőim weboldalát, egy prémium WordPress sablont, a Divit is odaadom ajándékba, örökös hozzáférési licensszel, örökös frissítési lehetőséggel.

Aki kezdő vállalkozó és szeretne a cégével az online térben is fejlődést elérni, az nem kerülheti meg, hogy legyen egy jó weboldala. Én ebben segítek, kezdő, vagy szintlépésre vágyó vállalkozásoknak. Az általam készített weboldalakhoz a Divi sablont ajándékba adom. Így ha a vállalkozó közben úgy dönt, hogy bele is tanulna egy-két hónap alatt weboldalának a szerkesztésébe, akkor lényegében megspórolta a Divi sablon árát is, hiszen ezt a szolgáltatásom mellé ingyen odaadom (75.000 Ft értékben).

weboldalkészítés szolgáltatásom részeként egy 2-3 órás oktatóalkalmat is tartok, melyben véginézzük a WordPress kezeléséhez szükséges alapvető tudást, illetve ízelítőt adok a Divi szerkesztéséből is. Nyilván, ha az ember korábban még nem találkozott WordPress-szel, akkor egy alkalom nem elég arra, hogy teljesen átlássuk az egész honlap működését. Viszont a későbbiekben is tudok ebben segíteni, a személyre szabott oktatási alkalmaimon. Így később már nem lesz szükséges kiszervezni az “itt az írásom, tegyük fel a honlapra” jellegű munkáinkat.

Az Elegant Themes céggel kötött partnerségem révén, a következő linkekkel az eredeti árnál kedvezőbben vásárolható meg a Divi sablon20 % kedvezmény az 1 éves licensz árából VAGY 10%-os kedvezmény az örökös tagság árából!

A döntés, weboldalkészítés előtt

  • Ha van elég időnk rá, mindenképpen érdemes kezünkbe venni a munkát és folyamatosan képezve magunkat megtanulni a weboldalszerkesztést. Ma már ez nem olyan ördöngősség mint azt sokan gondolnák. A Divi nagyon leegyszerűsíti a folyamatokat. Ha gyorsan, hatékonyan és minőségi munkát végezve szeretnénk haladni, akkor én az ingyenes WordPress tartalomkezelő rendszer és a fizetős Divi sablon kombinációját javaslom. Ez ma biztosan az egyik legköltséghatékonyabb és legminőségibb megoldás a piacon. Számolnunk kell azzal, hogy munka mellett 1-2 hónapot igénybe fog venni, amíg az ember beletanul. De megéri rászánni az időt. Vagy…
  • Ha pedig az időnkből van kevesebb, de van ráfordítható pénzünk, célszerű a weboldalkészítést lehetőleg olyannak kiszervezni  aki a Divivel készíti a honlapját. Biztos vagyok benne, hogy ez egy hosszútávú garancia arra, hogy évekkel később is szintekkel előrébb járjunk minőségben versenytársainknál. Ebbe azt hiszem megéri időt és/vagy pénzt belefektetni.

Néhány weboldalam, ami a Divi sablonnal készült…

Hogy ne csak a levegőbe beszéljek, itt van néhány weboldal, ami a Divi sablon segítségével készült el a Weboldalkészítés Vállalkozásoknak műhelyben.

  • maga a Weboldalkészítés Vállalkozásoknak honlap, amin a kedves Olvasó jelenleg is idejét tölti
  • az üZENEt együttes weboldala – a zenekar ünnepélyes, romantikus zenét játszik esküvőkön, alkalmakon, fogadásokon
  • az Egészség Kert honlapja – biogazdálkodás Őrbottyánban két lelkes kertész lány irányításával
  • RealExam matek érettségi felkészítő tanfolyam weboldala és jelentkezési folyamata, online fizetéssel
  • Dinnyés Lilla személyre szabott étrend tervező és személyi edző weboldala.

 

Nagyon sokat köszönhetek ennek a sablonnak, rengeteg időt megspórolt és sok örömet szerzett nekem is az alkotói munka folyamán illetve Ügyfeleimnek, akik elégedettek voltak munkámmal. Köszönöm az olvasásra fordított figyelmet! Minden etikus és jó ügyekért dolgozó vállalkozásnak sok sikert kívánok!

Bognár Balázs