Průvodce CMS systémem

Najdete zde veškeré potřebné informace, týkající se ovládání
redakčního systému

návod

Začínáme

Převzetí kontroly nad webovými stránkami začíná tím, že získáte přístup k jeho integrovanému systému správy obsahu (zkráceně CMS). A tento proces obvykle začíná e-mailem od od jejich administrátora.

Který pravděpodobně vypada nějak takhle:

Po kliknutí na toto tlačítko budete přesměrováni do CMS, který bude na začatku vypadat skoro stejně jako nový web. Po načtění, měl by se vam zobrazit šedý pruh s jednoduchou formou ve spodní častí stránky.

Následně vyplňte požadovaná pole pro vytvoření nového účtu a přihlaste se.

Váš systém správy obsahu by měl vypadat stejně jako webové stránky - s výjimkou panelu nástrojů se dvěma záložkami Pages a Collections a série ikon. Vysvětlím to všechno níže.

Můžete se vždy vrátit do systému správy obsahu jednoduchým zadáním URL adresy webu a přidáním
/?edit
na konec.

Takže pokud URL webové stránky je např. asiana.cz, přejděte na stránku asiana.cz/?edit, abyste se mohli přihlásit a začít editovat. Po návratu na stránky později se v pravé dolní části obrazovky objeví malá ikona tužky, kliknutím na ni lze se prihlasit do CMS. Tato ikona se zobrazí pouze těm, kteří mají přístup k CMS!

Teď se můžeme přesunout k tomu, jak probíha ovládání redakčního systému.

Co je CMS?

Ve světě webového designu představuje systém CMS systém pro správu obsahu webových stránek.

CMS se používá ze dvou důvodů:

  1. Aby je mohli spravovat i lidé mimo vývoj
  2. Aby jakykoliv publikovaný obsah měl konzistentní vizuální podobu

Co umí právě tento CMS?

Vaš CMS umožňuje upravovat většinu jakéhokoli obsahu, který vidite na webu, včetně textu, obrázků, tlačítek, odkazů atd.

Umožňuje také vytvářet nové stránky a blogové příspěvky prostřednictvím kolekcí.

Co nelze udělat přes CMS?

Pokud potřebujete přidat novou stránku na web, která rozsahově se odlišuje od všech stávajících šablon, napište mě!

Seznamujeme se s CMS

Nyní, když už máte vytvořený účet pro přihlášení do CMS a víte, jak se k němu kdykoli vrátit, seznámíme se s samotným rozhraním.

Začněme dvěma záložkami vlevo, Stránky a Kolekce. Jedná se o dvě výchozí záložky CMS. Budete moci otevřít i další záložky, jak uvidíte později, ale tyto dvě budou tady pro vás vždy.

Záložka stránky (pages)

Záložka stránky, jak si můžete představit, obsahuje seznam stránek webu. Může byt rozdělena na dvě a více části:

  1. Statické stránky: to jsou stránky, které jsem postavil mimo vaše kolekce. Mohou obsahovat např. úvodní stránku, o nás, služby, kontakt atd.
  2. Stránky kolekce: to jsou stránky vygenerované z kolekci a mohou obsahovat například novinky, akci a další.

Co můžete udělat v záložce Stránky

Záložka Stránky umožňuje několik věcí:

  1. Vyhledát stránku podle názvu: Zadejte jméno stránky do vyhledávacího panelu a najděte jej. Jedná se o hledání přesné shody a hledá pouze název stránky, takže budete muset zadat slovo nebo slova, která se přesně nachazí v názvu stránky.
  2. Přejit na stránku: Pro zobrazení potřebné stránky stačí kliknout na název stránky v seznamu. Jakmile jste tam, můžete přidávat a upravovat obsah stránek stejně jako v textovém editoru.
  3. Správovat nastavení stránky: Když podržíte kurzor na stránce v seznamu, zobrazí se tlačítko s nápisem "Nastavení". Zde můžete spravovat zásadní nastavení stránky, jako je název, kratký popis, metatitle atd.

