7. Redakční systémy

Redakční systémy (CMS – Content Management System) = Systém pro správu obsahu

Definice

  • CMS je softwarový nástroj, který umožňuje vytvářet, upravovat, organizovat a publikovat obsah na webu bez nutnosti detailní znalosti programování.
  • Obsahuje grafické uživatelské rozhraní (GUI), které usnadňuje práci s webovými stránkami.

Jak CMS funguje?

  1. Struktura CMS:
    • Frontend: To, co uživatel vidí (např. design webu, články).
    • Backend: Administrace, kde se obsah spravuje.
  2. Základní principy:
    • Ukládání dat (text, obrázky, videa) do databáze.
    • Oddělení obsahu od designu (obsah se vkládá do připravených šablon).
    • Umožňuje spolupráci více uživatelů, kteří mají různá oprávnění (admin, editor, autor).

Hlavní vlastnosti CMS

  1. Tvorba obsahu:
    • Snadná správa textů, obrázků, videí a dalších médií.
  2. Šablony a design:
    • Předpřipravené šablony umožňují rychlé nastavení vzhledu webu.
    • Možnost přizpůsobit šablony (s pomocí HTML, CSS, JavaScriptu).
  3. Modularita:
    • Možnost rozšíření funkcí pomocí pluginů (např. kontaktní formuláře, SEO nástroje).
  4. Multiuživatelský přístup:
    • Role a oprávnění uživatelů (např. admin, editor, autor).
  5. SEO podpora:
    • Funkce pro optimalizaci obsahu, aby byl lépe viditelný ve vyhledávačích (např. nastavení metadat, tvorba sitemap).
  6. Správa médií:
    • Možnost nahrávání obrázků, videí, PDF, a jejich organizace v knihovně médií.

Typy CMS podle použití

  1. Open-source CMS:
    • Zdarma, komunita neustále přidává vylepšení.
    • Např.: WordPress, Joomla, Drupal.
  2. Cloudová CMS:
    • Funguje přímo online, nepotřebuje instalaci (např.: Wix, Squarespace).
  3. Proprietární CMS:
    • Vyvíjené na míru konkrétní firmou, často placené (např.: Kentico).

Výhody a nevýhody CMS

VýhodyNevýhody
Snadná správa obsahuPotřeba aktualizací (šablon, pluginů)
Rychlost vytvoření webuNáročné ladění při složitých úpravách
Nízké náklady na vývojMůže být náchylné k bezpečnostním hrozbám
Flexibilita díky pluginůmZávislost na komunitě nebo tvůrci CMS
Možnost spolupráce více uživatelůNáročné na výkon při velkém zatížení

WordPress – Nejrozšířenější CMS

Co je WordPress?

  • WordPress je open-source CMS, které bylo spuštěno v roce 2003.
  • Dnes pohání více než 40 % všech webových stránek.
  • Je zdarma ke stažení na WordPress.org (pro vlastní hosting) nebo lze použít placenou platformu WordPress.com.

Struktura WordPressu

  1. Jádro (Core):
    • Obsahuje základní funkce systému.
  2. Šablony (Themes):
    • Určují vzhled webu, lze je přizpůsobit.
    • Příklady: Astra, OceanWP, Divi.
  3. Pluginy (Plugins):
    • Přidávají funkce, které v základní instalaci nejsou (např. SEO, e-shopy).
    • Příklady: WooCommerce, Yoast SEO, Elementor.
  4. Databáze:
    • WordPress ukládá obsah (stránky, příspěvky, nastavení) do databáze MySQL.

Hlavní funkce WordPressu

  1. Správa obsahu:
    • Tvorba a úprava stránek a příspěvků.
  2. Media Library:
    • Organizace nahraných médií.
  3. Role uživatelů:
    • Admin, editor, autor, přispěvatel, čtenář.
  4. Widgety:
    • Přidávání prvků (např. kalendář, vyhledávání) do postranních panelů.
  5. Přizpůsobení vzhledu:
    • Možnost měnit šablony a upravovat design pomocí editoru.

Proč zvolit WordPress?

  1. Jednoduchost:
    • Vhodný pro začátečníky i pokročilé.
  2. Flexibilita:
    • Od blogů po e-shopy, magazíny a firemní weby.
  3. Komunita:
    • Rozsáhlá komunita nabízí šablony, pluginy, podporu.
  4. Open-source:
    • Zdarma a neustále vylepšovaný.

Výuka WordPressu 

Cíle pro studenty

  1. Naučit se základní práci v CMS.
  2. Porozumět základním principům tvorby webu.
  3. Vytvořit vlastní funkční webovou stránku.

Praktická část

  1. Instalace WordPressu:
    • Použití  hostingu endora.cz:
      • Instalace WordPress ručně
      • Video WordPress krok za krokem
        JAK VYTVOŘIT WEBOVÉ STRÁNKY PŘES WORDPRESS V ROCE 2024 S ELEMENTOREM- ČESKÝ WORDPRESS NÁVOD PRO ZAČÁTEČNÍKY (48 min česky) – od 10. minuty

         

         
         

         

         

      • Jak si vytvořit webové stránky ve WordPress jednoduše – bez Elementoru (60 min) – JEDNODUŠŠÍ!

         

  2. Založení webu:
    • Téma: Osobní portfolio, hobby, školní projekt, libovolné další.
  3. Úkoly:
    • Vytvořte stránku „O mně“ s textem a obrázkem.
    • Přidejte příspěvek „Můj první článek“.
    • Nainstalujte a aktivujte šablonu.
    • Přizpůsobte menu a přidejte kontaktní formulář.

Další kroky pro pokročilé:

  • Naučit se přizpůsobit CSS šablony.
  • Použití pluginu Elementor pro tvorbu pokročilého designu.
  • Základní SEO optimalizace s Yoast SEO.