Moderní web nemusí být výsadou velkého odboru, profesionální agentury ani týmu vývojářů. Nová verze webové šablony pro odbory a oblasti KČT, která vzniká ve Středočeské oblasti, nabízí společný, moderní a dlouhodobě rozvíjený základ, který může využít kdokoliv. Volně a zdarma.

Šablona, na které dnes běží web KČT Středočeské oblasti a weby zapojených odborů, je od začátku vyvíjena jako otevřený projekt. Její zdrojové kódy jsou veřejně dostupné a využít je může kterýkoliv odbor nebo oblast Klubu českých turistů – bez ohledu na to, zda patří do Středočeské oblasti.

Právě vydaná verze 2 je zatím největším krokem v jejím vývoji. Nepřináší jen nový vzhled. Mění samotnou představu o tom, co by měl web odboru dělat.

První generace především zobrazovala obsah, který do ní redaktoři vložili. Nová generace se snaží část práce převzít sama. Pomáhá s propagací akcí, připravuje informace pro vyhledávače, vytváří grafiku pro sociální sítě, optimalizuje fotografie a nově spolupracuje také s aplikací Turinka.

Redaktor se tak může soustředit na obsah. O co největší část technické práce okolo se postará web.

Chcete si šablonu rovnou prohlédnout?
Živá ukázka je na https://sablona.sokct.cz/ a celý projekt včetně hotových verzí ke stažení je veřejně dostupný na https://github.com/martin-svoboda/kct.

Nový vzhled i přepracované články

Nejnápadnější změnu pozná návštěvník okamžitě. Místo jednoho pevného vzhledu nabízí šablona tři vizuální styly – Obrazový, Časopisový a Kartový. Liší se barevností, podkladem, tvarováním prvků i podobou výpisu akcí, takže web může působit vzdušně a fotograficky, redakčně jako magazín, nebo stroze a přehledně. Vybírá se jedním kliknutím v administraci.

Přepnutím stylu se přitom nemění obsah. Stejné stránky, aktuality i akce dostanou během okamžiku jiný vizuální charakter.

Spolu s tím přibylo nové písmo, možnost průhledné navigace přes velkou úvodní fotografii, druhé logo v hlavičce, vlastní tlačítko „Stát se členem“ nebo možnost přizpůsobit názvy hlavních částí webu. Každý odbor si tak může web lépe přiblížit vlastnímu charakteru, aniž by potřeboval vlastní šablonu.

Proměnou prošly také články. Nově mohou mít velkou obrazovou hlavičku, dobu čtení, drobečkovou navigaci, sdílení, související články nebo odkazy na předchozí a následující příspěvek. Přepracované jsou také archivy, patička a další části webu.

Stovky akcí, o které se web postará sám

Jedna z nejdůležitějších změn není na první pohled vůbec vidět.

Velká část turistických akcí na webech KČT přichází ze společné centrální databáze. Redaktor je díky tomu nemusí ručně přepisovat, jenže pro běžné nástroje webu taková akce prakticky neexistuje jako klasický článek.

Nová šablona proto umí potřebné informace připravit sama.

Z názvu, ročníku, termínu, místa, druhu akce a pořadatele sestaví údaje pro internetové vyhledávače. Google a další služby tak mohou správně rozpoznat, o jakou akci jde, kdy a kde se koná a kdo ji pořádá. Stejným způsobem dokáže web popsat také jednotlivé odbory.

Šablona navíc řeší situaci, kdy se stejná akce objeví na několika webech KČT. Určí jednu hlavní adresu – přednost má vlastní stránka akce, následně web pořádajícího odboru a poté oblastní web. Vyhledávač tak nedostává několik kopií stejného obsahu, které by si navzájem konkurovaly.

To vše funguje automaticky i u stovek akcí, kterých se žádný redaktor jednotlivě nedotkl.

Vlastní grafika i pro akci bez fotografie

Právě akce převzaté z centrální databáze často nemají vlastní fotografii. Na sociálních sítích pak odkaz na zajímavý pochod nebo výlet snadno zapadne.

Nová šablona proto umí ke každé akci vytvořit vlastní grafickou kartu.

Doplní datum, ročník, název, start a cíl, pořadatele, druh akce i délky tras a vše sestaví do hotové grafiky. Vzniká klasický široký obrázek pro sdílení odkazu i svislá varianta vhodná jako výraznější pozvánka na sociálních sítích.

Podobné obrázky vznikají automaticky také k aktualitám. Pokud článek fotografii má, použije se jako podklad. Pokud ji nemá, web si poradí i bez ní.

Když se následně změní třeba termín nebo název akce, vytvoří se automaticky nová podoba obrázku.

Na Facebook může psát sám web

Automaticky vytvořenou grafiku dokáže web rovnou využít k propagaci.

Po propojení s facebookovou stránkou odboru může publikovat nové aktuality a především automaticky zvát na připravované turistické akce. Pozvánka se neodešle v náhodný okamžik, kdy někdo akci vložil do databáze. Web ji naplánuje s předstihem na vhodný den a pevnou hodinu.

Důležité je, že automatické sdílení není omezené jen na ručně vytvořené články. Funguje i pro akce převzaté z centrální databáze – tedy právě pro drtivou většinu akcí zobrazovaných například na webu Středočeské oblasti.

Redaktor přitom neztrácí kontrolu. U konkrétní akce může automatické sdílení vypnout, upravit text nebo pozvánku odeslat okamžitě.

Turinka přidává další možnosti

Jednou z nejnovějších novinek je spolupráce s aplikací Turinka KČT .

