Oblikovanje z Gutenberg bloki

Gutenberg bloki so vgrajena funkcionalnost platforme WordPress, ki nam omogoča oblikovanje prispevkov in strani s pomočjo vizualiziranih blokov. Oblikovanje prispevkov je izrednega pomena, saj s tem poskrbite, da vaša vsebina pritegne obiskovalce še preden jo dejansko preberejo. Z Gutenberg bloki dele vsebine obravnavamo kot samostojne enote, s čimer jih lažje oblikujemo in premikamo naokoli tako kot si sami želimo. Alternativno lahko uporabimo tudi Classic editor.

Uporabljeni vtičniki

• Gutenberg (vključen v WordPress jedro)

 

---

 

Gutenberg vmesnik

 

Gutenberg vmesnik se na prvi pogled morda zdi povsem drugačen od klasičnih urejevalnikov besedil, ki smo jih navajeni iz drugih okolij. Gutenberg bloki stremijo k temu, da uporabljamo gradnike za sestavljanje naše vsebine, s čimer lažje zagotovimo konsistenten design na vseh prispevkih oziroma straneh. Znak 1) + je gumb, s katerim dostopamo do Gutenberg blokov. V polju 2) Add title dodamo naslov prispevka ali strani. Slednje je pomembno za avtomatsko generiranje povezave do prispevka. V polju 3) Start writing or chose a block pa lahko že vnašamo našo vsebino.

 

 

S klikom na 1) + se nam odprejo možnosti Gutenberg blokov, ki jih lahko uporabimo. Kliknemo na tistega, ki ga potrebujemo ter vnesemo vsebino zanj, za oblikovanje pa bo poskrbel blok sam.

Urejanje besedila

 

Gutenberg bloki v sebi nosijo vnaprej pripravljene stile oblikovanja. Ti stili so odstavek, naslov (z več nivoji), seznam, brez oblikovanja, citat ter verz. Slog bloka izberemo tako, da se z miško premaknemo v levi zgornji kot bloka, da se nam pokaže 1) dodatna vrstica urejevalnika. Kliknemo 2) gumb trenutnega stila in iz pojavnega okna izberemo novega.

 

 

Dodajanje večpredstavnostnih datotek

 

Če želite v prispevek dodati fotografijo, video ali drug dokument, kliknete + na vrhu vmesnika in s seznama izberete možnost Image. Odpre se 4) okno za nalaganje, kamor potegnete želeno datoteko ali pa jo izberete med ponujenimi. Izbor potrdite s klikom na gumb 5) Vstavi v prispevek.

 

 

Zaključek urejanja

 

Prispevku lahko določite tudi Prikazno sliko (neobvezno). To je slika, ki spremlja posamezen prispevek, ko je le ta prikazan v mreži/seznamu večih prispevkov. Prikazno sliko določite tako, da kliknete Določi prikazno sliko.

 

 

Odpre se vam enako okno kot v primeru dodajanja večpredstavnostnih datotek. Nato izberete sliko iz medijske knjižnice in kliknete gumb Določi prikazno sliko.

 

Ko končamo z urejanjem, shranimo vse spremembe tako, da kliknemo gumb Objavi.