Se systémem pro správu obsahu (CMS), jako je WordPress, lze webové stránky vytvářet snadno a rychle - i bez znalosti programování. Backend a frontend jsou vzájemně přímo propojeny. To je praktické, pokud má být obsah přehráván pouze prostřednictvím tohoto jednoho kanálu. Webové stránky jsou však nyní pouze jedním z mnoha médií. Pokud mají být různé kanály a koncová zařízení (např. mobilní aplikace) naplněny obsahem současně, může být užitečný tzv. headless CMS.

V tomto článku vysvětlíme, co to vlastně bezhlavý CMS je a zda lze WordPress použít jako bezhlavý CMS . Poskytneme vám také přehled nejdůležitějších výhod a nevýhod bezhlavého CMS neboli bezhlavého WordPressu.

Co je to bezhlavý systém CMS?

V klasickém CMS se obsah zadává prostřednictvím rozhraní v backendu a organizuje se v databázích (obvykle MySQL). Odtud systém propojí obsah přímo s tématy nebo šablonami designu a prezentuje je návštěvníkům ve frontendové části webu.

Bezhlavý CMS je systém správy obsahu, ve kterém backend a frontend nejsou propojeny. Termín "headless" je odvozen od absence frontendu. Jedná se tedy o upravenou formu klasického systému správy obsahu, ve kterém se používá pouze backend a upouští se od přímé vizuální reprezentace (frontend).

Místo toho je obsah z databáze vypisován prostřednictvím takzvaného rozhraní API (zkratka pro "rozhraní pro programování aplikací"). Díky tomu lze obsah publikovat zcela dynamicky na různých zařízeních a kanálech, a to centrálně z databáze. Webové stránky a aplikace mají přístup k obsahu prostřednictvím rozhraní, ale zobrazení řídí individuálně. Headless CMS tedy slouží pouze ke správě obsahu a je oddělen od prezentace.

Headless vs. oddělený systém CMS

Mnoho klasických systémů pro správu obsahu se v posledních letech vyvinulo tak, že je lze používat jak běžně "s hlavou", tak jako bezhlavý CMS. Takový systém se označuje jako"oddělený CMS", který má stále frontend pro webové stránky, ale je přístupný také prostřednictvím rozhraní API pro různé další kanály.

Používejte WordPress jako bezhlavý CMS

WordPress se nyní může stát také bezhlavým systémem CMS. Přísně vzato je pak takzvaný "bezhlavý WordPress" také odděleným CMS: od verze 4.7 je nedílnou součástí oblíbeného systému pro správu obsahu rozhraní REST API.

To znamená, že můžete nadále používat WordPress jako obvykle "se vším všudy", včetně šablony pro vaše webové stránky. Kromě toho však můžete svůj obsah přehrávat také prostřednictvím integrovaného rozhraní, například v aplikaci nebo na jiných kanálech. V následujícím textu si vysvětlíme, jak to zhruba technicky funguje a které komponenty jsou k tomu potřeba.

Rozhraní WordPress REST API

Obecně je API programové rozhraní, jehož prostřednictvím mohou vývojáři požadovat a přenášet data. Rozhraní API REST je určitý typ rozhraní, které má poměrně jednoduchou strukturu a lze jej používat velmi flexibilně. Zkratka "REST" znamená "Representational State Transfer" (přenos reprezentativního stavu).

Rozhraní WordPress REST API je nyní v podstatě kus kódu, který umožňuje jiným systémům komunikovat se systémem WordPress. Tato komunikace probíhá prostřednictvím požadavků HTTP (například PUT, GET, POST nebo DELETE).

V kontextu headless CMS jsou důležité především požadavky GET, tj. požadavky, kterými se z CMS načítá určitý obsah. Co přesně se má načíst, se definuje pomocí URL.

Pokud má rozhraní REST API vypsat všechny příspěvky na blogu (posty), bude to například tento příkaz:

GET http://domain.com/wp-json/wp/v2/posts/

