Vodnik za WordPress Gutenberg urejevalnik

Kaj je Gutenberg editor

Gutenberg je block editor, ki je od različice WordPress 5.0 zamenjal klasični WordPressov editor (TinyMCE). Namesto enega velikega besedilnega polja Gutenberg uporablja sistem blokov, kjer je vsak element vsebine - odstavek, slika, naslov, seznam, video - poseben blok, ki ga lahko neodvisno urejate, premikate in stilizirate.

Ime je dobil po Johannesu Gutenbergu, izumitelju tiskarne s premičnimi črkami. Tako kot je Gutenbergova tiskarna revolucionirala ustvarjanje vsebine v 15. stoletju, WordPress Gutenberg editor revolucionira način, kako ustvarjamo spletno vsebino.

Če prihajate s klasičnega editorja, lahko prehod na Gutenberg sprva deluje zmedeno. Naš vodnik za izdelavo spletne strani v WordPressu pokriva osnove, ki vam bodo pomagale. Toda ko obvladate osnove, Gutenberg nudi veliko več fleksibilnosti in nadzora nad videzom vaše vsebine brez potrebe po znanju HTML-a ali CSS-a.

Osnove dela z bloki

Dodajanje blokov

Za dodajanje novega bloka kliknite na modri "+" gumb, ki se pojavi med bloki ali v zgornjem levem kotu editorja. Odpre se meni z vsemi razpoložljivimi bloki, organiziranimi po kategorijah: Text, Media, Design, Widgets, Theme in Embeds. Lahko tudi preprosto vtipkate "/" v praznem odstavku za hitro iskanje blokov.

Najpogostejši bloki

• Paragraph: Osnovni blok za besedilo. Podpira krepko, ležeče, povezave in inline oblikovanje.
• Heading: Naslovi od H2 do H6. Uporabite jih za strukturiranje vsebine (H1 je običajno naslov objave).
• Image: Vstavljanje slik z možnostmi za velikost, poravnavo, alt besedilo in povezavo.
• List: Oznakovani in oštevilčeni seznami z ugnezdenimi postavkami.
• Quote: Poudarjeni citati s stiliziranim videzom.
• Gallery: Galerija slik s samodejno postavitvijo in lightbox prikazom.
• Cover: Slika z besedilom čez - odlično za sekcije z ozadno sliko.
• Columns: Organizirajte vsebino v stolpce (2, 3 ali več) za bolj kompleksne postavitve.

Urejanje in premikanje blokov

Vsak blok ima orodno vrstico, ki se pojavi nad njim, ko ga izberete. Orodna vrstica vsebuje možnosti, specifične za to vrsto bloka. Na desni strani editorja panel z nastavitvami ponuja dodatne možnosti za izbrani blok (barve, tipografija, razmiki).

Bloke lahko premikate z metodo drag-and-drop ali s puščicami gor/dol v orodni vrstici. Lahko jih tudi združite, kopirate, podvojite ali pretvorite v drugo vrsto bloka (na primer odstavek v naslov).

Napredni bloki

Group blok

Group blok vam omogoča združevanje več blokov v eno celoto. To je uporabno za uporabo skupne barve ozadja, razmika ali okvirja na skupini blokov. Na primer, lahko združite naslov, odstavek in gumb v "kartico" z barvo ozadja in zaobljenimi robovi.

Columns blok

Columns blok ustvari večstolpčno postavitev. Izbirate lahko med predefiniranimi različicami (50/50, 33/33/33, 25/50/25 itd.) ali ročno nastavite širino vsakega stolpca. V vsakem stolpcu lahko dodajate poljubne bloke. Na mobilnih napravah se stolpci samodejno zložijo navpično.

Table blok

Za prikaz tabelarnih podatkov Table blok nudi preprost način za ustvarjanje tabel brez HTML-a. Lahko nastavite število vrstic in stolpcev, stilizirate glavo in nogo tabele ter uporabite progast slog za boljšo berljivost. Za bolj kompleksne tabele razmislite o vtičniku, kot je TablePress.

Reusable bloki (Synced Patterns)

Od WordPress 6.3 so reusable bloki preimenovani v "Synced Patterns". To je ena najmočnejših funkcionalnosti Gutenberga. Kateri koli blok ali skupino blokov lahko shranite kot pattern, ki ga nato uporabljate na več straneh.

Ključna razlika: ko spremenite synced pattern, se sprememba samodejno uporabi na VSEH straneh, kjer je bil ta pattern uporabljen. To je idealno za elemente, ki se ponavljajo na več straneh - pozivi k akciji (CTA), kontaktni podatki, promocijski transparenti, newsletter obrazci.

Za ustvarjanje synced patterna: izberite blok ali več blokov, kliknite na tri pike v orodni vrstici, izberite "Create pattern" in ga poimenujte. Za vstavljanje na drugo stran ga najdete v Patterns sekciji block inserterja.

Bližnjice na tipkovnici

Bližnjice na tipkovnici dramatično pospešijo delo v Gutenbergu. Tukaj so najbolj uporabne:

• / (poševnica): V praznem odstavku odpre hitro iskanje blokov.
• Ctrl+Shift+D: Podvoji izbrani blok.
• Ctrl+Alt+T: Doda nov blok nad trenutnim.
• Ctrl+Alt+Y: Doda nov blok pod trenutnim.
• Ctrl+Shift+Z: Redo (ponovitev preklicane akcije).
• Ctrl+Z: Undo (preklic zadnje akcije).
• Escape: Izbere blok (prehod iz editing v select mode).
• Enter: Ustvari nov blok spodaj.
• Ctrl+Shift+,: Skrije/prikaže stranski panel z nastavitvami.
• Shift+Alt+H: Prikaže vse razpoložljive bližnjice na tipkovnici.

Na Macu uporabite Cmd namesto Ctrl. Te bližnjice delujejo v vseh modernih različicah WordPressa.

Nasveti za učinkovitejše delo

Uporabite "List View" (Ctrl+Alt+O), da vidite strukturo vseh blokov v hierarhičnem prikazu - še posebej uporabno za dolge strani. Preizkusite "Fullscreen" način za delo brez motenj. Uporabite možnost "Top Toolbar", če vam moti orodna vrstica, ki skoči nad vsakim blokom. Organizirajte pogosto uporabljene bloke v patterns za hitrejše ustvarjanje vsebine.

Zaključek

Gutenberg editor je močno orodje, ki preoblikuje način ustvarjanja vsebine v WordPressu. Pristop blokov vam daje vizualni nadzor brez potrebe po kodi, synced patterns prihranijo čas pri ponavljajoči se vsebini, bližnjice na tipkovnici pa pospešijo vsakodnevno delo. Vložite čas v učenje Gutenberga - večkratno se vam bo povrnil. Za optimalno zmogljivost editorja uporabite gostovanje, optimizirano za WordPress, za hitrejše in kakovostnejše ustvarjanje vsebine.