# Divadlo Radost: redesign a zrychlení webu se zachováním designu - Odkaz: https://tomas-shejbal.cz/portfolio/divadlo-radost/ - Zveřejněno: 2025-02-25T02:16:27+01:00 - Autor: tom ## Od záplat k systémovému řešení Původní web trpěl řadou technických problémů - nefunkční menu na některých stránkách, polofunkční anglická verze a extrémně pomalé načítání. Místo dalšího "lepení" jsem zvolil kompletní přestavbu při co největší míře zachování designu. **Přechod z Elementoru na Oxygen builder, odstranění zbytečných pluginů nebo jejich náhrada kousky kódu přinesly dramatické zlepšení výkonu**. ## Program a rezervace na míru Vytvořil jsem vlastní plugin pro správu programu a rezervací, které řeší zobrazování programu a filtraci v něm. Repertoár je řešen jako _custom post type_, ke kterému se přiřazují jednotlivá představení. [⌊Snímek obrazovky webu Divadla Radost - divadelní program se seznamem představení na únor. Zobrazená také filtrace březen, duben, květen.⌉⌊Snímek obrazovky webu Divadla Radost - divadelní program se seznamem představení na únor. Zobrazená také filtrace březen, duben, květen.⌉[ Výpis programu s filtrací podle měsíců Akce pro jednotlivé hry lze filtrovat dle: * Měsíců (vždy pro následující kvartál) pomocí JavaScriptu. * Na homepage se vždy zobrazují jen tři nejbližší představení z programu. * U každé hry v repertoáru jsou vidět tři nejbližší termíny dané hry. Napojení na prodej vstupenek je flexibilní - odkazy lze spravovat v administraci pro každý termín zvlášť. ## Řazení repertoáru Kromě řazení repertoáru dle abecedy je implementována i verze** řazení podle nejčastěji hraných her**. Při každém přidání/úpravě termínu hry se četnosti, které jsou použité pro řazení repertoáru, přepočítávají. [⌊Snímek obrazovky z repertoáru s třemi představeními: 'Operky', 'A pak se to stalo!' a 'Mimini divadlo: Lesní fantazie'. Každé představení má fotografii ze scény, název, věkové doporučení a odkaz 'Více zde'. Všechna představení jsou určena pro děti.⌉⌊ Snímek obrazovky z repertoáru s třemi představeními: 'Operky', 'A pak se to stalo!' a 'Mimini divadlo: Lesní fantazie'. Každé představení má fotografii ze scény, název, věkové doporučení a odkaz 'Více zde'. Všechna představení jsou určena pro děti.⌉[ Výpis her v repertoáru ## Specifická řešení pro divadlo **Web obsahuje několik specializovaných sekcí** - _program_, _program pro školy a školky_, _workshopy_, a _přehled herců_. Každá sekce má vlastní logiku zobrazování, ale všechny jsou postaveny na stejném základu _custom post types a taxonomiích_. To umožňuje jednoduchou správu a konzistentní zobrazování napříč webem. Na následujících obrázcích je zobrazeno, jak vypadají výpisu herců, detail medailonků a jejich administrace. [⌊Snímek obrazovky z tvorby webu sekce 'Herci' divadelního souboru. Zobrazeny čtyři skupiny herců v růžově orámovaných fotografiích: David Janík, Eliška Borisová, Gabriel Kulíšek a Hana Kučová. Každý herec je zachycen v profesionálním portrétu na fialovém pozadí.⌉⌊Snímek obrazovky z tvorby webu sekce 'Herci' divadelního souboru. Zobrazeny čtyři skupiny herců v růžově orámovaných fotografiích: David Janík, Eliška Borisová, Gabriel Kulíšek a Hana Kučová. Každý herec je zachycen v profesionálním portrétu na fialovém pozadí.⌉[ Zobrazení herců ve výpisu na stránce [⌊Snímek obrazovky profilu herečky Elišky Borisové. Obsahuje její fotografii, jméno a informace o působení v divadle Radost od 2023, aktuální inscenace, oblíbené a vysněné role. V dolní části jsou odkazy 'Více o mně' a 'Fotogalerie'.⌉⌊Snímek obrazovky profilu herečky Elišky Borisové. Obsahuje její fotografii, jméno a informace o působení v divadle Radost od 2023, aktuální inscenace, oblíbené a vysněné role. V dolní části jsou odkazy 'Více o mně' a 'Fotogalerie'.⌉[ Zobrazení části medailonků herců při rozkliku [⌊Snímek obrazovky administrativního rozhraní pro správu profilu herečky. Zobrazuje sekci 'medailonky - herci' s fotografií Elišky Borisové a formulářovými poli pro editaci informací jako 'V Radosti od' a 'Aktuální role' s vyplněným seznamem divadelních představení.⌉⌊Snímek obrazovky administrativního rozhraní pro správu profilu herečky. Zobrazuje sekci 'medailonky - herci' s fotografií Elišky Borisové a formulářovými poli pro editaci informací jako 'V Radosti od' a 'Aktuální role' s vyplněným seznamem divadelních představení.⌉[ Pohled do části administrace medailonku herců ## Technická optimalizace * Redukce velikosti homepage z 32 MB na zlomek původní velikosti * Optimalizace obrázků a převod GIFů do formátu AVIF * Implementace cache, zabezpečení webu * Napojení na e-mailový marketing * Zprovoznění anglické verze ## Stabilní základ pro další rozvoj Proběhla kompletní přestavba s důrazem na výkon a udržitelnost s co největší snahou o zachování původního webdesignu. Divadlo teď má stabilní základ pro další rozvoj webu, na kterém po krůčcích dále pracujeme. Potřebuješ optimalizovat existující web? Rád ti pomůžu: * Výrazně zrychlit načítání * Zachovat (nebo překopat, jak je libo) současný design * **Implementovat chybějící funkce** * Připravit web na budoucí rozvoj Pojďme probrat, jak by mohl web lépe sloužit tvým potřebám.