2015 óta minden nap a WordPress-szel kelek és fekszek és ez a legnagyobb frissítés, amit eddig tapasztaltam. A WordPress bejegyzésszerkesztője nem csak ráncfelvarráson esett át, hanem egy komplett arcátültetésen. Jó nekünk ez a változás, megéri frissíteni? Összeszedtem a legfontosabb infókat, amit tudnod kell a Gutenbergről.

Mi is az a Gutenberg?

Ez a fantázianeve a megújult bejegyzésszerkesztőnek, ami már ősidők óta felelős volt a WordPress cikkek elkészítéséért. Teljesen átalakították, a fókusz a blokkokon alapuló szerkesztésen van mostantól.

A háttérben több mint 1 éve dolgoztak a fejlesztésen, rengeteget tesztelték, csúsztatták az érkezését, mivel eszméletlen mennyiségű bővítménnyel és sablonnal kellett összehangolni a működését, hogy ne legyenek problémák.

Mi már frissítettünk, és az eddigi tapasztalatok szerint nem akadt össze se a Divivel, se azokkal a bővítményekkel, amiket mi ajánlunk.

Miben különbözik a Gutenberg a régi szerkesztőtől?

A klasszikus szerkesztőben minden folytonos volt. Folyamatosan írtad a szöveget, beszúrtál képeket, alá megint szöveg és ez így ment végig.

Ez jó is volt addig, amíg meg nem jelentek konkurens platformok, mint például a Medium. Alapértelmezetten könnyebb volt ezekkel elindulni, és szebb bejegyzéseket lehetett velük készíteni.

Jobb volt a UI, azaz a felhasználói felület, könnyebben testre lehetett szabni a tartalmadat, egyszerűbben és jobban lehetett őket használni.

Ezért is nőttek hatalmasra a WordPress sablonok és builderek, mert ezt a régi szerkesztőt felváltották a vizuális szerkesztők, amikkel mindent meg lehet csinálni.

Ezeket a vizuális szerkesztőket viszont főleg oldalak elkészítésére használjuk, míg a bejegyzéseket a legtöbben – én is – továbbra is az alapértelmezett szerkesztővel készítették.

A baj az volt, hogy lehetett érezni, hogy ez a bejegyzéses szerkesztő nem a legjobb. Egy csomó funkció hiányzott. Aki használt újabbakat, az látta, hogy milyen jó egyéb felületek vannak.

Na, de a Gutenberggel mindent megváltoztattak. Logikájában és felépítésében is átalakult a bejegyzések elkészítésének menete.

Az eddigi folytonos írást átvette a blokk alapú szerkesztés.

Alap WordPress bejegyzésszerkesztő
Alap WordPress bejegyzésszerkesztő
Gutenberg WordPress szerkesztő
Gutenberg WordPress szerkesztő

Itt láthatod is, hogy 2 kép a bejegyzésben egymás mellett helyezkedik el. Bármilyen hihetetlen, de ilyet régen nem lehetett csinálni.

Ez azért fontos, mert már nem csak lefelé lehet egy sorban építkezni, hanem meg lehet törni az egészet különböző hasábokkal, amikkel vizuálisan és a felépítés szempontjából is sokkal jobban ki lehet fejezni a mondandódat.

Gutenberg – A legvagányabb új funkciók

Összeszedtem, hogy mely eszközöket fogod a legjobban szeretni, mik a legkirályabb funkciók az új szerkesztőben.

Blokkok, hasábok, betűméretek

Blokkok és hasábok

Színes háttér

Állítható betűméret

Mint mondtam, fel lehet darabolni a folytonos szöveget hasábokra, és ezeknek a hátterét és a szöveg színét is kedvedre lehet alakítani.

A betűméretet eddig kódok nélkül csak a különböző címsorokkal lehetett változtatni, de most már minden egyes szövegrésznél egyedileg be lehet állítani.

Képek elrendezése

A képeidet is ugyanúgy rakosgathatod most már egymás mellé, különböző galériákat sorakoztathatsz fel, így ez sokkal szebben fog mutatni. 

