Rozcestníky
Karty s názvom, opisom a odkazom vedú návštevníka k téme alebo službe. Opakovaná štruktúra drží rovnaký vzhľad naprieč sekciami.
Verejný úvod nového rozhrania SVP.
Vlastný dizajn. Obsah vo vašich rukách.
WordPress Gutenberg – tvorba webov a blokov na mieru
Upravujete obsah. Nie zakaždým celý dizajn.
Vytvorím WordPress web s vlastnou témou a pripravenými blokmi pre váš tím. Redaktor mení text, vyberá obrázok či pridáva dokument; rozloženie a vizuálne pravidlá drží téma. Bez page builderov, s priamou spoluprácou so mnou.
OBSAH / BLOKY / VÝSLEDOK
Štruktúra stránky
Nadpis a úvodVaše texty
RozcestníkPripravená zostava kariet
Služba
Opis a odkaz ↗Dokumenty
Opis a odkaz ↗
Opis a odkaz ↗Dokumenty
Opis a odkaz ↗
Zoznam dokumentovNázov · súbor · poradie
Mení sa obsah Vzhľad zostáva jednotný
Pre ľudí, ktorí web aktualizujú
Nová stránka nemusí byť nový návrh od nuly.
Ak pravidelne zverejňujete novinky, meníte služby alebo pridávate dokumenty, potrebujete jasný spôsob editácie. Nie voľné plátno s desiatkami nastavení medzier, farieb a veľkostí písma.
Spoločne vyberieme obsahové situácie, ktoré sa opakujú. Pripravím bloky a vzory, nastavím rozumné možnosti úprav a ukážem ich použitie. Vy riešite, čo chcete návštevníkovi povedať; téma rieši, ako to zapadne do webu.
Realizácia · Slovenský vodohospodársky podnik
SVP: vlastná téma, opakovateľný obsah.
Pre SVP som vytvoril vlastnú WordPress tému s Gutenberg blokmi a vizuálnym jazykom IDSK. Na konkrétnych sekciách nového webového rozhrania vidno, ako môže rovnaká sada komponentov slúžiť rôznemu obsahu.
Zoznamy dokumentov
Dokument má vlastný názov a súbor. V editore možno položky pridávať, odoberať aj meniť ich poradie bez ručnej úpravy HTML.
Zoznam dokumentov na stránke Výročné správy.
Záložky
Súvisiace informácie sa členia do pomenovaných panelov. Redaktor upravuje obsah vnútri záložky, nie kód celého komponentu.
Členenie obsahu v Klientskej zóne.
Galérie
Opakovateľná práca s obrázkami a ich popismi. Vlastný blok spája redakčný výber médií s jednotným zobrazením na webe.
Fotogaléria v aktualite o rozvoji plavby na Dunaji.
Čo tento príklad dokladá
Vlastné bloky prepájajú ovládanie v editore so zobrazením vo vlastnej téme. Nie je to tvrdenie, že každá stránka SVP alebo všetok obsah webu vzniká v Gutenbergu. Ukážka nehodnotí celý web z hľadiska WCAG a neuvádza nemerané úspory či výsledky.
Nie všetko treba programovať znova
Natívny blok, vzor alebo vlastný komponent?
Natívne bloky
Pre nadpisy, texty a bežné médiá využijem možnosti WordPressu. Vlastná téma im dá typografiu a pravidlá, ktoré zodpovedajú vášmu dizajnu.
Vzory sekcií
Pre opakované zostavy pripravím vzory z existujúcich blokov. Podľa potreby dohodneme, či má byť obsah samostatný alebo synchronizovaný.
Bloky na mieru
Keď potrebujete špecifické polia, výber záznamov či správanie komponentu. Redaktor dostane iba nastavenia, ktoré na svoju prácu potrebuje.
Ako vyzerá bežná redakčná práca? Pozrite si praktický návod na úpravu stránky v Gutenbergu: texty, obrázky, poradie blokov a kontrola pred uložením.
Chcete si úpravy obsahu najprv vyskúšať s vedením? Individuálne WordPress školenie prispôsobím vašej úrovni a otázkam, online aj osobne podľa dohody.
Ak potrebujete širší návrh webu, migráciu alebo e-shop, pozrite si WordPress vývoj. Samostatnú aplikačnú logiku a prepojenia rieši tvorba WordPress pluginov; tu je jadrom každodenná práca s obsahom a jeho vzhľad.
Od návrhu po redakčné odovzdanie
Testujem aj to, ako sa web upravuje.
Prejdeme skutočný obsah
Ukážte mi typické stránky a zmeny, ktoré robíte. Dohodneme typy sekcií, možnosti editácie, zodpovednosti a hranice zadania.
Navrhnem tému a bloky
Oddelím vizuálne pravidlá od obsahu. Dohodneme náhľady, prázdne stavy aj to, ako komponent zvládne dlhší text alebo iný obrázok.
Overím editor aj verejný web
Vytvorenie a úpravu stránky, poradie položiek, mobilné zobrazenie a ovládanie klávesnicou. Rozsah prístupnostného auditu dohodneme osobitne.
Odovzdám použiteľný systém
Vysvetlím prácu s blokmi a pripravím príklady použitia. Prenos starého obsahu, aktualizácie a ďalšiu údržbu nacením podľa dohodnutého rozsahu.
Pred spoluprácou
Otázky ku Gutenbergu
Čo je Gutenberg a čo v ňom budem upravovať?
Gutenberg je blokový editor WordPressu. Texty, obrázky a pripravené obsahové sekcie skladáte z blokov. Pri vlastnej téme dohodneme, ktoré časti môžete meniť a ktoré pravidlá rozloženia zostanú pevné. Bežná úprava obsahu nemá vyžadovať HTML ani CSS.
Potrebujem na každý prvok vlastný blok?
Nie. Nadpisy, odseky a bežné obrázky často vyriešia natívne bloky WordPressu. Opakované zostavy môžeme pripraviť ako vzory. Vlastný blok má zmysel pre špecifickú štruktúru, výber obsahu alebo ovládanie, ktoré štandardné možnosti nepokrývajú.
Používate Elementor alebo inú hotovú šablónu?
Táto služba je vývoj vlastnej témy upraviteľnej cez Gutenberg, bez page builderov a bez kúpených univerzálnych tém. Pri existujúcom webe najprv posúdim, či má zmysel meniť celé riešenie alebo iba doplniť chýbajúce bloky.
Dajú sa bloky doplniť do existujúceho webu?
Áno, po preverení témy, štýlov a aktuálneho obsahu. Overím, ako sa nové bloky správajú vedľa existujúcich sekcií. Prechod zo starého editora či buildera je samostatný migračný rozsah; samotná inštalácia blokov pôvodný obsah automaticky neprevedie.
Zaručujú vlastné bloky prístupný web?
Nie samy osebe. Pri vývoji riešim sémantiku, ovládanie klávesnicou, viditeľné zameranie a responzivitu. Výsledok závisí aj od textov, obrázkov, dokumentov a redakčnej práce. Úplnú zhodu s WCAG nemožno vyvodiť z použitia Gutenbergu; vyžaduje samostatné overenie.
Koľko stojí Gutenberg web alebo bloky na mieru?
Cenu a termín pripravím podľa návrhu témy, počtu typov sekcií, správania blokov a prípadného prenosu obsahu. Pred vývojom dohodneme rozsah, testovacie scenáre a odovzdanie redaktorom. Hosting, licencie a následnú údržbu uvediem osobitne podľa potreby.
Ktoré sekcie upravujete najčastejšie?
Pošlite odkaz na web a opíšte, čo má váš tím vedieť meniť. Navrhnem vhodnú kombináciu témy, natívnych blokov a komponentov na mieru. Prístupy ani interné dokumenty neposielajte.
Ak riešite predovšetkým informačné potreby občanov a fungovanie úradu, pozrite si weby pre verejnú správu a štátne inštitúcie s referenciou TTSK. Táto Gutenberg služba zostáva zameraná na tému, bloky a editáciu so samostatným príkladom SVP.