8. PRÁCE V REDAKČNÍM SYSTÉMU Ing. Martin Klepek, Ph.D. Ing Tereza Ikášová Design a správa webové stránky Cílem této přednášky je přiblížit problematiku tvorby a správy obsahu webu pomocí redakčních systému (CMS) dále na praktické ukázce také naučit studenty v tomto prostředí pracovat. Marketingový výzkum . 1.Co jsou redakční systémy 2.Výhody redakčního systému 3.Ovládání redakčního systému 4.Vkládání obsahu a správa redakčního systému Struktura přednášky Práce s redakčním systémem Úvod •Systém pro správu obsahu (CMS z anglického content management system) je software zajišťující správu webového obsahu. •V dnešní době se jako CMS zpravidla chápou webové aplikace, někdy s případným doplňkovým programovým vybavením u klienta. •Pro CMS se někdy používají i oborově podobné termíny redakční či publikační systém. Práce s redakčním systémem http://www.ivt.mzf.cz/seminar/7-redakcni-systemy/ Úvod •Ať už stavíte web svépomocí nebo na objednávku od nuly, budete po jeho spuštění muset aktualizovat obsah případně aktivně měnit některé prvky v důsledku různých příčin. •K tomu právě redakční systém slouží. •Ten podle zvoleného způsobu přípravy webu může být univerzální nebo originální. •Další variantou je upravovat přímo v HTML kódu, což ale vyžaduje přítomnost programátora. Práce s redakčním systémem Úvod •Některá vývojářská studia mají připraveny své vlastní systémy. •Nevýhodou vlastních systémů může být, že nebudete moci jednoduše změnit dodavatele, jelikož bude web provozován na redakčním systému, ke kterému mají know-how jen tvůrci webu. •Totéž platí v situaci, kdy je webová stránka bez CMS a veškeré úpravy tak probíhají v HTML kódu. •Mezi univerzální redakční systémy patří WordPress, Joomla nebo Drupal. Práce s redakčním systémem Funkce redakčního systému •Tvorba, modifikace a publikace článků zpravidla prostřednictvím webového rozhraní, často s využitím jednoduchého online WYSIWYG editoru nebo jednoduchého systému formátování textu (není nutná znalost HTML) •Řízení přístupu k dokumentům, zpravidla se správou uživatelů a přístupových práv •Správa diskusí či komentářů •Správa souborů, obrázků a galerií •Kalendářní funkce •Statistika přístupů Práce s redakčním systémem Programovací jazyky redakčních systémů •Trh s CMS programy je široký, existuje jak řada programů nabízených jako svobodný software, tak i komerčních řešení. •CMS se člení dle řady kritérií, například rozsahu řešení, použitého vývojového prostředí nebo cílové skupiny. •Nejjednodušší CMS jsou naprogramovány v JavaScriptu (např. TiddlyWiki), řada CMS používá PHP (většinou v kombinaci s databázovým systémem MySQL, ale i bez jakékoli databáze), oblíbená je i Java a další jazyky. Práce s redakčním systémem http://www.ivt.mzf.cz/seminar/7-redakcni-systemy/ Jak postupovat při práci v redakčním systému? •Tvorba nového příspěvku nebo stránky za pomocí blokového editoru Práce s redakčním systémem Tvorba příspěvku https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Jak přidat blok. Práce s redakčním systémem Vytvořit nový příspěvek https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Jak přidat blok. Práce s redakčním systémem Ikona + https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Jak přidat blok. Práce s redakčním systémem Blok Galerie https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Jak přidat blok. Práce s redakčním systémem Použití lomítka propřidání bloku https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Práce s bloky v novém editoru. Práce s redakčním systémem Nabídka nástrojů u bloku https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Práce s bloky v novém editoru. Práce s redakčním systémem Další nastavení bloku https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Práce s bloky v novém editoru. Práce s redakčním systémem Posunutí bloku https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Ukládání a znovu využití bloku v Guttenberg. Práce s redakčním systémem Přidat k opakovatelným blokům https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Ukládání a znovu využití bloku v Guttenberg. Práce s redakčním systémem Uložení bloku https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Ukládání a znovu využití bloku v Guttenberg. Práce s redakčním systémem Opakovatelné https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Ukládání a znovu využití bloku v Guttenberg. Práce s redakčním systémem Spravovat všechny opakovatelné bloky https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Publikování obsahu a správa nastavení v blokovém editoru Práce s redakčním systémem Nastavení stránky nebo příspěvku https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Publikování obsahu a správa nastavení v blokovém editoru Práce s redakčním systémem Blok obrázek https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Publikování obsahu a správa nastavení v blokovém editoru Práce s redakčním systémem Nastavení obrázku https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Publikování obsahu a správa nastavení v blokovém editoru Práce s redakčním systémem Vložení odkazu https://www.wplama.cz/wordpress-gutenberg/ Jak postupovat při práci v redakčním systému? •Publikování obsahu a správa nastavení v blokovém editoru Práce s redakčním systémem Blok Galerie https://www.wplama.cz/wordpress-gutenberg/ Nové bloky v Gutenbergu •Nový blok Média a text umožňuje vložení obrázku vedle textu. • Práce s redakčním systémem Blok Média a text http://www.ivt.mzf.cz/seminar/7-redakcni-systemy/ Nové bloky v Gutenbergu •Přidání tlačítka v klasickém editoru bylo zbytečně složité. Gutenberg vše zjednodušuje a obsahuje blok Tlačítko. • Práce s redakčním systémem Blok Tlačítko http://www.ivt.mzf.cz/seminar/7-redakcni-systemy/ Nové bloky v Gutenbergu •Gutenberg obsahuje blok Tabulka, přes který jednoduše uděláte základní tabulky bez nutnosti znalosti HTML nebo CSS. •Tabulku můžete zpětně upravovat, takže není problém přidat další sloupce nebo řádky. • Práce s redakčním systémem Blok Tabulka http://www.ivt.mzf.cz/seminar/7-redakcni-systemy/ Nové bloky v Gutenbergu •Schopnost vytvářet obsah ve více sloupcích bylo něco, co v klasickém editoru prakticky vůbec nebylo. Blokový editor obsahuje speciální blok Sloupce, kterým si můžete určovat počet sloupců na řádce. Práce s redakčním systémem Blok Sloupce http://www.ivt.mzf.cz/seminar/7-redakcni-systemy/ Děkuji za pozornost. Práce s redakčním systémem