Manuál Kentico CMSDesk pro KDU-ČSL

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://.kdu.cz/cmsdesk , kde výraz 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.


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.


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“.


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ě).


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).


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í


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


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.


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í


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.


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


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)


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ů


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.


strana 16 z 22

Obr. 25 – Pojmenování fotogalerie a její uložení

4.2 Vložení fotografií do fotogalerie 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.


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


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


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).


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


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.

Obr. 34 – Výběr banneru

6.2 Změna loga v 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.


strana 22 z 22

Manuál Kentico CMSDesk pro KDU-ČSL

Recommend Documents