visual builder-ek Éééés gutenberg - rotisoft · 2018. 11. 23. · visual builder-ek Általános...
TRANSCRIPT
Visual Builder-ek
Általános áttekintése, Top 5 pluginÉééés Gutenberg
Rottenbacher TamásWordPress Magyarország szerkesztő, Nyílt-Web alapítvány kuratóriumi tag#WordPressMeetUpBudapest #2018.11.22.
Szó lesz
1. Mik is ezek?
2. Előnyeikről
3. Hátrányaikról
4. Alkalmazási lehetőségekről röviden
5. Top 5 Visual Builder + 1 kakukktojás
6. Összegzés
2
Mi is a probléma alapja?
3
Egy olyan felület, ami beépül a WordPress gyári szerkesztő helyére, s ahol könnyedén tudunk létrehozni különféle oldalszerkezeteket, elrendezéseket. Mindezt komoly szaktudás nélkül*. Ezáltal pedig könnyebben fogyaszthatóvá tehetjük honlapunk tartalmát a látogatóink számára.
*Erre külön kitérünk később!
Mi az a vííízúúál bíílder?
Mi is a probléma alapja?
4
Könnyebben fogyasztható értékes tartalom
Jobb statisztikai adatok(Hosszabb oldalmegtekintési idő, kevesebb visszafordulás, jobb/magasabb konverzió,
több látogatói ajánlás)
Jobb SEO helyezés, még több látogató
Boldogabb tulajdonos :)
Miért is lehet jó nekünk
Mi is a probléma alapja?
5
▪ Nem feltétlen szükséges programkód ismeret▪ Ingyenes vagy ajándék▪ Legtöbbhöz elérhető részletes dokumentáció (angolul)▪ Oldal sablonokból is dolgozhatunk▪ Gyorsíthatja az egyszerűbb feladatokat▪ Kiegészítőkkel bővíthető a funkcionalitás▪ Mind responsive szerkezetet használ
Előnyök
Mi is a probléma alapja?
6
▪ Precíz munkára kevésbé alkalmasak felhasználói ismerettel▪ De még is szükséges programkód ismeret▪ Technikai gondok
(Multifunkcionalitás okán + admin felületet is lassíthatják jelentősen, továbbá egy landing page összeállítására sok olcsó tárhely nem alkalmas)
▪ Fejlesztői szemszögből kérdéses a bővítésük▪ Kiegészítők plusz költséget jelentenek▪ Nem 100%, hogy lesz frissítés ezekhez▪ Sablonosak▪ Népszerűségük biztonsági veszélyt hordozhat
Hátrányaik
Mi is a probléma alapja?
7
▪ Hobbi oldal, blog▪ Egyszerű céges, személyes bemutatkozó honlap▪ Kisebb forgalmú landing page▪ Idő szűke esetén▪ Amikor a tulajdonos számára könnyű szerkesztési
lehetőséget kívánunk biztosítani▪ Kisebb költségvetésű projekt
Mikor érdemes alkalmazni?
Mi is a probléma alapja?
8
▪ Visual Composer▪ Page Builder by SiteOrigin▪ Divi Builder▪ Elementor Page Builder▪ Oxygen Visual Site Builder▪ Gutenberg
Továbbiak: BeaverBuilder, Themify Builder, ThriveThemes Content Builder, MotoPress, Live Composer, Page Builder Sandwich
Top 5 (Szerintem)
9
Mi is a probléma alapja? Visual Composer
10
Mi is a probléma alapja? Visual Composer
▪ Legnépszerűbb▪ Legszélesebb körben támogatott (Codecanon-on jelenleg több mint 1250
kiegészítő érhető el hozzá)
▪ Más népszerű bővítmények külön figyelnek a kompatibilitásra▪ Temérdek videós és írott tutorial▪ Template-ekből dolgozhatunk▪ Viszont előszeretettel lassítja be a szerkesztő felületét▪ Ráférne egy újraírás, régi a kód bázisa▪ Sok a nem aktuális verzió
11
Mi is a probléma alapja? Page Builder by SiteOrigin
12
Mi is a probléma alapja? Page Builder by SiteOrigin
▪ Ingyenes teljesen▪ Rendszeresen van hozzá javító frissítés▪ Van saját widget pack-ja, amiket a sidebar-ban is használhatunk▪ Nem lassítja annyira a szerkesztő felületét
▪ Nagyon fapados▪ Van, de nem sok kiegészítő hozzá▪ Nem kezel template-eket▪ Időnként döcögős a munka vele apróbb hibák miatt
13
Mi is a probléma alapja? Divi Builder
14
Mi is a probléma alapja? Divi Builder
▪ Divi sablonhoz ingyenes jár▪ Import/Export funkció van▪ Template-ekből dolgozhatunk
▪ Csak a Divi sablonnal vásárolható meg és használható(Más sablon támogatás nem igazán van.)
▪ Rendes támogatás, support is úgy érhető el, ha megvásároltad▪ Nem egy sebesség bajnok a kimeneti kód
15
Mi is a probléma alapja? Elementor Page Builder
16
Mi is a probléma alapja? Elementor Page Builder
▪ Folyamatos fejlesztés, frissítés▪ Van ingyenes és pro verziója is▪ Template-ekből dolgozhatunk▪ Gyárilag viszonylag sok plusz lehetőséget tud▪ Vannak magyar nyelvű videók (link: Barna Buxbaum)
▪ Nincs túl nagy kiegészítő választék (Codecanon-on jelenleg 139 elem van.)
▪ Hazánkban viszonylag kevesen használják
17
Mi is a probléma alapja? Oxygen Visual Site Builder
18
Mi is a probléma alapja? Oxygen Visual Site Builder
▪ Van ingyenes és fizetős verziója is▪ Lifetime frissítések a pro verzióban▪ Új, napjaink igényeihez mérten készült
(visszafelé kompatibilitás miatt gond is lehet)
▪ Fürge szerkesztő felület▪ Template-eket alkalmazhatunk▪ Jobb drag&drop támogatás (pl. Padding értékek húzással történő megadása)
▪ Nincs kiegészítő választék (még)
▪ Elsőre kicsit ijesztően komplex lehet a felülete
19
Mi is a probléma alapja? Gutenberg
20
Mi is a probléma alapja? Gutenberg
▪ WordPress Core maximális támogatás (Hiszen az alap WP része lesz)
▪ Folyamatos frissítés▪ Gyerekjáték a kezelése▪ Apróságok (szó számláló, sokféle embed lehetőség, html kódként elkezdve írni
automatikusan kiegészíti, átalakítja a blokkot és hasonlók)
▪ Nincs kiegészítő választék (még, de gyorsan lesznek)
▪ Minimalista szerkesztőfelületű▪ Saját css grid-el dolgozik▪ Egyszerűbb szerkezetű oldalak összerakására használható▪ Vannak (szép számmal) bővítmények amik még nem támogatják
Mi is a probléma alapja?
21
▪ Hasznosak, de 1x meg kell ismerni a megfelelő használathoz▪ Nagyon precíz, optimalizált munkára nem igazán alkalmasak▪ Felhasználóbarátak, de szakember kezében többet érnek
Egyszer érdemes kipróbálni többet, mert nagyon eltérő a felhasználói felületük.
Fontos figyelembe venni, hogy a kívánt cél eléréséhez alkalmas-e az adott builder, található-e hozzá megfelelő kiegészítő vagy fejleszthető-e hozzá időn/költségen belül saját.
Összegezve