Požadavky se zadávají například prostřednictvím příkazového řádku, ve WordPressu se nazývá WP-CLI. Podle toho, jaká data mají být požadována, se URL jednoduše doplní o příslušné parametry.

Surová strukturovaná data jako základ

Data požadovaná prostřednictvím rozhraní WordPress REST API jsou vždy doručena ve formátu JSON. Zkratka "JSON" znamená "JavaScript Object Notation". Jedná se o standardizovaný textový formát pro reprezentaci strukturovaných dat založený na syntaxi jazyka JavaScript. Často se používá k přenosu dat ve webových aplikacích (např. k odesílání dat ze serveru na klienta, aby se mohla zobrazit na webové stránce).

Rozhraní REST API v podstatě strukturuje obsah, který jste zadali do systému CMS, a umožňuje jeho čtení ve formátu JSON pro jiné webové stránky a aplikace. Ty pak mohou tyto informace také zpracovávat nebo zobrazovat.

Přizpůsobený frontend

V systému Headless CMS je frontend (prezentace) jasně oddělen od backendu (rozhraní WordPress, které slouží ke strukturovanému zadávání obsahu). Ve frontendu se obsah z CMS vykresluje, tj. sestavuje a zobrazuje. WordPress slouží pouze jako databáze, ze které se potřebné informace načítají prostřednictvím rozhraní REST API.

Návrhy pro frontend (nebo několik frontendů) se vyvíjejí samostatně, nezávisle na systému CMS. Mohou být napsány v libovolném programovacím jazyce a používat libovolnou technologii. Obzvláště časté jsou JavaScriptové frameworky jako React, Angular nebo Vue.js.

Proč byste měli používat bezhlavý WordPress? Výhody

Teď se pravděpodobně ptáte, proč byste měli používat WordPress Headless, když funguje stejně dobře "s hlavou". Nejdůležitější výhody jsme shrnuli zde:

• Více kanálů najednou: Bezhlavý CMS můžete škálovat prakticky neomezeně. Prostřednictvím systému založeného na rozhraní API může k informacím v backendu přistupovat libovolný počet frontendů a obsah můžete v podstatě zobrazovat kdekoli a na jakékoli platformě - ať už na webových stránkách, nebo v mobilních aplikacích. V úvahu přichází i rozšířená realita, virtuální realita a internet věcí (IoT).
• Úspora času: Obsah v headless CMS spravujete centrálně z jednoho místa. Úpravy, doplnění nebo opravy stačí provést pouze jednou a jsou pak automaticky viditelné ve všech kanálech. To šetří čas, který můžete investovat do kreativních projektů.
• Flexibilnější design : S bezhlavým WordPressem můžete svůj frontend navrhovat a strukturovat ještě svobodněji. Nejste již vázáni možnostmi klasického CMS a programovací jazyk není předdefinován. To vám dává mnohem větší volnost v návrhu a můžete realizovat i složité webové stránky.
• Vyšší výkon: Protože se váš WordPress bez hlavy skládá pouze z databáze a volání REST API, váš systém je štíhlejší a rychlejší. Kromě toho můžete svůj frontend vyvíjet pomocí moderních frameworků pro lepší uživatelské prostředí.
• Vyšší bezpečnost: Protože je obsah v databázi oddělen od frontendu, je méně náchylný k problémům a je méně terčem například pro škodlivý přístup a útoky DDoS.

Tyto výhody jsou důležité zejména pro vývojáře, kteří se jinak potýkají se statickým systémem CMS a omezenými možnostmi návrhu.

Jaké jsou nevýhody bezhlavého systému CMS?

Zároveň je bezhlavý CMS nebo bezhlavý WordPress spojen i s některými nevýhodami, které by na tomto místě neměly zůstat nezmíněny:

