Zašto je WordPressov Gutenberg dobar izbor?

Naslov članka je zapravo trebao biti “Zašto trebate odabrati Gutenberg radije nego neke druge uređivače sadržaja za WordPress?“, ali ne želimo nametati svoje mišljenje – bez obzira što je ono temeljeno na dugogodišnjem iskustvu s WordPress alatima. U ovom članku želimo dati objektivan uvid u prednosti ovog content editora (uređivača sadržaja) u odnosu na druge koji su dostupni na tržištu.

Prije nego pređemo na stvar, dotaknimo se dalekog WordPressovog početka, kad je on služio prvenstveno kao blog platforma, pa korisnicima nisu niti trebale neki napredniji alati za uređivanje njihovog sadržaja. U međuvremenu je WordPress izrastao u vrlo ozbiljan CMS sustav koji skupa s WooCommerceom čini najpopularniju e-commerce platformu na svijetu, te ga je moguće iskoristiti za razvoj naprednijih web aplikacija.

No, svih tih godina njegovog rasta napredne mogućnosti uređivanja sadržaja ostajale su u drugom planu, pa su se na tržištu počela pojavljivati rješenja trećih strana (pluginovi) koje je moguće integrirati s manje-više svakom WordPress temom, a danas su najpoznatija WPBakery (Visual Composer), Elementor, Divi i neki drugi.

A onda je WordPress odlučio izbaciti svoj vlastiti page builder čija je glavna prednost upravo to što je sastavni dio CMS-a (ne zahtijeva dodatne instalacije), a upravo to osigurava niz drugih prednosti kojima se ne mogu pohvaliti ostali uređivači sadržaja.

Neke od prednosti Gutenberga su sljedeće:

  • Dolazi s instalacijom WordPressa, ne zahtijeva dodatne instalacije.
  • Nije potrebna plaćena godišnja licenca, što ujedno znači smanjen trošak budućeg održavanja (ažuriranje verzija pluginova).
  • Znatno manje opterećuje rad web stranice (za razliku od drugih uređivača sadržaja trećih strana) jer koristi najmodernije tehnologije i razvojne alate današnjice, React framework i Javascript, te koristi WordPress-ov nativni REST API za komunikaciju sa backendom (bazom podataka). U praksi to se preslikava na daleko brži odaziv u radu, a za korisnika to znači puno manje vremena čekanja na spremanje podataka, te nenadmašno korisničko iskustvo uređivanja sadržaja.
  • Posjeduje mnoštvo naprednih mogućnosti za prezentaciju različitih tipova sadržaja.
  • Fleksibilan za funkcionalne i stilističke prilagodbe.
  • Kompatibilan s mnogim najpopularnijim WordPress pluginovima, kao što su WooCommerce (za koje posjeduje i prilagođene blokove), ACF (s kojim se može kombinirati u smislu dodatnih blokova) i sl..
  • U WordPressovom repozitoriju već sada postoje stotine besplatnih pluginova koji su namijenjeni različitim proširenjima Gutenberga, a s obzirom na rast programerske zajednice, u budućnosti možemo očekivati i rast broja ekstenzija.
  • Pregledan kod uređivanja i jednostavan za korištenje bez programerskog ili tehničkog predznanja.
  • Iako se Gutenberg ne može nazvati klasičnim page builderom, ipak njegove mogućnosti apsolutno zaslužuju taj naziv. S druge strane, Gutenberg kreira za istu količinu kreiranog sadržaja daleko manju količinu koda, te znatno bolje kotira na servisima kao što su Google Page Insights i GTMetrix u odnosu na druge page buildere, ponajprije popularni Elementor. Ovo postaje vrlo važan faktor u rangiranju na tražilicama, i sigurno će u budućnosti biti razlog što će mnogi webovi s vremenom migrirati sa drugih page buildera na Gutenberg.

Ukratko, Gutenberg teško da ne posjeduje nešto što je prosječnom vlasniku ili administratoru web stranice potrebno. A uz to, ako vam kažemo da će vaša web stranica raditi nekoliko puta brže s Gutenbergom, nego s npr. Elementor ili Divi uređivačem, a posebno ako imate web trgovinu s velikom bazom podataka i značajnom posjećenošću, onda vas vjerojatno ne moramo dalje uvjeravati da Gutenbergu date priliku.

Pogledajmo Gutenberg na djelu u nekoj realnoj situaciji

Da previše ne filozofiramo – pogledajmo što Gutenberg može u realnoj situaciji, tj. na web stranici gdje je kvalitetan uređivač sadržaja nužan.

Jedna takva web stranica je unidental.hr. Kad smo ugovarali ovaj projekt, naši klijenti iz tvrtke Unidental d.o.o. su najavili veće količine sadržaja, i izrazili želju da im omogućimo napredne mogućnosti prezentacije tekstova, videa, galerija fotografija, tablica i sl..

