WordPress Gutenberg editor blokovi

Gutenberg blok editor je sastavni deo WP platforme. U njemu se stranice i postovi kreiraju ređanjem blokova.

Gutenberg blokovi su Core (kor) blokovi. Core – jezgro. Trenutno ima ukupno 99 Core Gutenberg blokova.

WordPress Gutenberg editor blokovi se dele u 6 grupa.

1. Text (12 blokova)
2. Media (7 blokova)
3. Design (10 blokova)
4. Widgets (12 blokova)
5. Theme (26 blokova)
6. Embeds (32 bloka)

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

Pogledaj spisak svih WordPress Gutenberg blokova.

.SADRŽAJ

WordPress Gutenberg editor blokovi – Tri bitne stvari

Postoje tri bitne stvari u vezi Core Gutenberg blokova.

1. Statični i dinamički blokovi
2. Obični i kontejner blokovi
3. Klasične i Blok WP teme

Pogledaj video tutorijal

Statični i dinamički blokovi

Svi Core Gutenberg blokovi se mogu podeliti u dve vrste. Postoje statični i dinamički blokovi.

Statični blokovi se koriste za ubacivanje novih pojedinačnih sadržaja na stranice i blog postove

Statični blokovi su, na primer, Paragraph (za tekst), Heading (naslov), Image (slika), Columns (kolone) itd.

Dinamički blokovi su šabloni koji automatski “povlače” i prikazuju sadržaj koji već postoji na sajtu

Dinamički blokovi su, na primer, Site Logo, Site Title, Navigation, Post Content, Post List, Query Loop itd.

Dinamički blokovi se uglavnom koriste u Blok WP temama u okviru šablona za stranice i blog postove.

Ispod je dinamički blok – Latest Posts (poslednji postovi). Kada se ubaci na stranicu taj blok automatski prikazuje najnovije blog postove koji već postoje na sajtu.

• WordPress u slikama
• GreenShift WordPress tema – Recenzija
• 4 načina izrade WordPress sajta
• 5 delova WordPress sajta
• Kako ubaciti link u WordPress sajt

To je dinamički blok jer ovde prikazuje moje postove, a kod tebe će pokazati postove sa tvog sajta.

Kontejner Gutenberg blokovi

Ima nekoliko statičnih blokova koji se zovu kontejner blokovi. U njih mogu da se ubace drugi blokovi.

Kontejner blokovi: Cover, Group, Columns, Row i Stack.

Buttons blok je kontejner blok. Ali u njega može da se ubacuje samo Button blok, odnosno pojedinačno dugme.

Klasične i Blok WordPress teme

Postoje dve vrste WordPress tema: Klasične i Blok teme. Blok teme forsira sam WordPress i one su budućnost.

Klasične i blok WordPress teme

Bitna stvar u vezi Gutenberg blokova i vrste WP teme:

Core Gutenberg blokovi imaju dodatne opcije za uređivanje kada se koriste u Blok WP temi.

1. Text Gutenberg blokovi

Grupa Text sadrži 12 WordPress Gutenberg blokova.

Paragraph, Heading i List blokovi se u praksi koriste stalno. Table i Details blok povremeno. Ostali blokovi skoro nikad.

2. Media Gutenberg blokovi

Grupa Media sadrži 7 WordPress Gutenberg blokova.

Image blok se u praksi koristi stalno. Cover i Gallery blokovi povremeno. Ostali blokovi skoro nikad.

3. Design Gutenberg blokovi

Grupa Design sadrži 10 WordPress Gutenberg blokova.

More i Page Break blokovi se u praksi ne koriste skoro nikad. Separator i Spacer blokovi se koriste povremeno. Ostali blokovi iz ove grupe se koriste vrlo često.

4. Widgets Gutenberg blokovi

Grupa Widgets sadrži 12 WordPress Gutenberg blokova.

