Oblikovanje z Gutenberg bloki

[vc_row full_width="stretch_row_content" content_placement="middle" css=".vc_custom_1572881907269{padding-top: 100px !important;padding-bottom: 100px !important;background-image: url(https://revolver2.exo.si/wp-content/uploads/2019/11/revolver-navodila-gutenberg-bloki-background.jpg?id=2560) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][vc_custom_heading source="post_title" font_container="tag:h1|font_size:3.5%20em|text_align:center|color:%23ffffff|line_height:1%20em" use_theme_fonts="yes" css=".vc_custom_1568702647777{margin-top: 0px !important;padding-top: 0px !important;}"][/vc_column][/vc_row][vc_row][vc_column width="2/3" el_class="navodila-body"][vc_gutenberg]

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.

[/vc_gutenberg][/vc_column][vc_column width="1/3"][vc_column_text]

VEČ NAVODIL

[prev]

[next]

[/vc_column_text][vc_widget_sidebar sidebar_id="cs-1"][/vc_column][/vc_row][vc_row][vc_column css=".vc_custom_1568701330961{padding-top: 50px !important;}"][vc_separator el_width="50"][vc_column_text]

Oglejte si še ostale vodiče! Če imate kakšno vprašanje, nam pišite - z veseljem odgovorimo.

[/vc_column_text][/vc_column][/vc_row]