4 Hľadáme nových kolegov! Pre viac informácií prosím pokračujte do sekcie kariéra

  • 02 - 581 010 62
  • Domény
    Webhosting
    Servery
    Nástroje
    O WY
    Blog
    Podpora
    Domény

    Doména je vaša internetová adresa, cez ktorú ľudia nájdu vašu webstránku.

    Pomôžeme vám vybrať tú najlepšiu. Vybrať si môžete z viac ako 150 koncoviek domén.

    Viac informácií


    Webhosting

    Vďaka webhostingu bude vaša stránka dostupná kedykoľvek. Poskytneme vám rýchle a spoľahlivé riešenie pre malé stránky, blogy, eshopy aj firemné prezentácie.

    Viac informácií


    Servery

    Potrebujete výkonnejší server pre svoj veľký projekt alebo náročnejší web?

    Vyberte si z našej ponuky serverových riešení, ktoré naplnia vysoké očakávania aj tých najnáročnejších webov či projektov.
    Viac informácií


    Nástroje

    Praktické business nástroje, ktoré pomôžu vášmu podnikaniu rásť. Vyskúšajte náš hromadný e-mailing SMTP Klerk či účtovný program POHODA.


    O nás

    Sme skupina nadšencov, ktorá sa už niekoľko rokov stará o vaše sny a podnikanie na internete.

    Sme spojkou medzi vami a vašimi snami o podnikaní vo svete internetu/na internete.

    Viac informácií


    Blog

    WY blog je určený pre všetkých, ktorí sa chcú dozvedieť viac z oblasti blogovania, marketingu, WordPressu, ale aj programovania, či podnikania.

    Prejsť na blog


    Zaujímavé články
    WordPress

    Podrobný návod ako si vytvoriť vlastnú web stránku

    Tipy a triky

    7 spôsobov ako vymyslieť perfektný názov domény

    Tipy a triky

    Ako raketovo zlepšiť rýchlosť načítania vašej webstránky

    Podpora

    Potrebujete poradiť? Sme tu pre vás na telefónnom čísle 02 – 581 010 62, e-maile helpdesk@wy.sk alebo chate.

    Spustiť chat


    Na našich stránkach používame súbory cookies. Pomáhajú nám vylepšovať web a služby. Pokračovaním súhlasíte so zberom dát.

    WordPress

    Všetko, čo potrebujete vedieť o Gutenberg editore

    V prípade, že pracujete s WordPressom alebo sa oň zaujímate, určite ste aspoň raz počuli slovo Gutenberg. Tento názov sa spája s editorom, ktorý je súčasťou WordPress verzie 5.0 a novších. Poskytuje veľké množstvo zaujímavých funkcií a je veľmi praktický. Ak sa s ním ešte len učíte pracovať, tento článok je rozhodne pre vás. 

    Čo to je Gutenberg editor? 

    Gutenberg je editor, ktorý sa nachádza v redakčnom systéme WordPress 5.0 a v novších. Nahradil predchádzajúci editor s názvom TinyMce. Gutenberg prináša rôzne zaujímavé funkcie a praktické možnosti. Je intuitívny a pracuje sa s ním jednoducho. 

    V rámci Gutenbergu využívate tzv. bloky. Tie následne tvoria obsah na webovej stránke. Bloky môžu obsahovať nielen text, ale taktiež videá, fotografie či tabuľky. Jednotlivé bloky sa dajú zamieňať a presúvať. 

    Gutenberg so sebou priniesol jednu z najväčších aktualizácií WordPressu za posledné roky. Ak sa vám v minulosti s TinyMce nepracovalo dobre, táto aktualizácia vás rozhodne poteší. 

     

    Vedeli ste, že … 

    … ešte predtým, ako sa stal Gutenberg súčasťou WordPressu, bol samostatným pluginom? Gutenberg plugin si mohli už dávnejšie užívatelia stiahnuť a editor vyskúšať.

     

    Hlavný účel Gutenberg editora 

    Hlavným cieľom aktualizácie a využitia Gutenberg bolo pomôcť užívateľom pri tvorení obsahu na web stránky. Intuitívne ovládanie a široké možnosti prispôsobenia potešili mnohých. 

    Druhým dôvodom môže byť aj to, že WordPress sa snaží konkurovať iným platformám. Gutenberg chce byť krok vpred. Posúva WordPress na vyššiu úroveň. Vizuálny editor v tomto systéme roky stagnoval. Bolo potrebné zmeniť ho a priniesť niečo zaujímavé.

     

    Vytvorenie stránky či článku 

    Vytvorenie novej stránky alebo článku je vo WordPress Gutenberg veľmi jednoduché a rýchle. Ak chcete vytvoriť stránku, kliknite na “Stránky” a “Pridať novú”. 

    Rovnako je to aj pri článkoch. Kliknite na možnosť “Články” a následne na “Pridať nový”. 

    Akonáhle kliknete na “Pridať nový”, objaví sa vám Gutenberg editor. Ak ste v ňom ešte nikdy nepracovali, privíta vás menšie okno. To vám editor v krátkosti priblíži

    Keď sa touto základnou inštruktážou preklikáte, dostanete sa už do samotného editora. Na prvý pohľad sa môže zdať prázdny, no opak je pravdou. 

    Do úplne prvého bloku označeného ako “Zadajte nadpis” vpíšete nadpis stránky/článku. Následne už začínate písať alebo vkladať to, čo potrebujete. 

    Keď napíšete názov, môžete si všimnúť, že sa dá upraviť aj slug (url) stránky. Ak by ste chceli iný, stačí kliknúť na možnosť “Upraviť” a jednoducho ho prepísať. 

    Základom sú bloky 

    Základom celého Gutenberg editora sú bloky. Práve preto sa často označuje aj ako “Editor blokov”. Čo to však znamená? 

    Blok obsahuje jednu časť obsahu. V texte to môže byť odsek. Pri obrázkoch sú to jednotlivé obrázky.

    Keď na blok kliknete, orámuje sa. Viete tak, kde končí a začína. 

    Na to, aby ste ho vytvorili, stačí do editora niečo napísať a stlačiť enter. Enterom sa dostanete do druhého bloku. 

    Snáď najväčšou výhodou je to, že bloky sú tzv. “drag and drop”. To znamená, že ich môžete navzájom presúvať. 

    Presúvať sa dajú kliknutím, podržaním a presunutím z miesta na miesto. Prípadne šípkou hore a dolu. 

    Vytváranie blokov v editore

    Vytváranie blokov je jednoduché a rýchle. Stlačením entera sa dostanete z jedného do ďalšieho. Ak v ňom však nechcete písať, ale chcete vkladať multimédiá či nadpis, kliknite na znak “+”.

    Po kliknutí na znak plus sa vám objavia ďalšie možnosti, ako napríklad pridať obrázok, odsek či zlom strany

     

    Na začiatku máte najpoužívanejšie možnosti. Po kliknutí na “Obrázok” sa vám objaví možnosť pridať obrázok z počítača alebo z galérie. Nadpisy majú taktiež viacero možností. Vyberáte si z Nadpisov H1, H2, H3, … Zoznam vám vytvorí odrážky. Tie sa dajú ešte definovať podľa vašich preferencií. 

    Ak by ste v najpoužívanejších nenašli to, čo potrebujete, stačí scrollovať nižšie

     

    Každá z možností má po rozkliknutí ďalšie desiatky funkcií. Prípadne, ak sa vám nechce hľadať, využite možnosť “Vyhľadať blok”. 

    V našom príklade sme využili možnosť odseku. Jeho výhodou je to, že sa automaticky vytvorí aj pri stlačení entera. Netreba ho samostatne vyberať z blokov. 

    Keď niečo do odseku napíšete, na vrchnej časti bloku sa vám zobrazia možnosti úpravy

    Máte tam základné možnosti ako zarovnanie, tučné písmo alebo kurzíva. Nechýba ani pridanie odkazu či prečiarknutie písma. 

    Ak by vám možnosti nestačili, stačí kliknúť na tri bodky

    Objavia sa vám ďalšie funkcie. 

    Nastavenia blokov však týmto stále nekončia. Ďalšie nájdete na pravej časti stránky. V tomto nastavení sa zobrazujú dve možnosti “Dokument” a “Blok”. 

     

    Keď upravujete blok, kliknite na “Blok”. Ak nemáte žiaden vybraný, objaví sa vám informácia “Nie je vybraný žiadny blok.” Kliknite preto na ten, ktorý chcete upravovať

    V nastaveniach si už následne vyberáte veľkosť, farbu či pokročilé nastavenia. 

     

    Duplikácia blokov 

    Okrem toho, že v editore môžete používať “drag and drop” systém, existuje ešte jedna praktická funkcia. Tou je duplikácia blokov. V prípade, že potrebujete rovnaký alebo podobný blok, stačí ho skopírovať. 

    Kliknite na blok, aby sa vám objavili možnosti na jeho vrchnej lište. Následne kliknite na tri bodky. Po kliknutí sa vám objaví viacero možností. Jednou z nich je aj “Duplikovať”

    Druhy blokov 

    Pri vytváraní blokov ste si mohli všimnúť, že existuje niekoľko možností. Okrem odseku môžete pridať aj fotografiu či widgety. 

    Všetky druhy blokov sa dajú pozrieť buď po kliknutí na “+” v rámci bloku. Alebo kliknite na “+” nachádzajúce sa na vrchnej časti editora

    Bloky sa všeobecne delia na: 

    • Najpoužívanejšie 
    • Bežné 
    • Formátovanie 
    • Prvky rozloženia 
    • Widgety
    • Vložené prvky

    Ďalšie možnosti v ponuke sú ovplyvnené nainštalovanými pluginmi.

    Najpoužívanejšie 

    Najpoužívanejšie bloky sú tie, ktoré používate najčastejšie. Upravujú sa teda podľa vašej potreby. Je to veľká výhoda, pretože ich pri práci nemusíte príliš dlho hľadať. 

     

    Bežné bloky

    Bežné bloky sú tie, ktoré sa využívajú pri bežnej práci s textom a obsahom. Nájdete v nich: 

    • odsek 
    • galériu 
    • obrázok 
    • nadpis 
    • zoznam 
    • citáciu 
    • audio 
    • titulok 
    • súbor 
    • video.

    Ak chcete vidieť, ako bude blok vyzerať, stačí kurzorom prejsť po jednom z nich. Na pravej strane sa vám ukáže vzor. Vyzerá to približne takto: 

    Po kliknutí na jednu z možností sa jej blok prispôsobí. Ak si zvolíte obrázok, objaví sa vám možnosť pridať obrázok z počítača, galérie alebo z URL. 

    Bloky sa následne dajú ešte upravovať ďalšími možnosťami nachádzajúcimi sa na ich vrchnej časti. Spravidla je to zarovnanie alebo iný štýl

    Formátovanie 

    Formátovanie vám umožňuje pridať kód, HTML či tabuľku. Viaceré z týchto možností sú skôr pre pokročilých užívateľov.

     

    Prvky rozloženia 

    Sú to prvky starajúce sa o rozloženie dokumentu. Nechýbajú tu preto možnosti ako: 

    • zlom strany 
    • tlačidlá 
    • stĺpce 
    • skupina 
    • médiá a text 
    • viac 
    • oddeľovač 
    • medzera

    Pomocou prvkov si viete obsah upraviť presne podľa svojich predstáv. 

    Widgety 

    Widgety umožňujú do textu pridávať: 

    • shortcode 
    • archív 
    • kalendár 
    • kategórie 
    • posledné 
    • komentáre 
    • najnovšie články 
    • RSS 
    • hľadať 
    • sociálne ikony

    Text tak viete okrem obrázkov či videí obohatiť aj o takéto prvky. 

    Vložené prvky 

    Gutenberg umožňuje vkladať externý obsah. Užívatelia funkciu najčastejšie využívajú na obsah zo stránok ako Youtube, Instagram, Facebook či Twitter. 

    Na vloženie sa používajú práve bloky s názvom “Vložené prvky”. V rámci nich máte možnosť vkladať obsah aj prostredníctvom ďalších web stránok. K nim sa radia napríklad Spotify, Flickr, Vimeo, Hulu a množstvo ďalších. 

    Manažér blokov

    To, čo jednotlivé typy blokov ponúkajú, môžete sami vybrať. Pomocou manažéra blokov pridávate alebo odoberáte jednotlivé funkcie. 

     

    Manažéra blokov nájdete úplne vpravo hore, po rozkliknutí troch bodiek

    Vytvorenie jednoduchej stránky 

    Teraz, keď už viete, ako bloky fungujú, môžete si vytvoriť jednoduchú stránku. Na začiatok pridajte do stránky text. Každý odsek od seba oddeľte enterom. Odseky majú vlastné bloky

    Ako upraviť text, sme spomenuli vyššie. Upravovať sa dá farba, štýl písma či jeho veľkosť. Nezabudnite ani na pridanie nadpisu alebo podnadpisu

    Text môžete oživiť odrážkami. Tie pridáte po kliknutí na „Zoznam“. Odrážky pokojne meňte napríklad na čísla. 

    Ďalej sa presunieme na pridanie obrázka. Stlačte enter a vytvorte nový odsek. Následne kliknite na “+” a vyberte “Obrázok”. 

    My budeme pridávať obrázok z počítača, no využiť môžete aj Knižnicu médií alebo URL

    Po vybratí obrázka z počítača sa vám po chvíli objaví aj v editore. 

    Pri obrázku teraz máte viaceré možnosti. Napíšte k nemu titulok, zarovnajte ho na stred alebo na jednu zo strán. Prípadne upraviť jeho štýl. 

    Ďalšie nastavenia nájdete v pravej časti editora. Tu vyberáte alternatívny text, veľkosť obrázka a jeho rozmery. 

     

    Veľmi podobne sa pridáva aj galéria. V tomto prípade však vyberáte viacero obrázkov, nie jeden. 

    Ak by ste chceli text ozvláštniť o externý obsah, kliknite na “Vložené prvky” a vyberte jednu z web stránok alebo sociálnych sietí. 

    My sme vybrali Youtube

    Do kolónky už len skopírujte URL adresu videa (prípadne iného súboru) a kliknite na “Vložiť”. 

    Ak by ste náhodou chceli nejaký blok vymazať, stačí kliknúť na tri bodky a vybrať “Odobrať blok”.

     

    Ďalšie funkcie editora

    Gutenberg má, okrem vyššie spomínaných, ďalšie funkcie. Tie by ste mali taktiež poznať, aby ste si celý textový dokument mohli upraviť presne podľa vašich predstáv. 

    Začneme najprv praktickými tlačidlami nachádzajúcimi sa na vrchnej časti dokumentu. 

     

    Tlačidlo “+” sme si už spomínali. Pomocou neho si vyberáte jednotlivé typy blokov. Následne sa tu nachádzajú tlačidlá späť a dopredu. 

    Tieto tlačidlá využijete vtedy, keď sa budete chcieť vrátiť k predchádzajúcemu kroku. Prípadne, ak ste išli tlačidlom dozadu a zistili ste, že sa chcete vrátiť znova späť. 

    Tlačidlo označené „i“ vás informuje o všetkých dôležitých informáciách v dokumente. Po jeho kliknutí sa vám objaví počet slov, nadpisov, odsekov a blokov

     

    Tlačidlo vedľa sa nazýva „bloková navigácia“. Pomocou nej sa dostanete na vami hľadaný odsek. V navigácii si môžete všetky vytvorené odseky prehľadne pozrieť. 

     

    A posledným tlačidlom sú nástroje. Keď kliknete na pero (to je aj prednastavené), po kliknutí na odsek ho môžete aj upravovať. Ak však kliknete na kurzor, odseky len vyberáte. Nedajú sa upravovať.

     

    Ďalšie nastavenia nájdete aj v pravej časti, kde ste upravovali blok, pod názvom “Dokument”

     

    Po kliknutí naň uvidíte niekoľko podkategórií a to: 

      • Stav a viditeľnosť – v rámci tohto nastavenia vyberáte viditeľnosť obsahu po publikovaní. Môže byť verejný, prípadne súkromný. Taktiež je tu možnosť okamžitého publikovania alebo naplánovania publikácie. Vyberáte aj autora.
      • Trvalý odkaz – spomínali sme ho už na začiatku. Je to slug (url), ktorý sa dá upraviť aj v rámci samotného textu, pri nadpise. 
      • Ilustračný obrázok – každý vypublikovaný obsah by mal mať aj ilustračný obrázok. Ten nahrávate v tejto časti. 
      • Diskusia – v rámci nej vyberáte možnosť „Povoliť komentáre“. Ak ju nezaškrtnete, návštevníci nebudú môcť zanechať komentár. 
      • Vlastnosti stránky – v týchto nastaveniach nemusíte meniť nič. Vyberá sa tu šablóna, prípadne nadradená stránka.

     

     

    Editor na celej obrazovke 

    Pre tých, ktorí majú radi prácu na celej obrazovke, je tu možnosť aktivácie tohto režimu

    V pravom hornom rohu stačí kliknúť na tri bodky. Z ponuky si vyberte „Režim celej obrazovky“. Stačí naň kliknúť a pracovať bez rozptyľovania

     

    V rámci ďalších nastavení je praktický aj režim reflektorov. Pomocou neho sa dá zamerať len na blok, v ktorom pracujete.

    A ak by vám panel nástrojov vadil na vrchnej lište bloku, dá sa presunúť na horný panel.

     

     

    TIP: 

    V rámci Gutenberg editora môžete využívať klávesové skratky. Medzi obľúbené sa radia Ctrl + Z (odvolanie posledných zmien) alebo Ctrl + Shift + Z (znovu vykonať odvolané zmeny). 

     

    Výhody Gutenberg

    K hlavným výhodám sa radia: 

    • široké možnosti prispôsobenia 
    • veľké množstvo funkcií a nastavenia 
    • vhodný aj pre začiatočníkov 
    • možnosť využívať klávesové skratky 
    • jednoduché vkladanie externého obsahu 
    • rozširovanie možností pomocou pluginov 
    • “drag and drop” funkcia 
    • editor sa prispôsobuje podľa toho, aké typy blokov využívate

     

    Nevýhody Gutenberg 

    Editor má aj zopár nevýhod: 

    • veľké množstvo funkcií môže začiatočníkov pliesť 
    • niektoré pluginy nemusia byť s editorom kompatibilné

     

    Názory odborníkov 

    Na Gutenberg sme sa spýtali aj odborníkov na WordPress. Tí nám naň povedali: 

    “Cieľ Gutenberg editora je pohodlná tvorba obsahu v konzistentných blokoch. Oproti predchádzajúcemu editoru poskytuje viac možností v tvorbe multimediálneho obsahu a minimalistický dizajn. Gutenberg editor je určite krok vpred a má význam pre väčšinu WordPress užívateľov. Na druhej strane, WordPress téma a pluginy pre tvorbu obsahu musia byť s Gutenberg editorom kompatibilné, inak tvorca obsahu nedosiahne požadovaný výsledok.” – Andrej Gajdoš 

     

    “Editor Gutenberg je súčasťou WordPressu už dva roky. Treba povedať, že na začiatku prevládala vo WordPress komunite skôr nespokojnosť s touto novinkou a viaceré stránky tento editor zablokovali. Dnes je však situácia iná a Gutenberg editor začína napĺňať svoje poslanie – ponúknuť používateľom väčšiu flexibilitu a ľahkosť pri tvorbe obsahu.   

    Na druhej strane je Gutenberg výzva pre tvorcov tém. Editor totižto kompletne mení ich zaužívaný business model. Na záver by som chcel ešte povedať, že tak ako Gutenbergova zázračná kníhtlač urobila revolúciu vo svete vzdelávania, tak podobne urobil Gutenberg editor vo svete WordPressu. A revolúcia to nie je malá, veď WordPress dnes tvorí viac ako 38 % internetu.” – Matej Podstrelenec

     

    Zhrnutie 

    Gutenberg editor je skvelým krokom vpred pre WordPress. Poskytuje desiatky možností ako pre text, tak aj pre multimédiá. Jeho používanie je jednoduché. Na začiatku vás môže ponuka desiatok funkcií zmiasť, no po čase si rozhodne zvyknete.

     

    Rada na záver

    Ak by vám náhodou Gutenberg nevyhovoval, je tu stále možnosť vrátiť sa k TinyMce editoru. Stačí si stiahnuť plugin Classic Editor

     

     

     

    Nezmeškajte ďalšie užitočné články
    a buďte o nich informovaný