Custom HTML, Shortcode i Social Icons blokovi se u praksi koriste povremeno. Ostali blokovi su dinamički blokovi i koriste se uglavnom u Blok WordPress temama.

5. Theme Gutenberg blokovi

Grupa Theme sadrži 26 WordPress Gutenberg blokova.

Svi blokovi u ovoj grupi su dinamički blokovi i koriste se u Blok WP temama u šablonima stranica i postova.

6. Embeds Gutenberg blokovi

Grupa Embeds sadrži 32 WordPress Gutenberg bloka.

Svi ovi blokovi služe da se u WordPress ubace sadržaji sa drugih platformi. U praksi se uglavnom koriste YouTube i Vimeo blokovi za ubacivanje videa sa tih platformi.

Nedostaci Gutenberg blokova

Gutenberg blokovi trenutno nemaju sve potrebne opcije za uređivanje pojedinačnih blokova.

U WP dodacima (plugins) za Gutenberg svaki blok ima posebne opcije za uređivanje bloka na desktopu, tabletu i telefonu. Toga nema u Core Gutenberg blokovima.

WP Plugins za Gutenberg

Ima sve više kvalitetnih dodataka za Gutenberg blok editor. Najpoznatiji su GreenShift, Kadence Blocks, Spectra, Stackable, GenerateBlocks, Gutentor itd.

Ovi dodaci (plugins) imaju svoje Gutenberg blokove sa znatno proširenim funkcijama za ueđivanje.

Gutenberg dodaci (plugins) se mogu koristiti i na Klasičnim i na Blok WordPress temama. Može se koristiti više tih dodataka istovremeno na jednom sajtu.

Zaključak

Gutenberg blokovi su Core (kor) blokovi. Core znači jezgro. WordPress Gutenberg editor blokovi su podeljeni u ovih šest grupa. Trenutno ima 99 Gutenberg blokova.

1. Text (12 blokova)
2. Media (7 blokova)
3. Design (10 blokova)
4. Widgets (12 blokova)
5. Theme (26 blokova)
6. Embeds (32 bloka)

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

Preporučeni video

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

WordPress Gutenberg blok editor

Dva načina izrade WP sajta bez programiranja su WP 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.

.SADRŽAJ

WordPress Gutenberg blok editor prednosti i mane

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

Prednosti Gutenberg editora: brzina i jednostavnost.

Pogledaj video tutorijal.

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.

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.

Postoje Gutenberg blok editor i Gutenberg plugin.

Gutenberg editor blokovi

Gutenberg blokovi se zovu Core Blocks (kor bloks). Core – jezgro.

WordPress Gutenberg editor blokovi

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

Nedavno su u Text grupu dodata još 2 bloka. To su blokovi 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).

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 nekim WP dodatkom (plugin) za Gutenberg blok editor. Ti Gutenberg dodaci (plugins) ne usporavaju sajt, a dodaju nove blokove ili dodatne opcije.

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

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

Sada 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 napraviti fensi sajt koji je mnogo brži od istog sajta napravljenog pejdž bilderom (Elementor, Divi).

TI WP dodaci (plugins) omogućuju da Gutenberg editor ima sve funkcije za dizajn koje imaju i pejdž bilderi. Ali je sa njima WP 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.

Najpoznatiji WP dodaci za Gutenberg blok editor

Ovo su najpoznatiji WordPress dodaci za Gutenberg editor, prema trenutnom broju instalacija:

• Spectra (1.000.000)
• Kadence Blocks (500.000)
• CoBlocks (400.000)
• Gutenberg (300.000)
• Otter (300.000)
• GenerateBlocks (200.000)
• Esential Blocks (200.000)
• Stackable (100.000)
• GreenShift (60.000)
• Getwid (50.000)
• Ultimate Blocks (50.000)
• Genesis Blocks (40.000)
• Gutentor (30.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.

GreenShift WordPress tema – Recenzija

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

GeneratePress WordPress tema – Recenzija

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

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

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.

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

Zaključak

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

Preporučeni video

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