Na FreeHostingu Endora běží desítky tisíc webů. Přidejte se ještě dnes!

Vytvořit web zdarma

Na FreeHostingu Endora běží desítky tisíc webů. Přidejte se ještě dnes!

Vytvořit web zdarma

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.