Správa nastavení stránky

Vzhledem k tomu, že tato nastavení stránky jsou pro vyhledávací a sociální sítě velmí důležitá, podíváme se poněkud podrobněji na to, co každé z těchto nastavení skutečně znamená, a jak lze je co nejvíce využít.

Nastavení SEO

SEO znamená "optimalizace pro vyhledávače". Je to praxe budování a vylepšování webových stránek s cílem zlepšit jejich šance na nalezení prostřednictvím vyhledávačů, jako je Google, Seznam atd.

V nastavení každé stránky můžete vytvářet a upravovat následující nastavení SEO pro konkrétní stránky:

  1. Meta title: Titulek stránky hraje velmi důležitou roli ve své viditelnosti a výkonu ve vyhledávačích, a to jak proto, že řekne vyhledávačům, o čem tato stránka je a to, co uvidí uživatelé vyhledávačů, než se dostanou na web. Nezapomeňte zahrnout typy slov, které lidé můžou používat při hledaní. V ideálním případě by měl být název stránky dlouhý asi 55 až 60 znaků.
  2. Meta popis: Popis umožňuje přidat trochu podrobnější informace o stránce (asi 150 znaků). Je to důležité pro vyhledávání, ale není až tak důležité jako titulek stránky.

Sekce Náhled výsledků ukazují, jak bude vypadat obsah, který jste zadali, na stránce s výsledky vyhledávání Google. Pokud se některý z textů odřízne v náhledu, doporučuji ho zkrátit, aby odpovídal optimální delce.

Nastavení Open Graph (OG)

Nastavení OG je velmi podobné nastavení SEO, s výjimkou toho, že se používáji v sociálních sítích, jako jsou Facebook, Twitter a LinkedIn.

Ve většině případů můžete zaškrtnout políčko pro použití stejného obsahu jako SEO název a popis. Ale můžeme ho vždycky přizpůsobit, v případě potřeby.

OG také umožňuje zadat obrázek, který se má zobrazit spolu s názvem a popisem.

Záložka kolekce

Záložka Kolekce je velmi podobná záložce Stránky, ale uvádí pouze obsah kolekci - věci, které byly vytvořeny
pomocí CMS.

Po klepnutí na kolekci se dostanete na novou záložku se seznamem všech položek v kolekci.

Chcete-li začít vytvářet novou položku v rámci této sbírky, klikněte na zelené tlačítko přidat novou a vyplňte různá pole dané položky.

To, co vidíte uvnitř jednotlivých položek kolekce, záleží na struktuře konkrétní kolekce, do které patří, ale několik prvků uvidíte v každém případě:

  1. Tlačítko Zpět: Kliknutím na toto tlačítko se vrátíte zpět do seznamu položek v této kolekci
  2. Tlačítko Zobrazit položku: Toto světle šedé tlačítko skryje systém CMS, tak aby vám zobrazoval právě zobrazenou položku na živém webu. Pokud si přejete, můžete pokračovat v úpravach obsahu vizuálně místo rozhraní editoru.
  3. Status: Zobrazuje aktuální stav zobrazované položky. Stavy zahrnují publikované, nezveřejněné a koncept.
  4. Zaškrtávací políčko Draft: Zaškrtněte toto políčko, pokud nedokončíte vytvoření nebo úpravu aktuální položky. Vše, co není označeno jako koncept, bude zveřejněno po kliknutí na tlačítko Publikovat!
  5. Historie změn: Při provádění změn v CMS zaznamená počet změněných položek a stránek, dokud nekliknete na tlačítko Publikovat. Kliknutím na seznam změn můžete zobrazit seznam položek a stránek, které mají nepublikované změny, spolu s tím, kdo je vytvořil, pokud v CMS prácuji i uživatele.
  6. Zobrazit web: Kliknutím na toto tlačítko zobrazíte webové stránky. Pro pohyb mezi stránkami v tomto pohledu můžete použít libovolné odkazy na stránkách.

