====== CMS – Redakční systém (Content Management System) ====== **CMS** je aplikace, která umožňuje uživatelům (často netechnicky zaměřeným) vytvářet, upravovat a spravovat obsah webových stránek prostřednictvím grafického rozhraní. CMS odděluje samotný obsah (texty, obrázky) od designu (šablony) a technické logiky. ===== 1. Základní komponenty CMS ===== Většina moderních CMS se skládá ze dvou hlavních částí: * CMA (Content Management Application): Uživatelské rozhraní, které umožňuje přidávat a spravovat obsah (např. WYSIWYG editor). * CDA (Content Delivery Application): Backendová část, která vezme obsah z CMA, spojí ho se šablonou a doručí jej návštěvníkovi ve formě webové stránky. ===== 2. Typy CMS podle architektury ===== ==== Tradiční (Coupled) CMS ==== Obsah je pevně propojen s grafickou šablonou (front-endem). Celý web běží na jednom systému. * **Příklady:** WordPress, Joomla, Drupal. * **Výhoda:** Snadné pro začátečníky, "vše v jednom". ==== Headless CMS ==== Systém, který nemá definovanou prezentační vrstvu (front-end). Obsah je poskytován skrze API (často JSON). * **Příklady:** Strapi, Contentful, Sanity. * **Výhoda:** Obsah lze zobrazit na webu, v mobilní aplikaci i na chytrých hodinkách současně. ==== Statické generátory (SSG) ==== Vytvářejí statické HTML soubory z textových podkladů (často Markdown) během sestavení webu. * **Příklady:** Hugo, Jekyll, 11ty, Gatsby. ===== 3. Přehled známých CMS platforem ===== Níže je uveden širší seznam populárních CMS napříč různými kategoriemi a architekturami. ==== Tradiční (Open-source) systémy ==== ^ Název ^ Popularita / Trh ^ Zaměření a specifika ^ | **WordPress** | Dominantní (~43 % webu) | Univerzální (blogy, firemní weby, menší e-shopy). Obrovská komunita a ekosystém pluginů. | | **Joomla!** | Střední | Zlatá střední cesta mezi WP a Drupalem. Silnější v základu pro vícejazyčnost a správu uživatelů. | | **Drupal** | Menší (~2 % webu) | Komplexní portály, vysoká bezpečnost, vládní weby. Náročnější křivka učení. | | **TYPO3** | Velká v DACH regionu | Robustní open-source řešení pro enterprise sféru, vícenásobné weby a složité struktury. | | **Ghost** | Rostoucí | Moderní systém postavený na Node.js zaměřený striktně na profesionální blogování a newslettery. | ==== E-commerce platformy ==== ^ Název ^ Popularita / Trh ^ Zaměření a specifika ^ | **Shopify** | Velmi vysoká (SaaS) | Krabicové řešení pro e-commerce. Rychlé spuštění, placené měsíčně. | | **Magento (Adobe Commerce)** | Vysoká | Robustní řešení pro velké e-shopy s desetitisíci produkty (B2B i B2C). Velmi náročné na hosting. | | **PrestaShop** | Střední | Tradiční open-source e-shopové řešení populární v Evropě. | | **OpenCart** | Menší | Lehčí e-commerce systém vhodný pro střední e-shopy, snadnější úprava jádra. | | **WooCommerce** | Dominantní | Technicky jde o plugin pro WordPress, ale de facto funguje jako nejrozšířenější e-commerce CMS na světě. | ==== SaaS Website Buildery (No-code / Low-code) ==== ^ Název ^ Popularita / Trh ^ Zaměření a specifika ^ | **Wix** | Velmi vysoká | Vizuální drag-and-drop editor pro freelancery a malé firmy. Zaměřeno na maximální jednoduchost. | | **Squarespace** | Vysoká | Designově orientované šablony. Oblíbené mezi fotografy, umělci a pro portfolia. | | **Webflow** | Rostoucí | Nástroj pro vizuální kódování. Generuje čistý kód. Oblíbené u designérů a agentur. | | **Framer** | Rychle rostoucí | Původně prototypovací nástroj, dnes silný konkurent Webflow s vynikajícím UI pro webové animace. | ==== Headless a API-first CMS ==== ^ Název ^ Popularita / Trh ^ Zaměření a specifika ^ | **Strapi** | Vysoká (Open-source) | Přední open-source headless CMS. Rychlý vývoj vlastního API. | | **Contentful** | Enterprise (SaaS) | Průkopník API-first přístupu. Extrémně škálovatelné, pro složité omnichannel strategie. | | **Sanity** | Vysoká | Výborná práce se strukturovaným obsahem a real-time kolaborací (používá jej např. Figma). | | **Storyblok** | Rostoucí | Headless systém, který vývojářům nabízí API, ale editorům zachovává vizuální editor stránek. | | **Prismic** | Střední | Headless systém zaměřený na tzv. "slices" (komponenty), ze kterých si uživatelé skládají weby. | ==== Speciální a Enterprise systémy ==== ^ Název ^ Popularita / Trh ^ Zaměření a specifika ^ | **Kentico (Xperience)** | Enterprise | Český systém postavený na .NET, oblíbený u velkých globálních firem pro marketing automation a weby. | | **Sitecore** | Enterprise | .NET těžká váha pro nadnárodní korporace s extrémním důrazem na personalizaci uživatelského zážitku. | | **Adobe Experience Manager (AEM)** | Enterprise | Jeden z nejdražších a nejmohutnějších systémů pro globální korporace. | | **MediaWiki** | Specifická | Pohání Wikipedii. Extrémně silné na propojování velkého množství textového obsahu. | | **DokuWiki** | Specifická | Flat-file systém (nepotřebuje databázi). Ideální pro dokumentaci a interní znalostní báze. | | **Grav / Kirby** | Menší | Moderní flat-file CMS. Extrémně rychlé, bezpečné a vhodné pro weby bez nutnosti složité databáze. | ---- ===== 4. Klíčové funkce CMS ===== * **Správa uživatelů ([[it:sec:rbac|RBAC]]):** Definování rolí (administrátor, redaktor, autor). * **Média:** Knihovna pro správu obrázků, videí a dokumentů. * **SEO nástroje:** Správa meta tagů, URL adres a sitemap. * **Verzování:** Možnost vrátit se ke starší verzi článku. * **Rozšiřitelnost:** Podpora pluginů, modulů a widgetů. ===== 5. Jak vybrat CMS? ===== Při výběru je nutné zvážit metriky výkonu jako [[it:dev:lcp|LCP]], snadnost použití a bezpečnost: 1. Účel: Potřebuji jednoduchý blog, portfólio (Squarespace), robustní e-shop (Magento), nebo omnichannel distribuci (Contentful)? 2. Technická zdatnost: Máme tým vývojářů (Headless, Laravel), nebo chceme vizuální naklikatelný web (Webflow, Wix)? 3. Škálovatelnost: Kolik návštěvníků a obsahu musí systém zvládnout? Enterprise systémy se chovají jinak než levný sdílený hosting s WordPressem. 4. Náklady a údržba: Open-source (zdarma za licenci, ale s náklady na vývoj, údržbu a hosting) vs. SaaS (pravidelný měsíční poplatek, ale bez starostí o servery). ---- //Související články:// * [[it:dev:ux_design|UX Design a uživatelská zkušenost]] * [[it:dev:lcp|LCP a výkon webu]] * [[it:sec:rbac|RBAC – Řízení přístupu uživatelů]] //Tagy: {{tag>web cms wordpress headless-cms seo dev marketing ecommerce saas}}//