Musíte řešení designu webu přizpůsobovat redakčnímu systému? Většina z nás asi na limity CMS nenarazí, ale jsou mezi námi designéři co se odvážně vrhají do vln neobvyklých řešení. A pro ty je Perch.
Představte si projekt, který vyžaduje důraz na vizuální atraktivitu a obsah si říká o šití designu na míru. Třeba portfolio architektonického studia s výrazným rukopisem.
Designér rád chytne příležitost za pačesy, ale co kodér, který má náročný vizuál implementovat do Wordpressu, Drupalu nebo nedejbože něčeho jako Webnode? Prostor, ve kterém se nebožák musí pohybovat je úzce vymezen možnostmi CMS a jeho šablonovacího systému.
Tam v edgeofmyseat spatřili díru v trhu a navrhli redakční systém, který designéry a vývojáře omezuje daleko méně než ty zavedené.
Perch startuje veřejnou část webu s nulovou konfigurací. Připravíte ji jak jste zvyklí u „statických“ webů. Ve chvíli kdy jste spokojení, řeknete Perchu, se kterou částí obsahu chcete nechat klienta pracovat přes redakční systém. Ryan Singer z 37signals k tomu říká:
I feel like my templates are still fully under my control, and I can sprinkle a little Perch in here and there to get the client-editable magic that I need. That’s extremely important to me and none of the other CMSes seem to do a good job of it.
Konkurence Wordpressu? Omyl!
Perch si říká „mini CMS“ a hodí se hlavně na mini weby, které akcentují vizuální dojem nebo interaktivitu. Nepovažujte ho za konkurenci blogovací supermašiny Wordpressu nebo modulárního molocha Drupalu. Na Perchu se s úspěchem stavějí třeba právě portfolia, weby hotelů, restaurací atd. Obrovská svoboda, kterou Perch nabízí front-end vývojáři se velmi dobře hodí pro vývoj webů pro desktop a mobily zároveň.
Líbí? Oznamuji, že se s Perchem po večerech seznamuji už nějaký ten čas a touha po praktických zážitcích mě právě včera donutila aktivně hledat zájemce o jeho implementaci. ;) Jste nepřízpůsobivý designér nebo studio se zajímavým projektem vhodným pro peršanizaci? Oznamte to sem: michalek@shortcat.cz
S obsluhou obsahu pro prezentační weby na míru je potíž. Všichni v oboru víme, že neexistuje univerzální řešení. Někdy je neefektivní nebo z různých důvodů dokonce nemožné jakýkoliv redakční systém nasadit.
Často pak my vývojáři přistupujeme k vytvoření stránek staticky v HTML. Výhody naprogramovaného webu jsou ale pryč a každá úprava bývá náročná na čas i technické znalosti správce.
Přátelé rubisté (ale určitě i ostatní programátoři) vědí, že za posledních pár let se vyrojilo množství systémů pro správu obsahu založených na zpracování textových souborů — za všechny chci jmenovat Jekylla, Nestu nebo Karmiho staršího Marleyho.
Chtěl bych se zde pod čerstvými dojmy z Nesty podělit o výsledek několik měsíců starého experimentu s uložením obsahu webu do YAML souboru, který mě zpětně vzato velmi mile překvapil.
Squarespace — aplikace, která vám vezme práci :-)
Zatím nejpropracovanější webCMS, jaké jsem viděl a také učebnice uživatelskému rozhraní webové aplikace. Doporučuji přihlásit se a učit se, učit se, učit se.
Titulek je samozřejmě nadsazený. Nicméně jsem přesvědčený, že je tady doba, kdy klienti přestanou s poptávkou na prezentační web chodit za námi webdesignéry a budou si nás pouze najímat tam, kde jejich síly ve webových redakčních systém přestanou stačit. A nemusí to být zrovna Squarespace. Už dříve jsem psal o LightCMS, úspěšně se snaží také české Webnode.
Co my na to? Můžeme jít zhrzení do důchodu nebo se radovat ze zajímavější práce než je omílání stále stejných postupů na stále stejných prezentačních webech.
Český redakční systém Webnode má potenciál pro jednodušší weby nahradit u vývojářů tolik oblíbený Wordpress nebo Drupal.
Nenáročnému a technicky průměrně zdatnému uživateli, který web plní obsahem, se díky drag and drop, wysiwyg a dalším funkcím dostává velmi přívětivého rozhraní.
Horší to mají webdesignéři, kteří by rádi klientům připravili styl stránek výjímající se ze vzhledu šablon Webnode a podporující vizuální styl klienta. Podpora je pro ně ze strany autorů Webnode špatná a tak se nelze divit, že po původních pokusech o implementaci vlastního vzhledu jsem byl skeptický.
Nakonec se to po několika implementacích (1, 2, 3, 4) začíná dařit a rád se podělím o své zkušenosti zjednodušeným postupem implementace vlastního vzhledu do Webnode.
Vyberte Webnode šablonu, jejíž HTML kód a rozvržení vám nejvíce vyhovuje a stáhněte si ji
Cílem je upravovat hlavně CSS, případně javascripty. Je škoda, že jednotlivé Webnode šablony mají velmi rozdílný HTML kód. Osobně jsem pracoval vždy se šablonou 2 nebo 3.
Šablonu si stáhněte v záložce Vzhled webu > Šablony, kde najeďte myší na požadovanou a zvolte Stáhnout šablonu.
Upravte šablonu do požadovaného vzhledu
Ještě předtím je nanejvýš vhodné do původní šablony ve Webnode “naklikat” obsah, se kterým budete pracovat.
Lokální odladění není příliš komfortní. Osobně jsem si vždy do struktury souborů stažené šablony přidal složku /_templates, kam jsem umísťoval pomocné šablony s HTML kódem stažený z prohlížeče původních šablon, ve kterých jsem upravil cesy k assetům (javascrity a kaskádové styly). Upravené pomocné šablony jsem pak už běžně po úpravě kaskádových stylů testoval v prohlížečích.
Stažená Webnode šablona má následující strukturu složek: /css - kaskádové styly, váše hlavní pracovní složka /formatters - formátovače v XML specifikují funkčnost a HTML kód jednotlivých částí stránek jako detail článku, fotogalerie atd. /img - samozřejmě obrázky, přidejte sem svoje, ale původní raději nemažte - některé jsou povinné /js - javascripty rovněž klidně přidejte, ale pokud nemáte s Webnode zkušenosti, původní nemažte /variants - varianty rozložení stránky. Pokud začínáte, stejně jako formatovače nedoporučuji měnit, snad jen pokud chcete “nalinkovat” vlastní CSS nebo JS soubory. index.html je předvolená varianta rozložení stránky config.xml můžete měnit, ale není to v prvních krocích potřeba
Nahrejte šablonu zpět do Webnode
Upravené šablony s celou strukturou (bez pracovní složky /_templates) zabalte do ZIPu a ten s využitím funkce Importovat šablonu v záložce Vzhled webu > Šablony nahrejte do Webnode.
Webnode má vlastní jednoduchý validátor, který vás upozorní na případné chyby v šabloně.
Nahranou šablonu musíte ještě vybrat mezi Šablony > Moje šablony. Bohužel musíte také znovu nastavit varianty rozložení stránky pro jedotlivé typy stránek.
Přeji hodně zdaru.
Pokud také máte jako webdesignér nebo vývojář s Webnode zkušenosti, ozvěte se mi prosím na michalek@shortcat.cz, do Twitteru nebo prostě do komentářů.
Kodére, bacha na WebNode. Snahu o implementaci vlastních šablon napsaných od nuly do WebNode hodnotím jako odvážný pokus skočit proti proudu času ve vývoji online redakčních systémů.
S podporou WebNode (díky!) se po několikatýdenní výměně informací nepodařilo nastavit naše HTML/CSS/JS soubory tak, abychom klientovi poskytli luxus ovládání jeho webu z uživatelsky přívětivého prostředí.
WebNode je skutečně výborný systém, pokud jej chcete využívat k publikování. Myslím, že je to výrazně lepší volba než zmiňovaný LightCMS. Když se spokojíte s galerií jejich vzhledů anebo některý z nich umíte jednoduše upravit, je to pořád správná volba. Dokud v brněnském WestComu neudělají podporu pro vývojáře (časem prý bude), nezkoušejte nic jiného.