Účel tlačítek Uložit a Publikovat by měla být docela jasný. Stačí si uvědomit, že musíte dvakrát kliknout na tlačítko Publikovat, abyste potvrdili svou akci.

Jak funguje publikování v CMS?

Pokaždé, když kliknete na tlačítko Publikovat v CMS, bude celý web znovu publikován. Pokud víte, že jiní pracují na webu, když jste připraveni publikovat, můžete se je zeptat, jestli jsou připraveni na zveřejnění jejich změn.

Záložka formuláře

CMS může obsahovat záložku formuláře (Forms). Ve které lze si prohlédnout některé základní informace z formulářů, které lidé odeslali na webu, zároveň zde si můžete stáhnout kompletní data z formulářů. Ve staženém souboru CSV se zobrazí všechny zaslané informace.

A co ty ikony?

V záložkách Stránky a Kolekce se zobrazuji tři ikony. Zleva doprava to jsou:

Uživatelský účet (Account)

Zobrazí informace o účtu CMS, včetně e-mailu, a fotografie, pokud jste již nahráli nějakou. Pokud ještě ne, můžete jej zde nahrát.

Nápověda (Help)

Poskytuje odpovědi na běžné otázky týkající se používání CMS. Tato sekce není přeložena do češtiny.

Odhlášení (Log out)

Slouží pro odhlášení z CMS, abyste mohl/a prohlednout stránky stejně jako ostatní uživatele.

Co je SEO?

SEO znamená "optimalizace pro vyhledávače" a jednoduše řečeno je to skupina praktik navržená tak, aby zajistila, že lidé mohou najít váš obsah, když vyhledávají témata, o kterých píšete, na stránkách Google, Seznam a dalších vyhledávačích.

CMS umožňuje přizpůsobit nejdůležitější SEO prvky "meta title" a "meta description". Pro každou stránku a kolekci na upravovaném webu.

Vytváření a správa obsahu

V CMS máte dva způsoby, jak upravit obsah, který je již na vašem webu:

  1. Přímo na živé webové stránce
  2. V založce Kolekce u vybrané položky

Provedu vás oběma (velmi jednoduchými) způsoby úpravy, začneme úpravou přímo na stránce.

Úpravy na stránce

Editace přímo na stránce je docela intuitivní, ale je tu pár věcí, které je třeba znát.

Úprava textu

Při prvním přihlášení do systému CMS se v dolní části obrazovky zobrazí živý web s CMS panelem (šedý pruh).

Pokud uvidíte nějaký text, který chcete upravit, umístěte kurzor nad ním. Pokud se objeví světle šedý obrys s ikonou tužky v pravém horním rohu, můžete tento obsah upravit. Stačí kliknout do pole a začít psát!

Úprava textu funguje stejně jako v aplikaci Microsoft Word nebo Google Docs , ale stylování textu - tučné, kurzívní atd. - funguje jen trochu jinak.

Chcete-li stylovat text, nejdříve jej vyberte. Zobrazí se šedý panel nástrojů, který má následující možnosti:

Můžete také stylovat text pomocí následujících kombinací kláves:

Poznámka: Někdy textové pole vám poskytne méně možností, než ty které jsou uvedeny výše. To se mohlo provést záměrně, ale pokud potřebujete více stylových možností, dejte mi vědět!

Vložení odkazu

CMS umožňuje přidávat různé typy odkazů.

