02 – Praktická část – 02 – Redakční systém Contao Redakční systém Contao Hlavní význam systému správa různých aplikací portálu Webchemie: vytváření nových stránek psaní článků ukládání souborů (obrázků apod.) psaní novinek vedení kalendáře akcí V tomto návodu se naučíte přihlásit se do systému Contao zorientovat se v systému vytvářet internetové stránky a jejich obsah pracovat s modulem článků (obrázky, odkazy) 02 – Praktická část – 02 – Redakční systém Contao 1) Přihlášení do Contaa Přihlášení do systému je na adrese webchemie.cz/contao. Uživatelské jméno a heslo Vám sdělí hlavní správce portálu (svandova@webchemie.cz). Videonávod na přihlášení naleznete zde. Pro práci s Contaem doporučuji prohlížeč Google Chrome (umožňuje používání klávesových zkratek). Při práci v systému raději nepoužívejte zároveň více panelů (záložek) – dochází ke konfliktům a můžete tak přijít o zapsaná data. Tomu se dá většinou předejít uložením a zavřením druhé záložky vždy předtím, než se vrátíte do záložky první – nebo vždy pracovat s novým oknem prohlížeče. Podrobný manuál pro práci se systémem naleznete zde: http://www.contao.org/en/. 2) Rozvržení systému Contao Po přihlášení do systému se dostanete na jeho úvodní stránku. Ta obsahuje: 1) horní lištu, 2) backendové moduly (levý panel), 3) hlavní pracovní plochu. ad 1) Horní lišta 02 – Praktická část – 02 – Redakční systém Contao Horní lišta je trvale přítomná v horní části webové stránky – ať už se v Contau proklikáte kamkoli. Obsahuje jméno aktuálně přihlášeného uživatele, odkaz „Zobrazení frontendu“, který slouží k zobrazení náhledu vytvářených stránek, odkaz „Domů“, který Vás přesměruje na úvodní stránku Contaa a odkaz „Odhlásit se, kterým se ze systému odhlásíte“. ad 2-3) Backendové moduly a hlavní pracovní plocha Portál Webchemie je veřejně dostupný na adrese www.webchemie.cz či webchemie.cz/ (v obou případech se zobrazí tytéž stránky). Tyto stránky tvoří tzv. frontend portálu – část portálu, která je dostupná široké veřejnosti. Správci portálu Webchemie však mají přístup k tzv. backendu portálu – ten je tvořen především systémem Contao umožňujícím administraci jednotlivých stránek portálu (jejich vytváření, editaci a mazání) a také administraci různých aplikací, které na Webchemii běží (Kalendář a Novinky). Co se tedy v Contau nastaví, to běžní uživatelé na Webchemii uvidí. Další část backendu portálu je tvořena Google aplikacemi (Diskem Google), které umožňují využívat správcovský e-mail, sdílet dokumenty, vytvářet ankety, hodnotit soutěže atp. (viz samostatný návod Google aplikace). Panel backendových modulů umožňuje vstup do různých modulů, zajišťujících vytváření portálu Webchemie. Obsah tohoto modulu je proměnlivý – v závislosti na tom, na jaké moduly máte nastavená práva. Pokud víte, že máte pracovat s určitým modulem, ale v panelu ho nevidíte, kontaktujte prosím hlavního správce portálu (svandova@webchemie.cz). Kliknutím na název konkrétního modulu se změní obsah hlavní pracovní plochy. 1 2 3 02 – Praktická část – 02 – Redakční systém Contao Backendové moduly jsou členěny do 4 skupiny: obsah, rozvržení, systém a uživatelské funkce. Modul Struktura stránek ve skupině Rozvržení umožňuje vytváření/mazání/nastavování parametrů stránek portálu. Moduly ve skupině Obsah (Články, Novinky, Kalendář/Události a případné další) umožňují stránky portálu naplnit konkrétním obsahem (vytvořit článek) či vytvořit novinku, nebo událost v kalendáři). Modul Manažer souborů ve skupině Systém umožňuje nahrávání souborů na portál (obrázky, pdf soubory k stažení apod.). Ze skupiny Uživatelských funkcí je důležitý modul Osobní data (umožňuje změnit původní heslo pro přístup ke Contau) 3) Vytváření stránek a jejich obsahu (článků) v systému Contao Moduly pro správu stránek portálu (Struktura stránek, dále stručně nazývaný modul Stránky) a modul pro správu jejich obsahu (Články) mají několik společných vlastností: V levém horním rohu hlavní pracovní plochy je uvedeno, ve kterém modulu se nacházíte (Struktura stránek, Články). 1 1 2 2 3 3 02 – Praktická část – 02 – Redakční systém Contao V oranžovém poli je tzv. navigační lišta – ukazující, kde přesně se ve struktuře stránek/článků nacházíte. Jednotlivé texty mezi znaky „>“ slouží jako odkazy do různých úrovní systému stránek / článků. Pod navigační lištou je zobrazen seznam stránek / článků. Podle toho, kde ve struktuře stránek / článků se nacházíte, se mění také obsah navigační lišty. Seznam zobrazených stránek / článků je různý, v závislosti na tom, kde ve struktuře stránek /článků se nacházíte a které stránky /články jsou Vám jakožto správcům zpřístupněny. Vyberete-li v navigační liště „Všechny“ stránky / články, zobrazí se Vám seznam všech Vám dostupných stránek /článků. Každá stránka / článek může být dále tvořena dalšími stránkami / články nižší úrovně. Symbol „+“ vlevo od názvu stránky naznačuje, že je tato stránka tvořena dalšími podstránkami – kliknutím na něj si příslušný seznam podstránek zobrazíte. Naopak, rozbalený seznam podstránek sbalíte kliknutím na symbol „-“. a) Jak se pohybovat v systému stránek V seznamu stránek (modul Struktura stránek) tvoří každá položka jednu stránku. Kliknutím na název stránky se v seznam stránek zobrazí pouze příslušná stránka a její podstránky. Ke stránkám vyšší úrovně se pak dostanete pomocí navigační lišty (kliknutím na název některé nadřazené stránky nebo zobrazením všech dostupných stránek). Kliknutím na ikonu vlevo vedle názvu stránky se zobrazí tato stránka ve frontendu (pokud je publikovaná, viz dále). 02 – Praktická část – 02 – Redakční systém Contao b) Jak se pohybovat v systému článků V seznamu článků (modul Články) lze pomocí každé položky se šedým pozadím editovat obsah jedné příslušné dříve vytvořené stránky. Položky s bílým pozadím odpovídají jednotlivým článkům. Kliknutím na název stránky se zobrazí seznam článků tvořících obsah dané stránky. Kliknutím na ikonu vlevo vedle názvu stránky se zobrazí tato stránka ve frontendu (pokud je publikovaná, viz dále). Pokud se vlevo vedle ikony u názvu stránky nachází symbol „+“, znamená to, že daná stránka je tvořena dalšími podstránkami, které si kliknutím na „+“ můžete zobrazit. Ke stránkám vyšší úrovně se dostanete opět pomocí navigační lišty (kliknutím na název některé nadřazené stránky nebo zobrazením všech dostupných stránek). Obrázek 1: Seznam článků 1 – Stránka pokusy, 2 – Článek Pokusy c) Ikony umožňující práci s moduly (stránky / články / soubory) Vpravo vedle každé stránky / článku v seznamu stránek resp. v seznamu článků se nachází několik ikon, které umožňují práci se stránkou / článkem na odpovídajícím řádku. Tužka slouží k editaci (úpravě) příslušné stránky / článku. Symbol „+“ slouží ke kopírování příslušné stránky / článku. Šipka slouží k přemístění příslušné stránky / článku. Křížek slouží ke smazání příslušné stránky / článku. Oko slouží k publikování (zveřejnění) příslušné stránky / článku. Dokud nějaký prvek (např. stránka nebo článek) není zveřejněný, běžní uživatelé ho ve frontendu portálu Webchemie neuvidí. v v 1 2 02 – Praktická část – 02 – Redakční systém Contao Symbol „i“ slouží k zobrazení základních informací o příslušném článku. Tyto ikony jsou univerzální a vyskytují se i u jiných prvků Contaa než jsou stránky a články. Univerzální je také symbol bílého „+“ v zeleném kolečku , který se nachází v horní liště - ten se používá k vytváření nových prvků. Jste-li např. v modulu stránek, umožní vám ikona vložit novou stránku, jste-li v modulu článků, umožní Vám ikona vložit nový článek. Stejně se vkládají novinky či události do kalendáře apod. Pokud vložíte nový prvek (např. stránku nebo článek), nebo se ho rozhodnete kopírovat či přemístit, zobrazí se u pravého okraje blikající šipky – pomocí nich určíte, kam se má prvek vložit. Šipka vpravo vkládá prvek dovnitř prvku na řádku, u nějž se šipka nachází (o úroveň níž). Šipka dolů vkládá prvek za prvek na řádku, u nějž se šipka nachází (na stejnou úroveň). Symbol bílého křížku na žlutém pozadí vyprazdňuje nový / kopírovaný / přemísťovaný prvek ze schránky (nebude se s ním již dále pracovat). 4) Práce se stránkami a) Vytváření, mazání a editace stránek Viz ukázka na hodině. b) Zobrazení náhledu nepublikované stránky Stránky, které jsou v systému Contao vytvořeny, ale nejsou publikované, si lze zobrazit v náhledu. To je účelné zejména pro kontrolu obsahu stránky před jejím publikováním. Příslušnou stránku nejdříve vyberte (kliknete na její název, v horní navigační liště se musí její název objevit jako poslední). Poté klikneme na „Zobrazení frontendu“ v pravém dolním rohu stránky. 02 – Praktická část – 02 – Redakční systém Contao Otevře se nové okno, v němž se objeví žlutá lišta pro nastavení náhledu – Zobrazení frontendu. Je třeba vybrat možnost Nepublikované elementy – zobrazit a kliknout na tlačítko Použít. Po kliknutí na tlačítko Použít se dříve správci přímo zobrazila příslušná stránka. V důsledku nějaké chyby však nyní všechny tlačítka Zobrazení frontendu vedou na úvodní stránku webu – konkrétní stránku je pak třeba vyhledat v levém navigačním sloupci stránky, kde se nyní již zobrazí i skryté stránky. v v v 1 2 02 – Praktická část – 02 – Redakční systém Contao Pokud otvíráte náhledy v nových panelech (záložkách, kartách) prohlížeče, může se stát, že po zavření záložky s náhledem stránky se stále zobrazují nepublikované stránky. To proto, že internetový prohlížeč si stále pamatuje, že je má zobrazovat. Řešením je restartovat prohlížeč, nebo před zavřením záložky vždy nastavit Nepublikované elementy – skrýt (a kliknout na Použít). 5) Práce s články (vytváření, mazání, editace, kopírování) 02 – Praktická část – 02 – Redakční systém Contao V levém panelu modulů klikněte na „Články“ – zobrazí se seznam článků příslušných ke stránkám tvořícím frontend Webchemie.) a) Vytváření, mazání, editace a kopírování článků Viz ukázka na hodině. b) Internetové odkazy Vložení nového odkazu Editor funguje tak, že se napíše název odkazu (tj. vlastní text odkazu), např. „http://ach.upol.cz“ nebo třeba „Kalendář akcí“. Ten se pak označí myší a zadá se cíl odkazu (tj. kam po kliknutí na název odkazu má prohlížeč přejít), pro příklady uvedené výše by se zadalo: „http://ach.upol.cz“ a ve druhém případě „http://www.upol.cz/fileadmin/user_upload/PrF-dokumenty/PrF_2011-2012_web.pdf“. Cíl odkazu se zadá pomocí ikony se svorkou - většinou se zkopíruje název odkazu do pole, jehož název končí url ({#typolinks_dlg.link_url}, zkráceně nazvaném url). Hodnotu pole target ({#typolinks_dlg.link_target}) nastavte na blank ({#typolinks_dlg.link_target_blank}) pro odkazy směřující mimo Webchemii - otevřou se v novém okně. Pro odkazy na stránky na Webchemii target nenastavujte (otevřou se ve stejném okně). Úprava cíle odkazu na internetovou stránku Pokud chcete opravit již existující cíl odkazu, nemusí se označovat celý název odkazu (někdy se při takovém označení totiž hodnota url nezobrazí), ale stačí kliknout doprostřed názvu odkazu levým tlačítkem myši a pak na ikonu svorky. Tento postup se využije např. při úpravě vzorové události. Nový odkaz na e-mail 02 – Praktická část – 02 – Redakční systém Contao Se zadáváním odkazů na e-mail je to podobné jako se vkládáním a úpravou odkazu na stránky. V editoru zapište e-mail (např. „jmeno@seznam.cz“), ten označte a klikněte na svorku. Do pole url zapište „mailto:jmeno@seznam.cz“, hodnotu pole target není třeba nastavovat. c) Pokročilé formátování ve zdrojovém kódu Při některých úpravách se nevyhneme práci přímo ve zdrojovém kódu v jazyce HTML, ve kterém se programátoři běžně tvoří internetové stránky. Taková situace nastane např. v případě, pokud kopírujete text z internetových stránek, které jsou již nějak naformátované. Pokud Vám ke správnému zobrazení nepomůže tlačítko Vyčistit kód a ani tlačítko Odstranit formátování , je třeba pracovat se samotným zdrojovým kódem. Ke zdrojovému kódu se dostanete pomocí tlačítka HTML (Upravit HTML zdroj).