NOVINKA: Kurz kybernetickej bezpečnosti teraz už od 0 €. Staň sa žiadaným profesionálom. Zisti viac:
NOVINKA: Staň sa dátovým analytikom od 0 € a získaj istotu práce, lepší plat a nové kariérne možnosti. Viac informácií:

11. diel - Editor Gutenberg vo WordPresse Nové

V predchádzajúcom cvičení, Riešené úlohy k 8.-10. lekciu základov WordPressu, sme si precvičili získané skúsenosti z predchádzajúcich lekcií.

V dnešnom tutoriáli základov WordPressu sa naučíme pracovať s editorom Gutenberg, ukážeme si, ako v ňom pridať a upraviť nový prvok. Pozrieme sa tiež na to, ako pracovať s osnovou stránky, a nahliadneme do nastavení editora.

Editor Gutenberg

Gutenberg je vizuálny blokový editor, ktorý je od verzie WordPress 5.0 predvoleným nástrojom na tvorbu a úpravu obsahu. Je navrhnutý tak, aby bol intuitívny a používatelia si mohli zostaviť vlastnú stránku alebo príspevok ako stavebnicu z jednotlivých blokov – podobne ako skladanie lega.

Každý prvok stránky (nadpis, odsek, obrázok, tlačidlo, galéria, video, citácia atď.) predstavuje samostatný blok, ktorý môžeme presúvať, upravovať, mazať alebo pridávať kamkoľvek potrebujeme.

Výhody editora Gutenberg:

  • Vizuálny náhľad – Pri úpravách hneď vidíme, ako bude stránka vyzerať.
  • Žiadne znalosti kódu – Celý obsah skladáme pomocou klikania a nastavení blokov.
  • Flexibilita – Bloky môžeme kombinovať, upravovať ich farby, zarovnanie, medzery a mnoho ďalšieho.
  • Znovupoužiteľné bloky – Môžeme si uložiť blok (napr. výzvu na akciu) a používať ho opakovane na rôznych stránkach.
  • Stále sa rozširuje – Postupne pribúdajú nové nástroje a možnosti, ktoré rozširujú spôsoby, ako s obsahom pracovať.

Gutenberg je výborný pre začiatočníkov, pretože nevyžaduje žiadne technické znalosti. Zároveň je však dostatočne výkonný aj pre pokročilých používateľov a dizajnérov, ktorí s ním zvládnu vytvárať moderné weby, ktoré vyzerajú dobre na mobiloch, tabletoch aj počítačoch.

Kontaktná stránka

Možnosti editora si ukážeme na príklade kontaktnej stránky, na ktorej postupne uvidíme niekoľko vopred vložených prvkov. Tie tu slúžia len ako ukážka – obsah kontaktnej stránky budeme upravovať až neskôr. Zatiaľ si prejdeme prostredie editora a vysvetlíme si, čo kde nájdeme a ako s jednotlivými nástrojmi pracovať.

V menu WordPressu klikneme


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár eur

Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V tutoriále základov WordPressu si ukážeme, ako funguje editor Gutenberg a ako v ňom pracovať s blokmi, osnovou a nastaveniami stránky.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísala Jana Zimčíková
Avatar
Autorka se věnuje IT a technologiím. Ovládá Javu, Spring Boot, SQL i frontend a chce pomáhat lidem objevit svůj potenciál v IT světě.
Aktivity