Když přejdete na vložení odkazu, na panelu nástrojů se zobrazí poličko pro zadání URL adresy, na kterou chcete odkazovat, ale pokud kliknětě na ikonu odkazu vlevo, můžete vybrat z několika dalších možností:

  1. Vnější: odkazuje návštěvníka na jinou stránkou, často na jiném webu, ale také může byt použít pro odkaz na jinou vnitřní stránku webu.
  2. Stránka: spojuje návštěvníka s jinou vnitřní stránkou webu. Po vyběru se zobrazí rozbalovací seznam všech stránek, které jsou zde k dispozici.
  3. Sekce: odkazuje návštěvníka na jinou část stejné stránky, kterou právě prohlíží. Po vyběru se zobrazí rozbalovací seznam všech sekcí stránky.
  4. Email: odkazuje návštěvníka na jeho výchozí e-mailovou aplikací, kde muže napsat e-mail na zadanou adresu.
  5. Telefon: umožňuje návštěvníkovi volání na zadané telefonní číslo. To je užitečné zejména pro lidi, kteří navštěvují  stránky z mobilního zařízení.

Každý typ odkazu nabízí vlastní možnosti přizpůsobení. Kliknutím na ikonu ozubeného kola zjistíte, co je k dispozici pro aktuální typ odkazu.

Další možnosti úpravy textu

Některé oblasti textu na vašem webu (obvykle delší pasáže) umožňují další možnosti editaci.

Když stisknete klávesu enter / return pro přidaní nového odstavce, může se zobrazit malá ikona +. Kliknutím na něj otevřete panel nástrojů a zobrazíte následující možnosti.

Image

Umožňuje nahrát obrázek.

Video

Umožňuje vložit video. Video musí být umístěné na platformě, jako je YouTube nebo Vimeo.

"Rich media"

Umožňuje vložit "Rich media" přes odkaz. Existuje nejrůznější objekty, které můžete vložit pomocí této funkce, ale zde je několik nejoblíbenějších:

Bulleted list

Umožňuje přidat seznam s odrážkami.

Numbered list

Umožňuje přidat číslovaný seznam.


Všechno, co jste právě přečetli o úpravě textu na stránce, platí také v případě, že se nachazite na založce Položky CMS.

Editace tlačítek

Můžete také upravit tlačítka v CMS. Jednoduše umístěte kurzor na tlačítko a vyhledejte ikonu ozubeného kola vpravo nahoře. klikněte na ikonu a uvidíte dvě možnosti:

  1. Upravit nastavení odkazu umožní aktualizovat stránku, na kterou odkazuje tlačítko.
  2. Upravit text umožňuje změnit text v rámci tlačítka.

Editace obrázků

Můžete také nahradit obrázky na vašem webu pomocí CMS. Jednoduše umístěte kurzor na obrázek, který chcete aktualizovat, a klikněte na ikonu obrázku.

Tím se otevře vyhledávač souborů na vašem počítači, kde můžete vybrat libovolný obrázek, který chcete.

Poznámka: Některé vizuální styly se automaticky budou aplikovat na obrázek, který nahráváte, takže se nenechte překvapit, pokud po nahrání se změní velikost, přida se barevný okraj nebo stín atd.

Hromadná správa položek kolekce

Pokud budete chtít současně odstranit, archivovat nebo publikovat několik položek. Kliknutím na tlačítko Vybrat můžete změnit stav více položek najednou.

Vytváření nového obsahu

Pomocí CMS můžete vytvářet nový obsah prostřednictvím libovolné kolekci, takže je snadné vytvořit např. nový příspěvek na blogu, položku nabídky, produkt nebo stránku služby.

Rozhraní by mělo být poměrně intuitivní a štítky a popisný text pro každé pole měly by vám napovědět, pro co konkrétně tento text či média soubor slouží. Nicméně za zmínku tady stojí pár věcí:

Pole Název

Pole Jméno je výchozí pro všechny kolekcí a typicky se využívá jako:

Může se však jednat i o samostatné pole pro název položky na webu.

Obrazová pole