Turinka i weby KČT pracují se stejnými daty o turistických akcích, ale každá služba je využívá jiným způsobem. Turinka přidává možnosti určené přímo turistům – akci si mohou naplánovat, uložit mezi oblíbené nebo sdílet.

Turinka tak může být přímo součástí stránky akce na webu odboru. A pokud odbor připraví k akci vlastní text, může jej společně s odkazem na svůj web Turince předat. Ta u akce uvede autorství, odkáže na web pořadatele a ve vyhledávačích přenechá přednost jeho původnímu obsahu.

Princip je jednoduchý: kdo věnuje práci vlastnímu obsahu, tomu má také patřit návštěvnost, kterou tento obsah přivede.

Turinka tak web odboru nenahrazuje. Přidává k němu další službu pro turisty a současně může nové návštěvníky přivést zpět k pořadateli.

Rychlejší a úspornější web

Velkou proměnou prošla šablona také pod povrchem. Výpisy akcí jsou nově připravené přímo serverem, takže se rychleji dostanou k návštěvníkovi a internetové vyhledávače vidí stejný obsah jako člověk. Filtrování funguje i bez JavaScriptu, ten pouze zpříjemňuje jeho používání bez nutnosti znovu načítat celou stránku.

Výrazně se pracovalo také s fotografiemi. Nově nahrávané fotografie se automaticky převádějí do úspornějšího formátu WebP, zbytečně velké se zmenší a web na jednotlivých místech používá odpovídající velikost náhledu místo plného originálu.

Z fotografií se také odstraňují nepotřebná metadata. A nejde jen o zanedbatelné kilobajty: při analýze knihovny KČT zabírala samotná metadata přibližně 84 MB. U některých náhledů představovala dokonce 92 % velikosti celého souboru.

Starší fotografie se záměrně znovu hromadně nekomprimují, aby další úspora nebyla vykoupena zhoršením jejich kvality.

Lepší editor a nápověda přímo po ruce

Novinek se dočkal také samotný editor WordPressu. Vlastní bloky KČT nyní už při editaci vypadají podobně jako na hotovém webu a přibyly nové možnosti pro tvorbu obsahu. Automaticky se také aktivuje prohlížení fotografií v lightboxu, a to i u starších článků.

Do hlavičky lze podle potřeby přidat vyhledávání a řada dalších prvků webu je nově nastavitelná přímo z administrace.

S novou generací šablony vznikla také kompletní uživatelská příručka. Přibližně 35 stran dokumentace provede uživatele od základů práce s WordPressem přes jednotlivé funkce šablony až po nastavení určená správcům. Na nápovědu navíc administrace odkazuje přímo u funkcí, kterých se týká.

Otevřená šablona pro celý KČT

Možná nejdůležitější vlastností nové verze nakonec není žádná jednotlivá funkce.

Celá šablona je otevřená a volně dostupná pro odbory a oblasti Klubu českých turistů.

Přestože vzniká ve Středočeské oblasti a právě na zdejších webech se její funkce používají a ověřují v praxi, není to uzavřené středočeské řešení. Kterýkoliv odbor či oblast si může stáhnout hotovou verzi, použít ji na vlastním WordPressu nebo nahlédnout do zdrojového kódu a upravit ji podle svých potřeb.

Smyslem je, aby se jednou odvedená práce nemusela znovu opakovat na desítkách dalších míst. Když vznikne lepší způsob prezentace akcí, může jej využít další odbor. Když se vyřeší optimalizace fotografií nebo propagace na sociálních sítích, nemusí si stejné řešení každý vyvíjet znovu.

Společný základ se tak může postupně rozvíjet spolu s potřebami celého KČT.

Web, který pracuje spolu s odborem

První generace šablony dala odborům moderní způsob, jak dostat své informace na internet. Druhá generace jde dál.

Redaktor napíše pozvánku. Web připraví informace pro vyhledávače, vytvoří grafiku pro sociální sítě a ve správný čas ji může zveřejnit na Facebooku.

Odbor doplní vlastní text k akci. Web jej propojí s Turinkou a pomůže návštěvníky nasměrovat zpět k pořadateli.

Fotograf nahraje velkou fotografii z pochodu. Web ji optimalizuje a návštěvníkovi pošle právě tak velkou verzi, jakou skutečně potřebuje.

Stovky akcí z centrální databáze přitom řadu těchto funkcí získají automaticky, aniž by je musel redaktor jednu po druhé zpracovávat.

Web už tak nemá být další věcí, o kterou se musí dobrovolníci v odboru starat. Má jim naopak část práce ušetřit.

A protože je celý projekt volně dostupný, může stejný základ využít kterýkoliv odbor nebo oblast KČT.

Chcete šablonu pro svůj odbor nebo oblast?

Šablonu si můžete nejprve prohlédnout na ukázkovém webu, projít její dokumentaci nebo rovnou stáhnout hotovou verzi z GitHubu.

Živá ukázka:
https://sablona.sokct.cz/

Šablona na GitHubu:
https://github.com/martin-svoboda/kct

Hotové verze ke stažení:
https://github.com/martin-svoboda/kct/releases

Uživatelská příručka:
https://napoveda.sokct.cz/

Pokud byste chtěli šablonu využít pro svůj odbor nebo oblast, ale nejste si jistí instalací, nastavením nebo tím, jak převést obsah ze stávajícího webu, ozvěte se nám. Rádi poradíme s možnostmi nasazení a pomůžeme vám začít.

Kontakt: webmaster@sokct.cz