Šablona KČT

Weby odborů a oblastí Klubu českých turistů dělají po večerech dobrovolníci. Nikdo z nich nemá agenturu ani rozpočet, a přesto se od každého webu čeká, že bude rychlý, najde se ve vyhledávači a bude vypadat k světu.

Šablona KČT je společný základ, který tuhle práci nemusí odvádět každý znovu. Vznikla pro web Středočeské oblasti, ale od začátku jsem ji stavěl univerzálně — stáhnout a použít ji může kterýkoliv odbor i oblast, ať patří kamkoliv.

najeď a porovnej

První generace obsah hlavně zobrazovala — co do ní redaktor vložil, to ukázala. Druhá generace jde dál a část práce si bere na sebe.

Jeden základ, tři vzhledy

Odbory jsou různé. Někdo má fotoarchiv, na který je pyšný, jiný hlavně píše, další chce jen přehledný kalendář. Místo jednoho pevného vzhledu proto šablona nabízí tři: obrazový, časopisový a kartový.

Liší se barevností, podkladem, tvarováním prvků i podobou výpisu akcí. Přepínají se jedním kliknutím v administraci a obsah se přitom nemění — stejné stránky, aktuality i akce dostanou během okamžiku jiný charakter.

Stovky akcí, kterých se nikdo nedotkl

Většina turistických akcí na webech KČT přichází ze společné centrální databáze. Redaktor je nepřepisuje, jenže pro běžné nástroje webu taková akce prakticky neexistuje — není to článek, který by někdo napsal.

Šablona proto potřebné údaje sestaví sama. Z názvu, ročníku, termínu, místa, druhu akce a pořadatele vyrobí popis pro vyhledávače, takže Google pozná, o co jde, kdy a kde to je a kdo to pořádá.

Ošemetnější je situace, kdy se stejná akce objeví na několika webech KČT naráz. Šablona určí jednu hlavní adresu — přednost má vlastní stránka akce, pak web pořádajícího odboru, teprve potom oblastní web. Vyhledávač tak nedostane několik kopií, které by si navzájem konkurovaly.

Akce se propaguje sama

Akce převzaté z databáze většinou nemají vlastní fotografii. Odkaz na zajímavý pochod pak na sociálních sítích zapadne mezi ostatními.

Šablona proto ke každé akci vykreslí vlastní grafickou kartu — datum, ročník, název, start a cíl, pořadatele, druh akce i délky tras. Vzniká široký obrázek pro sdílení odkazu i svislá varianta jako pozvánka. Když se později změní termín nebo název, karta se vyrobí znovu.

Po propojení s facebookovou stránkou odboru může web zvát na akce sám. Pozvánka neodletí v náhodný okamžik, kdy někdo akci vložil do databáze, ale naplánuje se s předstihem na vhodný den a pevnou hodinu. Redaktor přitom o kontrolu nepřichází: u konkrétní akce může sdílení vypnout, přepsat text nebo pozvánku odeslat hned.

Turinka na stránce akce

Pod povrchem

Výpisy akcí připravuje server, takže se rychleji dostanou k návštěvníkovi a vyhledávač vidí totéž co člověk. Filtrování funguje i bez JavaScriptu — ten ho jen zpříjemňuje, aby se nemusela načítat celá stránka znovu.

Nejvíc práce si vyžádaly fotografie. Nově nahrané se převádějí do WebP, zbytečně velké se zmenší a web na každém místě sáhne po odpovídajícím náhledu místo plného originálu. Z obrázků se navíc odstraňují nepotřebná metadata, a nejsou to zanedbatelné kilobajty: v knihovně KČT jich bylo 84 MB a u některých náhledů tvořila metadata 92 % celého souboru.

Starší fotografie se schválně hromadně nepřekomprimovávají — úspora by se zaplatila zhoršením jejich kvality.

Není to jen středočeské řešení

Vlastní bloky KČT vypadají už při psaní podobně jako na hotovém webu a k funkcím, u kterých to má smysl, odkazuje administrace rovnou do nápovědy. K šabloně jsem napsal asi pětatřicet stran uživatelské příručky — od základů WordPressu po nastavení pro správce.

Celý projekt je otevřený. Zdrojový kód je na GitHubu, hotové verze ke stažení v releases a všechno si jde napřed prohlédnout na ukázkovém webu. Přestože šablona vzniká ve Středočeské oblasti a tady se její funkce ověřují v provozu, není to uzavřené středočeské řešení.

Smysl je v tom, aby se jednou odvedená práce nemusela opakovat na desítkách dalších míst. Když se vyřeší optimalizace fotografií nebo propagace na sítích, nemusí si to vyvíjet každý odbor znovu.