WordPress Gutenberg blok editor


Dva načina izrade WordPress sajta bez programiranja su Gutenberg blok editor i pejdž bilderi (Elementor, Divi …).

WordPress Gutenberg blok editor je već instaliran u besplatnoj WordPress (WP) platformi.

Pomoću njega se WordPress (WP) sajt pravi jednostavnim ređanjem blokova. Blokovi su pojedinačni elementi.

Najčešće se koriste sledeći blokovi: Naslov (Heading), tekst (Paragraf), slika (Image), video, razmak (Spacer) itd.

gutenberg-blokovi

Post koji gledaš je napravljen ređanjem Gutenberg blokova.

Koristio sam blokove:

Naslov (Heading)
Tekst (Paragraf)
Razmak (Spacer)
Slika (Image)
Kolone (Columns)
Video (Vimeo)


WordPress Gutenberg blok editor prednosti i mane

WordPress za početnike ti praktično pomaže da praviš WP sajt na najjednostavniji način, u Gutenberg blok editoru.

Prednosti Gutenberg editora: brzina i jednostavnost.

Sajt napravljen u Gutenbergu je mnogo brži od istog sajta napravljenog u pejdž bilderima. WP sajt se u Gutenbergu pravi jednostavnim ređanjem blokova.

wp-gutenberg-blok-editor
WordPress (WP) Gutenberg blok editor

Mane Gutenberga su slabija preglednost i nedovoljno opcija za dizajn WordPress (WP) sajta.

Ali, to se nadoknađuje WordPress dodacima (plugins) za proširenje opcija Gutenberg blok editora, kojih je sve više.

Treba razlikovati Gutenberg editor i Gutenberg plugin.

Gutenberg editor blokovi

U Gutenberg blok editoru ima puno blokova. Ti Gutenberg blokovi se zovu Core Blocks (kor bloks). Core – jezgro.

Gutenberg blokovi su podeljeni u kategorije: Text, Media, Design, Widgets, Theme i Embeds.

Klikni ispod da vidiš prezentaciju Gutenberg blokova. Nedavno su u Text grupu dodata 2 bloka: Details i Footnotes.

Većina tih blokova se ne koristi u praksi. Desetak blokova se koristi stalno i desetak blokova se koristi povremeno.

Uređivanje Gutenberg blokova

Svaki Gutenberg blok ima posebne opcije za uređivanje bloka. Te opcije su na 2 mesta: Toolbar (traka sa alatima) iznad selektovanog bloka i Sidebar (desna bočna traka).

gutenberg-blok-opcije
WordPress Gutenberg opcije za uređivanje bloka

Pomoću tih opcija se uređuju izgled i pozicija bloka.

Upravo tu je glavna mana Gutenberg blok editora. Nema dovoljno opcija za uređivanje pojedinačnih blokova.

To se nadoknađuje instaliranjem nekog WP dodatka (plugin) za Gutenberg blok editor. Ti Gutenberg dodaci (plugins) ne usporavaju sajt, a dodaju nove blokove ili dodatne opcije.

gutenberg-image-blok
WordPress Gutenberg Core Image blok
gutenberg-image-blok
WordPress Gutenberg Core Image blok

Ja koristim Kadence Blocks WP dodatak (plugin). Primer dodatnih opcija za uređivanje slike.

kadence-image-blok
Kadence Blocks – Advanced Image blok

Na donjoj slici vidiš koliko ima više opcija za uređivanje slike u Kadence bloku za sliku (Advanced Image).

WordPress dodaci (plugins) za Gutenberg blok editor

U poslednje vreme se pojavljuje sve više WP plaginova koji imaju dodatne funkcije za WP Gutenberg blok editor.

Sada se i sa Gutenberg blok editorom može praviti fensi sajt koji je mnogo brži od istog sajta napravljenog pejdž bilderom.

TI WP dodaci (plugins) omogućuju da Gutenberg editor ima sve funkcije za dizajn koje imaju i pejdž bilderi. Ali je sa njima WordPress sajt mnogo brži nego sa pejdž bilderima.

Ovi dodaci ili imaju iste blokove kao i u Core Gutenberg blokovima, ali sa dodatnim funkcijama za uređivanje. Ili imaju nove blokove kojih nema u Core blokovima.

Većina ovih dodataka ima i besplatnu i premium verziju.

kadence-free-blocks
WP plugin Kadence Blocks – Free blocks

Najpoznatiji WP dodaci za Gutenberg

Ovo su najpoznatiji WP dodaci za Gutenberg blok editor, prema trenutnom broju aktivnih instalacija:

Od novijih se posebno ističe GreenShift (20.000)

Napomena: Svi ovi Gutenberg dodaci su brzi. Ali, pojedini blokovi u njima takođe usporavaju sajt. Na primer Slider.

Postoje i kombinacije WP teme i WP dodatka (plagina).

GeneratePress tema + GenerateBlocks plugin
Kadence tema + Kadence Blocks plugin
GreenShift tema + GreenShift plugin.

Ali oni ne moraju da se koriste zajedno.

Ako razumeš engleski, pogledaj odličan video Top 20 Most Popular Block Collections koji je uradio David McCan.

Svaki Gutenberg plugin se može koristiti na bilo kojoj temi. Može se koristiti više njih istovremeno.

Napomena: Na jednom sajtu se može koristiti više ovih Gutenberg dodataka (plugins). Ali, ne treba preterivati.

Ako znaš engleski, preporučujem ti da pogledaš Gutenberg video tutorijale na YouTube kanalu Jack Cao – Gutenberg

wordpress-izazov
WordPress IZAZOV

Prihvati WordPress IZAZOV i dokaži da znaš da praviš sajt

Kako izabrati dobar WP plugin

Treba videti stranicu svakog od ovih dodataka i pogledati koje dodatne Gutenberg blokove ima i koji ti trebaju.

Najbolje je da se svaki plugin isproba na sajtu.

WP Hive je dodatni alat za analizu WP dodataka. Ima i Google Chrome dodatak.

generateblocks-vs-kadenceblocks
WP Hive – GenerateBlocks vs Kadence Blocks

Na WP Hive sajtu možeš da uporediš WP dodatke.


WordPress Video kurs

BESPLATAN i 100% praktičan
WP Video kurs za početnike

Imaš pristup WP sajtu na kom ODMAH
učiš izradu sajta uz tutorijale iz kursa

Pogledaj WordPress Video kurs


Zaključak

WordPress Gutenberg blok editor je već u WordPressu. To je najjednostavniji način izrade WP sajta bez programiranja.

wordpress-gutenberg-blok-editor-naslovna-slika
WordPress Gutenberg blok editor

Preporučeni video

Prijavi se (subscribe) na moj YouTube kanal i klikni na zvonce da dobiješ obaveštenje kad objavim video.

Sajt. Znanje. Zarada.

Ako želiš da dobiješ sve ovo

  • Domen 14$ + Hosting 34$ + WP tema 59$
  • Pomoć 1 na 1 u izradi tvog WP sajta
  • Video kurs Marketing sistem 250 tutorijala
  • Zarada od svake prodaje 30$ + 10$ mesečno

Uključi se u Affiliate program Znanje i Zarada

Pomozi mi da kreiram još bolji sadržaj.
Upiši ispod svoj komentar ili pitanje.

Leave a Reply

Your email address will not be published. Required fields are marked *