U nastavku je galerija fotografija koja pokazuje neke od stranica proizvoda tvrtke Unidental.hr. Svaku od njih karakteriziraju različiti sadržajni elementi – naslovi, tekstualni opisi, natuknice (bulleted liste), izmjenjivači fotografija, galerije fotografija, video playeri, tablice, PDF brošure i sl.:

Kliknite na slike za veću verziju. Sve slike pokazuju stvarne stranice proizvoda na unidental.hr koje su kreirane pomoću Gutenberga (preko 100 njih, koje možete vidjeti i na https://unidental.hr/proizvodi/

Dakle, ukoliko želite da vaš sadržaj bude atraktivno posložen i ugodan za korištenje, te ukoliko želite moći samostalno administrirati taj sadržaj, Gutenberg može biti vrlo solidno rješenje za vas.

Kako Gutenberg izgleda iznutra (backend)?

U nastavku je nekoliko slika najčešćih Gutenberg blokova, koji su korišteni na unidental.hr:

Neke od neočekivanih prednosti Gutenberga

Ono što najviše oduševljava, jest Gutenbergova kompatibilnost s Wordom i Excelom – alatima koje često koristimo za uređivanje sadržaja, neovisno o web stranicama, ali iz kojih uglavnom i kopiramo tekst u CMS.

Dakle, Gutenberg prilikom kopiranja teksta iz Worda i pejstanja u CMS gotovo savršeno kreira sadržajne blokove – bilo da se radi o tekstu, ili slikama.

Isto tako, stupce i redove klasičnih Excel tablica će prihvatiti bez ikakvog pogovora, i još vam omogućiti da ju u samo jednom koraku stilizirate i učinite manje suhoparnom.

Kopiranje teksta iz Worda (Google .docs) u Gutenberg

Kopiranje tablica iz Excela (Google sheets) u Gutenberg

Undo / Redo

Navest ćemo vam i još jednu stvar koja nas oduševljava u radu s Gutenbergom, a užasava u radu s drugim uređivačima – ako nešto pogriješite prilikom kreiranja sadržaja, pa čak i kod kreiranja blokova, kod Gutenberga se možete vratiti koliko god koraka želite nazad tipkom “Undo” ili kombinacijom tipki “CTRL+Z” (ili naprijed sa CTRL+SHIT+Z), što je nemoguće s drugim uređivačima. Ako pri korištenju WPBakery uređivača greškom nešto obrišete (npr. određeni blok), sav sadržaj u tom bloku je izgubljen trajno. Kod Gutenberga je dovoljno pristinuti CTRL+Z ili kliknuti na Undo koliko god puta želite, te time možete u par sekundi revidirati svoje uređivanje.

Što je Gutenbergov najveći problem?

Gutenberg nije savršen, ali kako stara poslovica kaže – mlad je, pa mu je oprošteno. Činjenica je da ima još puno toga za naučiti i primijeniti, a to se prvenstveno odnosi na veću razinu intuitivnosti i bolje korisničko iskustvo. Neki korisnici mu zamjeraju teškoće s “drag&drop” funkcionalnostima (iako, iskreno, vidjeli smo i puno gore izvedbe na nekim drugim uređivačima sadržaja), drugima (koji su naviknuti na neke druge uređivače sadržaja) je prekompliciran – iako ne zato što su neki drugi uređivači jednostavniji (jer WPBakery, Elementor i Divi to sigurno nisu), već jer su naviknuti na drukčiji principe funkcioniranja ili jer im je klasični WordPressov editor bio sasvim dovoljno dobar.

Dakle, što će za vas osobno biti najveći Gutenbergov problem? Po nama to što ćete si trebati uzeti nešto vremena da ga proučite i malo se obučite oko nekih naprednijih mogućnosti – one najosnovnije, kao što su pejstanje teksta iz Worda, ćete savladati za manje od minute, što dokazuje i naš video iz ovog članka. Kada savladate njegove opcije, vjerojatno ćete biti izrazito zadovoljni, jer će vam omogućiti napredniju i atraktivniju prezentaciju sadržaja, a ujedno neće raditi problem u radu web stranice ili web trgovine.

Ako se odlučite surađivati s nama na izradi vaše web stranice, video obuka za buduće uređivanje sadržaja kroz Gutenberg je sastavni dio svakog našeg projekta i svakom klijentu ju osiguravamo besplatno.

 

Izrada web stranica i trgovinaU potrazi ste za ozbiljnom programerskom agencijom koja će vam biti partner u razvoju buduće web stranice ili trgovine?

 

Obratite nam se putem web formulara, e-maila prodaja@webizrada.org ili broja telefona 091 / 455 – 1066 (12-17h) i pitajte nas o svim detaljima naše ponude. Više informacija o našoj usluzi izrade web stranica saznajte ovdje. Naš tim spremno čeka vaše javljanje!