Nem kell most már előre külön egy képbe szerkesztened két képet azért, hogy egymás mellett legyenek. Be tudod rakni őket két külön képként, ami ráadásul még reszponzív is lesz, jól fog mutatni kis kijelzőkön is.

Képek beállításai a szerkesztőben

Eddig meg kellett nyitni a médiatárat, ha képet szerettél volna beszúrni vagy alakítani akartál rajta.

Most már meg se kell nyitni, mert egyből be tudsz rakni egy képet, jobb oldalt pedig azonnal elérhetően ott lesznek a beállításai. Ez rengeteg időt megspórol.

Táblázatok

Minden WordPress felhasználó rémálma volt a táblázatok készítése. Különböző bővítményeket kellett használni, de még azok se működtek jól.

Most kaptunk egy teljesen új, reszponzív táblázatszerkesztőt. Végre!

Régi szerkesztőGutenberg
TáblázatRémálom a használataPofonegyszerű
Pont0 pont1 pont

Beágyazások

Eddig is lehetett beágyazni tartalmakat más platformokról, de most rengeteg új lehetőséget kaptunk ezen a téren.

Egy csomó külső szolgáltatót integráltak, ami rettentő egyszerűvé teszi a más fiókjainkon lévő tartalmak promotálását.

Gutenberg beágyazások

Linkelhető címsorok

A címsoraidnak meg tudsz adni egy horgonyszöveget, amire magában a cikkben és akár más bejegyzésedben vagy oldaladon is linkelhetsz.

Régen ezt nagyon nehéz volt megoldani, de most már könnyebb lesz vezetni az olvasót a blogbejegyzésed különböző pontjaira.

Gombok

Nem csak az oldalépítőddel tudsz gombot készíteni, és nem is kell többé egy képet berakni gombként, hanem beépítettek egyet, ami nagyon kis pofás és egyszerűen használható lett.

Miért hiszik az emberek, hogy ez egy rossz újítás?

A Gutenberg mint bővítmény értékelése 2,8 csillagon áll jelenleg, ami nem igazán lenyűgöző. Sok fórumot és üzenetet olvastam, ahol hisztiznek az emberek, hogy miért kell megkavarni a dolgokat.

Ez az új szerkesztő egyértelműen előrelépés, rengeteg hasznos funkció és jó dolog van benne, de persze ennek is megvan a maga tanulási görbéje. Főleg azoknak, akik évek óta a régi szerkesztőt használják, meglepő és kezdetben kicsit idegesítő lehet, hogy most át kell szokni az újra.

Nem kell félni a változástól. Kell pár órát kattintgatni az új felületen, és utána olyan lesz, mintha mindig is ezt használtad volna. Sőt, nem is fogod érteni, hogy eddig hogyan éltél nélküle.

Ezek után kellenek még oldalépítők?

Jogos a kérdés, hogy mivel a Gutenberg blokkokat, plusz elemeket hoz be, van-e még értelme a Divi Visual Builderének és a hasonló oldalépítőknek.

A válasz egyértelműen IGEN.

Igaz, hogy a Gutenberggel is letisztult, modern dizájnú oldalak érhetőek el, de még mindig számtalan olyan megoldás van, amire csak egy profi oldalépítővel leszel képes.

Emiatt a használatuk továbbra is teljesen indokolt.

master-layout-mockup

Voltak viszont olyan felhasználók, akik a bejegyzéseiket is az oldalépítőjükkel készítették. Ez azért volt bajos, mert egy új sablonra való váltásnál ezeket teljesen újra kellett húzni.

Mikor mi Avadáról a Divire váltottunk, nálunk is volt pár alkalom, amikor jobb dizájnt vagy plusz elemeket akartam betenni egy cikkbe, és ehhez átváltottam az oldalépítőbe. Ez a mostani szerkesztőváltásnál teljesen meghülyítette a dolgokat.

Ezért is ajánlott a blogbejegyzéseket inkább az alap szerkesztővel készíteni, ami most a Gutenbergnek köszönhetően még királyabb lesz. Mindegy, hogy utána váltasz-e sablont, ha ebben hagyod a cikkeket, akkor végletekig egyszerű lesz a váltás később is.