Kdekoliv uvidíte obrázek "Drag & Drop Image Here", jedna se o pole obrázku. Můžete buď přetáhnout obrázek z počítače do CMS nebo kliknout na odkaz "Nahrát obrázek" a nahrát jej prostřednictvím systému správy souborů počítače.

CMS nemůže zpracovávat obrazové soubory přes 4MB. Je-li váš soubor větší, můžete ho zmenšit pomocí online nástroje, jako je TinyPNG nebo Compressor.

Referenční pole

Pokud uvidíte nějaká pole s ikonou lupy vpravo, kolekce má pole Reference nebo Multi-Reference. Umožňuje importovat obsah z jedné kolekce do jiné, která může být použita k napájení věcí, jako jsou kategorie a tagy.

Chcete-li použít referenční pole, stačí klepnout do pole a vybrat správnou referenci pro novou položku. Pokud nevidíte správnou referenci pro novou stránku, bude pravděpodobně nutné vytvořit novou položku.

To může být vysvětleno v textu nápovědy pro položku Kolekce, ale pokud to tak není, kontaktujte mě.

Pole možností

Pole Možnosti funguje podobně jako Reference, ale není spojeno s jinou položkou kolekcí. Můžete tedy jednoduše kliknout na pole a vybrat vhodnou možnost pro nový obsah. Pokud potřebujete novou volbu, která se hodí k vašemu obsahu, kontaktujte mě.

Video pole

Video pole umožňuje přidat video do nového obsahu. Funguje tak, že využíva obsah z YouTube nebo Vimeo, takže nemůžete nahrát video soubor přímo na web.

Note: nepotřebujete kód pro vkládání vygenerovaný YouTube nebo Vimeo, stači pouze URL adresa.

Pole přepínač

Jednoduché přepínání typu ano/ne, které povoluje nebo zakazuje funkcionalitu na vašem webu. Pokud si nejste jisti, jak to funguje na webu, zeptejte se mě.

Pole barev

Toto políčko umožňuje přidávat do obsahu barvu pozadí. Samotné pole umožňuje vizuálně vybrat barvu z výběru nebo zadat takzvaný "hex kód" —číselné zobrazení barvy.

Lišta vlevo představuje celé spektrum dostupných barev - kliknutím zde aktualizujete vzorek barvy uprostřed na rozsah tónů v oblasti, na kterou jste klikli. Uprostřed oblasti je místo, kde si vyberete přesnou barvu, kterou chcete. Lišta vpravo představuje nepropustnost barvy, která řídí, jak je barva transparentní.

Pro tip:
psání delšího obsah mimo CMS

Pro kratší obsah můžete psát a upravovat přímo na živém webu, kdykoli budete chtít.

Ale pro delší obsah, který potřebuje několik dalších očí, je často lepší psát, spolupracovat a upravovat v samostatné aplikaci a až pak vložit obsah do CMS, když jste připraveni publikovat.

To usnadňuje spolupráci a aplikace Google Docs funguje obzvláště dobře, protože veškeré formátování po vložení se zachová i v CMS.

Nicméně po vložení obsahu Google Docs do CMS nezapomeňte odstranit a znovu nahrát obrázky, abyste se ujistili, že jsou nahrane na web správně.

Úprava textu

Pokud upravujete obsah pocházející z jedné ze svých kolekcí, budou všechny ostatní instance stejného textu automaticky aktualizovány po celem webu.

Pokud například upravíte název blogového příspěvku na indexové stránce vašeho blogu, název se bude aktualizovat na stránce jednotlivých blogových příspěvků, stejně jako kdekoli jinde, kde se na webu zobrazí.

Úprava URL

Chcete-li pokračovat s výše uvedeným příkladem, řekněme, že jste upravil/a název blogového příspěvku a nyní si uvědomujete, že chcete aktualizovat adresu URL, aby odpovídala novému názvu.

Dobrou zprávou je, že adresu URL můžete také upravit v CMS. To však přeruší všechny odkazy na starou URL adresu!