Visual Builder-ek Általános áttekintése, Top 5 plugin Éééés Gutenberg Rottenbacher Tamás WordPress 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 az is aaprobléma vííízúúál bíílder? alapja? 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! 3
Miért Mi is aisprobléma lehet jó nekünk alapja? 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 :) 4
Előnyök Mi is a probléma alapja? 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 5
Hátrányaik Mi is a probléma alapja? 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 6
Mikor Mi is aérdemes problémaalkalmazni? alapja? 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 7
Top Mi is5a(szerintem) probléma alapja? 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 8
Visual Mi is a probléma Composeralapja? 9
Visual Mi is a probléma Composeralapja? 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ó 10
Page Mi is abuilder probléma by SiteOrigin alapja? 11
Page Mi is abuilder probléma by SiteOrigin alapja? 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 12
Divi Mi isbuilder a probléma alapja? 13
Divi Mi isbuilder a probléma alapja? 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 14
Elementor Mi is a probléma Page Builder alapja? 15
Elementor Mi is a probléma Page Builder alapja? 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 16
Oxygen Mi is a probléma Visual Site alapja? Builder 17
Oxygen Mi is a probléma Visual Site alapja? 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 18
Gutenberg Mi is a probléma alapja? 19
Gutenberg Mi is a probléma alapja? 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 20
Összegezve Mi is a probléma alapja? 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. 21
Köszönöm a figyelmet! Rottenbacher Tamás tamas@rotisoft.hu +36303873969 22