Manuál k administraci webových stránek WeWeb WeWeb řešení pro každého WeWeb řešení pro každého
V tomto podrobném návodu se dozvíte, jakým způsobem upravovat vaše webové stránky, pomocí administračního systému. V případě potřeby je vám k dispozici naše zákaznícká podpora: podpora@webies.cz. Dozvíte se, jak se do administrace přihlásit, jakým způsobem nastavit osobní údaje, změnit heslo pro přístup, jak vytvořit nový příspěvek do blogu, spravovat komentáře návštěvníků, editovat obsah stránek, nahrávat fotografie, upravovat slider na titulní stránce, vkládat fotografie do galerie a další užitečné rady pro práci s administrací. WeWeb Start WeWeb Start WeWeb Premium WeWeb Premium WeWeb Profi WeWeb Profi Manuál k administraci webových stránek WeWeb Webies.cz, 2014. První vydání. Autor knihy: Webie.cz Corneille s.r.o. Veltruská 12, 190 00, Praha 9 info@corneille.cz Corneille s.r.o. Všechna práva vyhrazena. Žádná část této publikace nesmí být kopírována a rozmnožována za účelem rozšiřování v jakékoli formě či jakýmkoli způsobem bez písemného souhlasu vydavatele. Strana 2
Obsah PŘIHLÁŠENÍ UŽIVATELE DO ADMINISTRACE...5 PROFIL...6 OSOBNÍ NASTAVENÍ...7 VIZUÁLNÍ EDITOR...7 BAREVNÉ SCHÉMA ADMINISTRACE...7 PANEL NÁSTROJŮ...7 KONTAKTNÍ INFORMACE...7 O VÁS...7 PŘÍSPĚVKY...8 NÁZEV...9 TEXT...9 VÝBĚR TYPU PÍSMA...10 VKLÁDÁNÍ OBRÁZKU DO PŘÍSPĚVKŮ...10 VYTVÁŘENÍ ODKAZŮ NA JINÉ STRÁNKY...12 RUBRIKY...13 DATUM ZOBRAZENÍ PŘÍSPĚVKU...13 NÁHLEDOVÝ OBRÁZEK...14 MÉDIA...14 NAHRÁNÍ SOUBORU NA SERVER...14 ÚPRAVA SOUBORŮ NA SERVERU...15 STRÁNKY...15 KOMENTÁŘE...16 PRÁCE S KOMENTÁŘI...16 FOTO ALBUM...17 FILTR...17 SLIDER...18 NOVÝ SLIDE...19 ÚPRAVA SLIDERU...19 Strana 3
Administrace WeWeb Redakční systém slouží ke správě obsahu na webových stránkách. Text se dá editovat stejně jako například ve Wordu, jen je potřeba mít na paměti, že jsou zde některá omezení. Návod se může lišit dle zvolené varianty WeWeb. V případě potřeby kontaktujte naši zákaznickou podporu: podpora@webies.cz. V návodu jsou požity následující zkratky: BO - Back Office jedná se o prostředí administrace, které se Vám zobrazí po přihlášení. FO - Front Office je prostředí webových stránek, které se zobrazí po zadání vašeho doménového jména do adresního řádku webového prohlížeče. Takto vidí stránky všichni uživatelé, které stránky prohlížejí. BO - administrace webových stránek FO - webové stránky Strana 4
Přihlášení uživatele do administrace Administrace vám umožňuje vytvářet, editovat a mazat obsah vašich webových stránek. Přihlašovací adresa: www.vaše-doména.cz/administrace Do pole Uživatelské jméno, zadejte vaše uživatelské jméno. Do pole Heslo zadejte vaše heslo a klikněte na Přihlásit se Přihlašovací údaje naleznete v předávacím emailu, který jste obdrželi od zákaznické podpory Webies. Pokud tyto údaje nemáte k dispozici nebo se nelze přihlásit kontaktujte nás na: podpora@webies.cz. Po přihlášení se zobrazí výchozí stránka Profil. Strana 5
Profil Zde se nastavují všechny potřebné informace o uživateli. Strana 6
Osobní nastavení VIZUÁLNÍ EDITOR Na místech, kde je požadováno zadávání textu umožňuje vizuální editor vkládat text klasickým způsobem jako např. z MS Word. Tuto volbu doporučujeme nechat odškrtnutou, v případě, že bude editor vypnutý, lze zadávat vstupní data pouze v kódu HTML. BAREVNÉ SCHÉMA ADMINISTRACE Jedná se o změnu grafického vzhledu administračního prostředí. Barevné schéma si může klient zvolit dle vlastních preferencí. KLÁVESOVÉ ZKRATKY Usnadňují práci při schvalování komentářů. Ve výchozím nastavení není tato funkce zapnuta. PANEL NÁSTROJŮ V případě, že je tato funkce zaškrtnutá, zobrazuje se při prohlížení stránek (FO) navigační lišta, která signalizuje přihlášení uživatele. UŽIVATELSKÉ JMÉNO Vaše uživatelské jméno, kterým se přihlašujete do administrace. Toto jméno lze změnit pouze administrátorem, v případě, že požadujete změnu uživatelské jména, kontaktujte naši zákaznickou podporu: podpora@ webies.cz JMÉNO, PŘÍJMENÍ, PŘEZDÍVKA Tyto údaje lze libovolně měnit. VEŘEJNĚ ZOBRAZOVAT JAKO U příspěvků např. příspěvky na blogu se zobrazuje autor což je přezdívka uživatele. Zde lze zvolit, jakým způsobem se bude autor zobrazovat návštěvníkům stránek. Kontaktní informace EMAIL (VYŽADOVÁNO) Vaše emailový adresa. WEBOVÁ STRÁNKA V případě, že máte vlastní webovou prezentaci, můžete ji zde zadat. GOOGLE+ Váš profil na sociální síti Google Plus. UŽIVATELSKÉ JMÉNO TWITTERU (BEZ @) Váš profil na sociální síti Twitter. URL ADRESA PROFILU NA FACEBOOKU Váš profil na sociální síti Facebook. O vás OSOBNÍ INFORMACE Zde můžete napsat základní informace o sobě (co děláte, co máte rádi atd.), které mohou být zveřejněny. Strana 7
NOVÉ HESLO Pokud si chcete změnit současné heslo, zadejte nové. Jinak nechte toto pole prázdné. Vaše heslo by mělo mít alespoň 7 znaků. Pro bezpečnější a silnější heslo je vhodné používat také velká a malá písmena, číslice a symboly jako např.!? $ % ^ & ). REPEAT NEW PASSWORD V případě změny hesla, je nutné zadat heslo ještě jednou to tohoto pole. Po provedení jakékoliv změny je nutné tyto změny uložit, kliknutím na tlačítko Aktualizovat profil. Příspěvky Jedná se o příspěvky a články ve vašem Blogu. Tyto příspěvky můžeme editovat v levé části redakčního systému. Najdeme je pod odkazem Příspěvky. Názvy jednotlivých příspěvků fungují jako odkaz, tj. po kliknutí na libovolný odkaz se dostanete k editaci celého článku. Strana 8
Pro vytvoření nového příspěvku do Blogu, klikněte na Vytvořit příspěvek, otevře se vám nové okno pro vytvoření nového příspěvku. Zadejte Název příspěvku, vložte požadovaný text, vyberte rubriku (není povinné) a klikněte na Publikovat. V této chvíli je příspěvek umístěný na webových stránkách. NÁZEV Neboli nadpis příspěvku, který se vždy zobrazuje na prvním místě. Tento nadpis se nedá žádným způsobem formátovat, je zde možné napsat pouze text (název příspěvku). TEXT Editování textu v příspěvku Na začátku je důležité říci, že formátovaných text se může v editoru objevovat trochu jinak než výsledný text zobrazený na webových stránkách. Z toho důvodu je po dokončení editování příspěvku vhodné příspěvek uložit a následně si ho prohlédnout na webových stránkách. Pro psaní běžného textu můžeme text libovolně editovat, můžeme zde vidět podobné značky pro formátování textu jako ve Wordu, například pro tloušťku písma, kurzívu, text můžeme umisťovat do klasického tříděného a netříděného seznamu. Písmo můžeme zarovnávat do středu, doleva, doprava atd. Textový editor si také můžeme přepnout do celoobrazovkového režimu, pro lepší zpracovávání textu. Panel pro formátování textu. Pro zobrazení více možností klikněte na označenou ikonu. Strana 9
VÝBĚR TYPU PÍSMA Základní psaný text je formátovaný jako odstavec. Pokud chcete text nějak zřetelně oddělit od ostatního, můžete mu přidat jiný typ formátu, jako je například Nadpis, zde je možné vybírat z nadpisů 1 6 úrovně. Každý odstavec má jinak předdefinovanou velikost a barvu. Podle čísla nadpisu se postupně zmenšují. Textu můžete přidávat i různou barvu pomocí výběr z barevné palety. Pokud si text připravuje v jiném editoru (například Word) a následně ho chcete vložit do textového příspěvku mátě několik možností jak sem tento příspěvek vložit. Text můžete vložit jako čistý text, tj. po kliknutí na tlačítko s tvarem obálky a písmene T se Vám zobrazí textové okno, do kterého můžete text z Vámi používaného editoru zkopírovat a po kliknutí na tlačítko OK se Vám do příspěvku vloží jako čistý text. Pokud chcete vložit text např. z Wordu v takové podobě, jak jste ho naformátovali ve Wordu, můžete k tomu použít tlačítko vložit text z Wordu, tlačítko obálka s písmenem W. Text vložíte do dialogového okna a po stisknutí tlačítka OK se Vám vloží do editoru naformátovaný text. Pozor, text se nemusí ve všech případech vložit do stránky správně. Pokud potřebujete nějaký formát odstranit, případně změnit a nedaří se Vám to stisknutím jakéhokoli jiného tlačítka pro změnu formátu, tento text vyberte a stiskněte tlačítko pro odstranění formátu. Veškerý formát by se měl odstranit a vy můžete vkládat jakýkoliv jiný formát. VKLÁDÁNÍ OBRÁZKU DO PŘÍSPĚVKŮ Vkládání obrázku do příspěvků je možné buďto z knihovny médií (obrázky jsou již na serveru nahrané) nebo z vašeho počítače. K tomu slouží tlačítko Mediální soubory. Pro výběr fotografie z počítače klikněte na tlačítko Nahrání souborů, následně Vybrat soubory a tyto soubory vyberte z PC. Strana 10
Po vybrání fotografií se fotografie automaticky stáhnou na server: Kliknutím na náhled, můžete editovat název obrázku, přidat alternativní rozšiřující text k obrázku. Dvojklikem vložíte obrázek do příspěvku. Pokud nechte, aby bylo možné na obrázek kliknout a získat tak větší náhled na obrázek, u položky URL odkazu klikněte na tlačítko žádné. (viz. modrá šipka) Kliknutím na obrázek a ikonu oblohy v levém horním rohu, otevřeme dialogové okno pro nastavení obrázku v příspěvku. Zde vyberte zarovnání obrázku, tj. zda má být zarovnaný doleva, na střed anebo doprava. A nakonec vyberte velikost obrázku, tj. velikost v jaké se má zobrazovat v příspěvku, vybírat můžete pomocí předem připravených velikostí. Po dokončení editace klikněte na vložit do příspěvku a obrázek se Vám vloží do příspěvku. Strana 11
VYTVÁŘENÍ ODKAZŮ NA JINÉ STRÁNKY Pokud chcete vytvořit odkaz na jinou stránku, vyberte text, který má představovat tento odkaz a poté klikněte na tlačítko pro vložení odkaz: Ve chvíli kdy vyberete nějaký text, zmáčknete tlačítko pro odkaz, zobrazí se Vám následující okno: Strana 12
Do tohoto okna můžete napsat adresu webových stránek (do okna s názvem URL) nebo můžete vybrat stránku v redakčním systému, na kterou se daný odkaz bude odkazovat, pro zrychlení hledání můžete použít pole hledat, kde stačí postupně psát název hledaného příspěvku nebo stránek. Ve chvíli kdy najdete hledaný příspěvek nebo stránku klikněte na něho myší a potom klikněte na tlačítko vytvořit odkaz. RUBRIKY Rubriky slouží pro zařazení příspěvků do různých rubrik (kategorií), díky nímž může uživatel filtrovat druh příspěvků o které má zájem. Lze je jednoduše vytvořit kliknutím na Vytvořit novou rubriku Pro odebrání libovolného příspěvku z jakékoliv rubriky editujte daný příspěvek a jednoduše odškrtněte danou rubriku z výběru. DATUM ZOBRAZENÍ PŘÍSPĚVKU Příspěvek můžete editovat okamžitě nebo nastavit datum, od kterého má být dostupný (před tímto datem se příspěvek na stránkách neobjeví). Datum zobrazení příspěvku se edituje v pravé části Publikovat a mění se kliknutím na Upravit Strana 13
NÁHLEDOVÝ OBRÁZEK Jedná se o miniaturu, která bude vedle titulku a krátkého popisu ve výpisu příspěvků. Pro výběr náhledového obrázku klikněte na Zvolit náhledový obrázek v pravém panelu. Nyní máte možnost nahrát obrázek z počítače nebo z již nahraných souborů v knihovně médií. Pro nahrání z počítače klikněte na Vybrat soubory a vyberte adresář ve kterém se nalézá požadovaný obrázek. V případě, že chcete obrázek vybrat z knihovny médií, klikněte na záložku Knihovna médií a poté vyberte požadovaný obrázek. Po označení obrázku klikněte na Zvolit náhledový obrázek. Náhledový obrázek lze kdykoliv změnit nebo úplně odstranit kliknutím na Odebrat náhledový obrázek. Média Knihovna médií obsahuje veškeré obrázky, videa a dokumenty, které jsou zveřejněny na webových stránkách. Média lze jednoduše nahrávat z počítače, upravovat a mazat. Do knihovny Média se ukládají všechny obrázky, které nahrajete při vytvoření nového příspěvku nebo stránky. Není tedy nutné k tomuto kroku přistupovat před vytvořením příspěvku. NAHRÁNÍ SOUBORU NA SERVER Klikněte na Média - Nahrát soubor. Otevře se dialogové okno, které vás vyzve k vybrání souborů. Soubory vyberete kliknutím na Vybrat soubory a vyberete požadované soubory. Lze vkládat i více souborů najednou společným označením. Soubory lze po nahrání upravovat. Strana 14
ÚPRAVA SOUBORŮ NA SERVERU Klikněte na odkaz Upravit tím se dostanete na volby úprav souborů. Zde lze soubor přejmenovat, vkládat alternativní popis atp. Obrázky lze i otáčet, překlápět, ořezávat a zmenšovat. Tyto volby jsou k dispozici po kliknutí na Upravit obrázek. Úpravy potvrdíme kliknutím na Uložit. Po dokončení všech úprav klikněte na Aktualizovat v pravém panelu a poté můžete přejít na jinou záložku z levého panelu. Obrázky lze upravovat kdykoliv v knihovně médií, najetím myší na na pole s obrázkem a kliknutím na Upravit. Pro smazání na Smazat. Stránky Stránky tvoří samotný obsah vašeho webu. Stránky zle libovolně editovat. Z bezpečnostních důvodů nejdou stránky přidávat ani mazat uživatelem. Pokud máte zájem o změnu v podobě smazání nebo přidání nové, kontaktujte naši zákaznickou podporu: podpora@webies.cz Stránky se editují stejně jako příspěvky viz. kategorie Příspěvky na stránce 8. Strana 15
Komentáře Pokud máte ve vašem blogu povolené komentáře příspěvků, budou se shromažďovat na tomto místě. Komentáře lze schválit, zamítnout nebo kdykoliv smazat. Je možné i vkládat vlastní komentáře, reakce na komentáře návštěvníků vašeho blogu. PRÁCE S KOMENTÁŘI Komentáře upravíte najetím myší na komentář, kde se zobrazí akce, které lze u komentáře provést. Strana 16
Foto Album Galerie vašich fotografií s filtrací kategorií. Fotografie lze upravovat obdobně jako jiná média v administraci. PŘIDAT FOTO Pro přidání nové fotografie do galerie klikněte na Přidat foto v levém sloupci. Otevře se nové okno. Zde zadejte Název fotografie, klikněte na Nahrát a vyberte z vašeho počítače požadovanou fotografii. Zadejte popis do pole Stručný výpis příspěvku, zvolte požadovanou kategorii filtru a zvolte náhledový obrázek. Náhledový obrázek bude zobrazen v seznamu všech fotografií. Je vhodné vkládat náhledový obrázek o velikosti 150 x 150px. Tato velikost nezpůsobí deformaci náhledové fotografie. FILTR Je možné přidat nebo upravit položku filtru. Úprava stávající rubriky se provádí najetím myší na název filtru a poté kliknutím na Rychlé úpravy. Strana 17
Slider Jedná se o pohybující se textové nebo grafické prvky na titulní stránce. Slider je velice populární propagační prostředek, protože díky svému umístění a velikosti zaujme návštěvník stránek na první pohled. Strana 18
NOVÝ SLIDE Klikněte na Vytvořit příspěvek v levém panelu. Otevře se nové okno pro přidání nového prvku. Zadejte Název (není povinné), Odkaz URL, Krátký popis v poli Stručný výpis příspěvku (není povinné), zvolte pořadí (1 bude na prvním místě) a Náhledový obrázek o rozměrech 940 x 400 px. ÚPRAVA SLIDERU Jednotlivé strany slideru lze upravovat. Pro úpravu klikněte na název příspěvku. Poté je možné upravovat název, popis, pozici, odkaz nebo samotný obsah v podobě obrázku. Strana 19