Hogyan frissítsd a WordPress 5.0-t?

Mivel ez egy lényeges frissítés, így összeakadhat az új verzió a különböző bővítményeiddel és sablonoddal, így érdemes nagyon odafigyelni.

Sokan nem mernek már most (december 7-én írtam a bejegyzést, 1 nappal a megjelenés után) nekivágni az egész procedúrának, és igazából megértem azokat, akik így gondolkodnak.

A következő napokban, hetekben több százezer frissítés megy végbe az egész WordPress univerzumban, és ilyenkor jönnek ki igazán a bugok, hibák, amikre nem lehet előre felkészülni. Pár napon belül megoldják őket a fejlesztők, így utána már sokkal magabiztosabban mehet a frissítés.

Ha bátor vagy és a következő lépéseket betartod, akkor nagy baj nem történhet. Mi is ezeket tettük meg a fő weboldalunknál, amit jelenleg is olvasol.

  1. Készíts egy biztonsági mentést a weboldalad jelenlegi állapotáról.
  2. Elsőnek frissítsd a bővítményeid és sablonod.
  3. Frissítsd a WordPress-t 5.0-ra.
  4. Csekkold le az oldalaid monitoron és mobilról is.
  5. Járj egy örömtáncot, amiért semmi sem omlott össze.

Ha mégis probléma lenne valamivel, akkor keresgélj utána Google-ön, fórumokon, WP-s Facebook csoportokban. Valószínűleg nem vagy egyedül, így lehet, hogy már meg is találták a hiba gyökerét.

Ha sehogy se lenne jó, akkor se kell aggódnod, mert a biztonsági mentést bármikor vissza tudod tenni.

Mi történik a régi tartalmaiddal?

Számomra is elég ijesztő felismerés volt, hogy itt bizony lehetnek bajok.

Természetesen gondoltak a félelmekre és alapértelmezetten igaz is lett, hogy megmaradt a régi tartalom, ami most már az új szerkesztőben jelenik meg.

Csak arra nem gondoltam, hogy a teljes régi cikk tartalma egy nagy szöveges blokkban fog megjelenni.

Konvertálás blokkokká
Két kattintással blokkokká tudod varázsolni a régi tartalmadat

Szerencsére ezt 2 kattintással átalakíthatod blokkokká, és onnantól az új módszerrel tudod szerkeszteni.

Nálunk is ráfér már pár cikkre a frissítés, és ez egy igen jó indok arra, hogy alakítsunk és fejlesszünk rajtuk.

Összefoglalás – Gutenberg

Óriási változás a WordPress életében ez a frissítés, ráadásul nekem újra kell vennem néhány videót a tanfolyamokhoz, de én nagyon örülök az újításnak.

Nálunk semmi váratlan hiba nem történt eddig, szóval a frissítéssel se volt problémánk.

Egyértelműen kell idő, amíg megszokjuk ezt az új felületet. Én már játszottam vele az elmúlt hónapokban, de ez volt az első cikk, amit végig itt írtam.

Persze volt olyan funkció, amit kerestem az elején, de miután meglett, rájöttem, hogy sokkal logikusabb így.

Biztos rengeteg sok újítást kapunk még, sok dolgot kijavítanak, de a fejlesztők büszkék lehetnek, mivel egy nagyon jó szerkesztőt raktak össze. 
Én már most nagyon szeretem, élmény vele dolgozni.

Figyelj a frissítés lépéseire, és ha bebiztosítottad magad, kezdd el használni a Gutenberget!

Ha gyorsabban szeretnéd elsajátítani a kezelését és érdekel, hogy miként tudsz egyszerűen profi weboldalt készíteni, akkor a WordPress kurzusaink pont ebben segítenek. Pár napon belül élesek is lesznek az új videók a Gutenbergről. Sok sikert a szerkesztéshez!

Tanuld meg ingyenesen a WordPress alapjait!

7 napos online oktatóvideós tanfolyam, ami segít elindulni a saját WordPress utadon.