Manuál Kentico CMSDesk pro KDU-ČSL 2011 KDU-ČSL
Obsah 1 Obecně... 3 1.1 Přihlašování... 3 1.2 Uživatelské prostředí... 4 2 Stránky... 4 2.1 Vytvoření nové stránky... 4 2.1.1 Texty... 7 2.1.2 Styly textu... 8 2.1.3 Odkazy... 9 2.1.4 Obrázky... 10 2.1.5 Vložení textu z jiného zdroje... 12 2.1.6 Tabulky... 12 3 Články... 13 3.1 Vytvoření nového článku... 13 3.2 Řazení článků v seznamu článků... 16 4 Fotogalerie... 16 4.1 Vytvoření fotogalerie... 16 4.2 Vložení fotografií do fotogalerie... 17 5 Záložka Vlastnosti... 20 5.1 Položka Menu... 20 5.2 Položka Přílohy... 20 6 Změna obrázku v záhlaví stránky (banneru)... 22 6.1 Změna hlavního banneru (obrázku)... 22 6.2 Změna loga v banneru... 22 Manual KDU-CSL Kentico CMSDesk.docx strana 2 z 22
1 Obecně 1.1 Přihlašování Do redakčního systému se přihlaste po zadání http://<název vašeho webu>.kdu.cz/cmsdesk, kde výraz <název vašeho webu> nahradíte skutečným názvem vašeho webu. Příklad: http://trebechovice.kdu.cz/cmsdesk V přihlašovacím okně, které se vám zobrazí, klikněte nejdříve na zeměkouli a zvolte jazyk, který chcete používat - to stačí pouze jednou, při prvním přihlášení. Obr. 1 Přihlášení do administrace webu Kentico CMS Uživatelské jméno a heslo je stejné jako to, které používáte do Moje KDU. Manual KDU-CSL Kentico CMSDesk.docx strana 3 z 22
1.2 Uživatelské prostředí Akce s dokumenty obsahuje ikony pro vytváření nebo mazání jednotlivých dokumentů (stránek či článků) a také možnosti pro kopírování a přesunování dokumentů. Strom obsahu nám zobrazuje v hierarchické podobě umístění jednotlivých dokumentů (první dvě úrovně stromu se zobrazují na hlavním (potažmo vedlejším) menu. Výběr zobrazení pak umožňuje stránky editovat, zobrazit si jejich náhled a zjistit jak vypadá ostrý web Editační záložky nám umožňují upravovat jednotlivé dokumenty (záložka Stránka pro stránky a Formulář pro články). Záložka Vlastnosti pak umožní upravit další nastavení (více v kapitole 5). Editor více o editoru a jeho využít naleznete v kapitole 2.1.1 a dále. Obr. 2 Uživatelské rozhraní administrace 2 Stránky 2.1 Vytvoření nové stránky Při vytváření nové stránky je třeba brát v potaz, že její umístění v prvních dvou úrovních stromu obsahu ji zobrazí i v menu samotného webu. Toto zobrazení je ale možné skrýt na záložce Vlastnosti, v položce Menu (kapitola 5.1). Nová stránka se vždy vytvoří o jednu úroveň níže, než je pozice Vašeho kurzoru (označené položky). Kliknutím na ikonu Nový a vybráním Page (menu item) uděláme první krok k vytvoření stránky. Manual KDU-CSL Kentico CMSDesk.docx strana 4 z 22
Obr. 3 Vytvoření nové stránky Po potvrzení výběru je v dalším kroku pojmenovat nově vznikající stránku a vybrat pro ni tzv. šablonu (tedy jakýsi grafický vzhled stránky samotné). Pro obyčejnou stránku je vhodné vybírat šablonu Nadpis a text, protože obsahuje základní prvky, které se využívají. Obr. 4 Zvolení jména a šablony pro stránku V případě, že chceme vytvořit stránku, která bude sloužit jako seznam článků, je třeba zvolit šablonu Seznam článků s headlinerem. Manual KDU-CSL Kentico CMSDesk.docx strana 5 z 22
Obr. 5 Zvolení jména a šablony pro stránku (seznam článků) Pro vytvoření stránky je potřeba již jen kliknout na ikonu diskety s nápisem Uložit (v případě, že chceme vytvořit více stránek hned za sebou pak Uložit a vytvořit další ). Obr. 6 Uložit novou stránku Po vytvoření další podstránky stačí znovu zopakovat postup jen je třeba mít na paměti, že nový objekt (dokument, stránka, článek) se vždy vytvoří o jednu úroveň níže, než je současně označená položka ve stromu obsahu. Pro ukázku uvádíme na následujícím obrázku stav po vytvoření druhé stránky. Povšimněte si také, že se první dvě úrovně ze stromu obsahu opravdu zobrazují i v menu (1. úroveň = hlavní menu, 2. úroveň = vedlejší menu 2. úrovně). Manual KDU-CSL Kentico CMSDesk.docx strana 6 z 22
Obr. 7 Vytvoření podstránky 2.1.1 Texty Do nově vytvořené stránky je dobré hned zpočátku vyplnit její Nadpis (zobrazuje se výrazným písmem nad samotným obsahem stránky). Do těla stránky (pole HTML Obsah stránky ) je pak možné psát naprosto běžným způsobem, který znáte z textových editorů (např. Microsoft Word). Manual KDU-CSL Kentico CMSDesk.docx strana 7 z 22
Obr. 8 Nově vytvořená stránka nadpis a text 2.1.2 Styly textu Pro veškeré úpravy stylů a formátů nebo vkládání obrázků či odkazů slouží tzv. WYSIWYG (What You See Is What You Get Co vidíš, to dostaneš ) editor. Obr. 9 Editor WYSIWYG Práce v něm je velmi podobná práci v textovém editoru Word. Je možné vybrat si styl a formát písma dopředu nebo označit požadovaný kus textu a zvolit pro něj požadované formátovaní. Všechny ikony mají textové popisky, není tedy složité se v nich rychle zorientovat. Mezi nejčastěji využívané patří: Tučné, Kurzíva, Podtržené Zarovnání textu Styl, Formát, Písmo a Velikost, Barva textu a Barva pozadí Manual KDU-CSL Kentico CMSDesk.docx strana 8 z 22
2.1.3 Odkazy Pro vložení odkazu je třeba označit objekt (obrázek, slovo, větu), který má fungovat jako proklik a přes ikonu Vložit/Editovat odkaz. Obr. 10 Ikona Vložit/Editovat odkaz V nově otevřeném okně je možno za pomoci záložek odkazovat z různých zdrojů. Například je možné odkazovat na některou stránku či článek z webu samotného (obr. 11) nebo zvolit úplně jinou internetovou adresu (obr. 12). U odkazů je možné nastavovat otevírání i do nového okna. Obr. 11 Vložení odkazu z obsahu webu Manual KDU-CSL Kentico CMSDesk.docx strana 9 z 22
Obr. 12 Vložení odkazu na jiný internetový zdroj Odkazy lze samozřejmě přes tuto ikonu i dodatečně upravovat (např. změnit cílovou adresu). 2.1.4 Obrázky K vložení obrázku využijte podobný postup jako v případě odkazu. Stačí kliknout na ikonu Vložit/Editovat obrázek nebo soubor. Obr. 13 Ikona Vložit/Editovat obrázek nebo soubor V nově otevřeném okně je pak řada možností, odkud obrázek (nebo soubor) vložit. Jako nejvhodnější je nutné zmínit možnost přidávat obrázky z Knihovny médií. Do této sekce se ukládají všechny obrázky (i ostatní typy souborů) a následně je možné je z tohoto umístění opakovaně používat. Kupříkladu logo KDU-ČSL nebo tvář známého představitele je snazší při opakované potřebě jen vybrat z Knihovny médií než znovu nahrávat. Manual KDU-CSL Kentico CMSDesk.docx strana 10 z 22
Pro výběr nového obrázku (či jiného souboru) stačí kliknout na ikonu Nový soubor a v následně otevřeném dialogovém okně pak zadat (najít) umístění požadovaného souboru. V pravé části obrazovky pak můžeme vybírat z již uložených obrázků (a jiných souborů). Kliknutím na modrou šipku či název souboru tento označíme a tlačítkem Vložit ho vložíme přímo do stránky. Obr. 14 Vložení obrázku přes Knihovnu médií Před samotným vložením je možné (a u větších obrázků/fotek vhodné) změnit šířku či výšku (v pravé spodní části otevřeného okna). Stačí zadat vždy jen jeden rozměr, po kliknutí jinam se dopočítá druhý údaj automaticky. Na stejném místě je možné vybrat z roletového menu Zarovnat: požadované zarovnání obrázku vůči textu. Obr. 15 Vložení obrázku výběr velikosti a zarovnání Manual KDU-CSL Kentico CMSDesk.docx strana 11 z 22
Pro přehlednost je možné vytvářet v Knihovně médií jednotlivé složky, kam se dají tematicky související obrázky (i jiné soubory) řadit. 2.1.5 Vložení textu z jiného zdroje V případě, že máme zdrojový text například ve Wordu, existuje v administraci převodník do formátu vhodného pro redakční systém. Stačí si ve Wordu označit požadovanou část textu (včetně tabulek či obrázků) a zkopírovat ji do schránky (zkratka CTRL+C). V editoru pak stačí kliknout na ikonu Vložit z Wordu a do nově otevřeného okna celý obsah schránky zkopírovat (CTRL+V). Takto přidaný text si zachová původní formátování (tučné, podtržené či barevné písmo stejně jako tabulky či obrázky) a nemusí být složitě přepisován. Obr. 16 Ikona Vložit z Wordu Stejně tak je možné použít ikonu Vložit jako čistý text, ta slouží, jak je patrné již z názvu, pro vložení bloku čistého textu (tedy nezachovává formátování ani jiné nastavení písma). 2.1.6 Tabulky Pokud je třeba vložit na stránku tabulku, nejsnazší je použít ikonu Vložit/změnit tabulku. Obr. 17 Ikona Vložit/změnit tabulku V nově otevřeném okně je pak třeba vyplnit počet řádků a sloupců tabulky, a ideálně také určitě její šířku (ideální je zvolení relativních údajů v procentech např. tedy 50%, 75% nebo 100% šířky stránky jako na obrázku č. 18). Obr. 18 Okno Vlastnosti tabulky Ve vytvořené tabulce je pak možné přidávat řádky či sloupce velmi jednoduše přes pravé kliknutí myši a výběr požadované změny. Ve stejném menu je možné editovat vlastnosti celé tabulky (šířka, zarovnání, vzdálenosti či odsazení jednotlivých buněk) či tabulku smazat. Manual KDU-CSL Kentico CMSDesk.docx strana 12 z 22
Obr. 19 Pravý klik do obsahu tabulky 3 Články Pro vytvoření článku platí velmi podobné postupy, jako tomu bylo u vytvoření stránky. Je však třeba dodržet zásadu - musí existovat stránka v šabloně Seznam článků s headlinerem (viz Kapitola 2.1, obrázek č. 5) a pod tuto stránku se pak vkládají jednotlivé články a na stránce Seznam článků s headlinerem jsou poté zobrazeny seřazené. 3.1 Vytvoření nového článku Obr. 20 Vytvoření nového článku Manual KDU-CSL Kentico CMSDesk.docx strana 13 z 22
U nově vytvořeného článku je potřeba pečlivě vyplnit následující pole: Nadpis článku název článku, bude zobrazován i na stránce se seznamem článků Datum vydání stačí kliknout na odkaz Nyní, který automaticky vyplní datum a čas za Vás Obrázek *volitelné je možné vložit obrázek, který bude zobrazován jak na stránce seznamu článků, tak i v článku samotném (vhodné je použít tváře politiků nebo logo KDU-ČSL) Anotace článku tato část textu bude zobrazena i na stránce se seznamem článků a je proto vhodné v několika málo větách nastínit řešenou problematiku, aby uživatel znal téma článku ještě předtím, než do něj vstoupí Obsah článku zde se vyplňuje samotný obsah článku (nezobrazuje se na stránce se seznamem článků) je možné využít všech možností editoru, stejně jako v kapitolách 2.1.2 2.1.6 Obr. 21 Vytvoření nového článku editace obsahu Vyplněný článek se vytvoří teprve po kliknutí na ikonu diskety a odkaz Uložit. Dále je možné nastavení: Headliner nastaví článku maximální prioritu a bude zobrazován vždy na první pozici seznamu článků Priorita nastavení priority zobrazování v seznamu článků (nižší číslo = vyšší priorita) Manual KDU-CSL Kentico CMSDesk.docx strana 14 z 22
Publikovat od/do nastavení data a času od kdy/do kdy bude článek viditelný (užitečná funkce např. v případě časově omezené platnosti článku nebo pokud je třeba článek napsat dopředu a zveřejnit až dodatečně v termínu, kdy to není příjemné dělat ručně [neděle o půlnoci]) Obr. 22 Nastavení priority a publikování v detailu článku Pokud vytvoříme další článek, bude stránka vypadat zhruba následovně: Obr. 23 Seznam článků Manual KDU-CSL Kentico CMSDesk.docx strana 15 z 22
3.2 Řazení článků v seznamu článků Řazení článků v seznamu článků probíhá podle následujících kritérií (sestupně podle účinnosti): Headliner označení jednoho velmi důležitého článku, který je zařazen na první pozici v seznamu Priorita nastavení priority zobrazování v seznamu článků (nižší číslo = vyšší priorita) Datum a čas vydání články jsou řazeny sestupně, podle dat vzniku (nejnovější článek na vrchu) Seznam článků tedy jako první vypíše článek, který je nastavený jako Headliner a je nejnovější. Další články se zobrazují podle priority a dále podle data vydání. 4 Fotogalerie Fotogalerii je možné vytvořit pro jakýkoliv článek. Fotogalerie zobrazuje náhledy všech vložených fotek (nebo obrázků) na konci článku. Po kliknutí na jednu z fotek se otevře prohlížeč, kterým se snadno dá navigovat fotografiemi (doleva, doprava, zavřít). Všechny fotografie také obsahují popisek. 4.1 Vytvoření fotogalerie Na počátku je třeba označit ve stromu obsahu požadovaný článek a kliknout na ikonu Nový. V pravé části se vybere typ dokumentu Fotogalerie. Obr. 24 Vytvoření fotogalerie pod článkem V dalším kroku je třeba pojmenovat fotogalerii (název se nikde nezobrazuje, je tedy možné všechny fotogalerie pojmenovávat např. Fotky ) a ikonou diskety s odkazem Uložit ji uložit. Manual KDU-CSL Kentico CMSDesk.docx strana 16 z 22
4.2 Vložení fotografií do fotogalerie Obr. 25 Pojmenování fotogalerie a její uložení Nyní máme vytvořenu fotogalerii a je třeba ji naplnit libovolným počtem fotek. Označíme si tedy ve stromu obsahu právě vytvořenou fotogalerii, klikneme na Nový a vybereme Fotografie. Obr. 26 Vložení nové fotky do fotogalerie Následně je třeba vyplnit Popisek: fotografie, protože ten je zobrazován v prohlížeči (a při ponechání kurzoru myši na dané fotce). Dále je tlačítkem Zvolit třeba vybrat fotografii buď z Knihovny médií (viz kapitola 2.1.4) nebo z přílohy. Manual KDU-CSL Kentico CMSDesk.docx strana 17 z 22
Obr. 27 Vložení a pojmenování první fotky do fotogalerie Vložení druhé a všech dalších fotografií do fotogalerie má stejný postup. Obr. 28 Vložení a pojmenování druhé fotky do fotogalerie Manual KDU-CSL Kentico CMSDesk.docx strana 18 z 22
Na obrázku č. 29 je vidět náhled článku obsahujícího 2 fotky ve fotogalerii. Obr. 29 Výsledné zobrazení náhledu článku Následně obrázek č. 30 zobrazuje prohlížeč fotogalerie (je možné zobrazovat předchozí/následující fotku včetně popisku). Obr. 30 Ukázka zobrazení fotogalerie v prohlížeči Manual KDU-CSL Kentico CMSDesk.docx strana 19 z 22
5 Záložka Vlastnosti Každá stránka i článek má několik doplňujících nastavení na záložce Vlastnosti. 5.1 Položka Menu V položce Menu je možné nastavit, zda se má daný dokument (platí pouze pro stránky!) zobrazovat v menu (navigaci) či být skryt. Tímto nastavením lze tedy z menu první i druhé úrovně skrýt nechtěné položky ze stromu obsahu. Příklad: Nechceme, aby se v menu 1. úrovně zobrazovala položka První stránka pak tedy ve Vlastnostech této stránky v položce Menu zrušíme zaškrtnutí možností Zobrazit v navigaci: a Zobrazit v mapě webu:. Také je možné využít tzv. URL přesměrování pokud bude naším cílem přesměrovat uživatele z dané stránky či článku na jinou adresu, stačí překliknout na možnost URL přesměrování a vyplnit zde internetovou adresu. Příklad: Pokud chceme, aby byl uživatel, jakmile přijde na stránku První stránka přesměrován na stránku Seznam článků stačí ve Vlastnostech První stránky nastavit URL přesměrování na http://test.kdu.cz/seznam-clanku.aspx Obr. 31 Záložka Vlastnosti, položka Menu nastavení zobrazení a přesměrování 5.2 Položka Přílohy Zde je možné do dokumentů (platí pouze pro články!)přidávat přílohy. Přílohou se rozumí jakýkoliv soubor (obrázek, dokument Word, dokument PDF, audio soubor). Manual KDU-CSL Kentico CMSDesk.docx strana 20 z 22
Obr. 32 Záložka Vlastnosti, položka Přílohy vložení příloh Jejich seznam je následně zobrazen na konci článku pod nadpisem Přiložené dokumenty. Obr. 33 Náhled na článek obsahující vložené přílohy Manual KDU-CSL Kentico CMSDesk.docx strana 21 z 22
6 Změna obrázku v záhlaví stránky (banneru) 6.1 Změna hlavního banneru (obrázku) Rozměr je 968 x 140 px, důležité je zachovat šířku, výška může být podle vašeho uvážení. Akceptované jsou grafické formáty JPG a PNG. Opět je možno vybírat obrázek přes Knihovnu médií nebo jako jednorázovou přílohu. 6.2 Změna loga v banneru Obr. 34 Výběr banneru Naprosto totožný postup lze aplikovat i v případě požadavku na změnu loga v rámci banneru. Zde je ovšem naprosto nutné dodržet velikost 200x89 px. Manual KDU-CSL Kentico CMSDesk.docx strana 22 z 22