• Prezentaci nelze přímo ovlivnit : to, co je pro vývojáře velkou výhodou, se při zadávání obsahu stává omezením - alespoň pokud chcete provádět nejen textové, ale i vizuální úpravy. Pro nevývojáře obvykle nezbývá téměř žádný prostor pro uměleckou svobodu.
• Nekonzistentní uživatelský zážitek: Pokud k distribuci obsahu používáte více platforem a prezentace není konzistentní ve všech kanálech, může se uživatelům zdát nekonzistentní a zhoršit uživatelský zážitek.
• Dvojí údržba : WordPress bez hlavy vždy běží odděleně od frontendu. To znamená, že v podstatě musíte udržovat a obsluhovat dvě instance. To může být spojeno s dalšími časovými výdaji.
• Vyšší náklady: Nastavení systému WordPress bez hlavy je dražší. Dražší je také údržba, protože na údržbu dvou různých instancí může být potřeba několik vývojářů.
• Ne všechny funkce: WordPress bez hlavy nepodporuje jedna ku jedné stejné funkce jako WordPress v klasické podobě. Například editor WYSIWYG nebo živý náhled nefungují, pokud je frontend oddělený. Obecně platí, že jakýkoli zásuvný modul, který ovlivňuje frontend, není použitelný.

Závěr: Pro koho je WordPress bez hlavy vhodný?

Svět online obsahu si bez WordPressu nelze představit. To se pravděpodobně v budoucnu příliš nezmění. Co se může změnit, je způsob používání WordPressu: klasicky nebo jako bezhlavého CMS. Bezhlavý WordPress má mnoho výhod, ale není vhodný pro všechny účely a uživatele.

Zda je váš projekt vhodný pro headless CMS, závisí především na tom, co máte v úmyslu dělat. Bezhlavý WordPress by mohl být vhodný, pokud:

• chcete na svých webových stránkách vytvořit velmi individuální design, který nelze snadno realizovat pomocí motivů a nástrojů pro tvorbu stránek WordPress.
• plánujete rozsáhlý projekt a chcete svůj obsah prezentovat na různých platformách a zařízeních (např. na webových stránkách a ve vlastní aplikaci).
• máte programátorské dovednosti nebo možnost spolupracovat s vývojáři na vytvoření vlastního řešení.

WordPress bez hlavy je méně vhodný, pokud:

• chcete pouze zviditelnit svůj obsah na webové stránce (např. blogu) a nepotřebujete žádné zvlášť neobvyklé designové prvky.
• máte jen malý rozpočet a vaše webové stránky je třeba často upravovat a udržovat.
• jste začátečník, nemáte žádné zkušenosti s vývojem a programováním a budete své webové stránky vytvářet a spravovat sami.

Závěrem lze říci, že pokud chcete provozovat pouze "normální" web a naplnit jej obsahem, je pro vás lepší klasický WordPress, případně v kombinaci s nástroji pro tvorbu stránek, které vám poskytnou větší volnost při tvorbě. Pokud se však chcete prezentovat na různých kanálech a máte programátorské dovednosti (nebo prostředky na vývojáře), můžete zvážit použití WordPress Headless.

Často kladené otázky o systému WordPress Headless CMS

Co je bezhlavý WordPress?

Bezhlavý WordPress je pokročilá verze populárního systému pro správu obsahu, která využívá pouze backend a databázi WordPressu. Prezentace na webu tedy neprobíhá přímo z CMS, ale prostřednictvím samostatného frontendu.

Jaké bezhlavé CMS existují?

Na trhu existují různí poskytovatelé, kteří se specializují na bezhlavé CMS. Mezi nejznámější patří Directus, Strapi, Cockpit, Contentful a Storyblok. Kromě toho mnoho poskytovatelů klasických CMS nyní následuje jejich příkladu a vybavuje své systémy rozhraním REST API. Také WordPress lze nyní používat bezhlavě.

Jak funguje bezhlavý systém CMS?

U bezhlavého systému CMS nejsou backend a frontend vzájemně propojeny. To znamená, že systém vizuálně nezobrazuje obsah zadaný v backendu přímo na webových stránkách. Místo toho je obsah z databáze zpřístupněn prostřednictvím rozhraní REST API. Každá webová stránka nebo aplikace pak může centrálně zadaný obsah vyvolat a zobrazit prostřednictvím rozhraní.