Jak pracovat s editorem

Vítáme vás v prostředí OLC WE LAB. Editor, který máte k dispozici, je do určité míry intuitivní, a zároveň má, jako každý systém, svá specifika. Zde najdete základ pro navigaci, jak s ním zacházet. V případě nejasností se na nás neváhejte obrátit s dotazem.

Vstup do systému (FE a BE) a přihlášení / odhlášení

Většinu úprav můžete provádět přímo zde, na jednotlivých stránkách, tedy na FE (frontendu). V tomto LAB prostředí jsou pouze 2 widgety (nebo 2 featury, chcete-li), které vyžadují práci v BE (backendu), a to: obsahy pro widget Kontakt a celý obsah stránky FAQ. Pokud se tedy v průběhu nápovědy setkáte s pojmy FE a BE, vztahují se ke ze popsanému. BE je prostředí, do kterého dostanete automaticky po přihlášení. Do FE administrace se přepnete kliknutím na ikonu (USER) vpravo NAHOŘE. Pokud v průběhu práce potřebujete naopak zpět do BE, kliknete na modrou ikonu (USER) tentokrát vpravo DOLE a zvolíte ADMINISTRACE.

Odhlášení se z administrace

Chcete-li práci v editoru ukončit, nejprve před odhlášením nezapomeňte PUBLIKOVAT vaši práci. Samotné odhlášení pak provedete kliknutím na modrou ikonu (USER) vpravo DOLE a zvolíte ODHLÁSIT SE.

Potíž s přihlášením do administrace

Pokud máte potíž s přihlášením, můžete zkusit kombinaci kláves CTRL + F5, klidně opakovaně, tím se stránka načte odznova. Případně v nastavení svého prohlížeče můžete dát vymazat cookies a poté se znovu přihlásit.

Česká a anglická verze

LAB je do velké míry připraven na testování obou jazykových verzí. Upravovat zde můžete jednotlivé EN i CZ stránky, a to přepínačem jazyka (VLAJKA) vpravo nahoře. Pak si jen vyberete stránku, kterou chcete upravovat - že jste na stránce, na které chcete být, poznáte v menu (název stránky je vysvícen žlutě) a také na url v prohlížeči (tato stránka je lab.izon.cz/napoveda).

Ukládání (tlačítka ULOŽIT DRAFT vs PUBLIKOVAT) a náhled webu (ikony MONITOR a MOBIL)

Pokud chcete na nějaké stránce nebo obsahu pracovat a změny nechcete prozatím publikovat na web, použijete ULOŽIT DRAFT. O tom, že změny byly uloženy, jste informováni zašednutím tlačítka ULOŽIT DRAFT). Jen pozor, úpravy uložené jako draft neuvidíte na náhledu webu. Pokud chcete provedené úpravy vidět, zvolte nejprve PUBLIKOVAT (úspěšně provedeno, pokud se tlačítko změní na zelené s textem PUBLIKOVÁNO). Náhled webu si zobrazíte kliknutím na ikonu MONITOR a TABLET, které jsou vedle tlačítka PUBLIKOVAT. Náhled se otevře do tzv. "pop upu", okna, které můžete zavřít. Pod ním máte v prohlížeči stále otevřené prostředí LABu, ve kterém pracujete. Náhled můžete vyvolat kdykoliv, nezapomeňte předtím svou práci uložit (PUBLIKOVAT).  

Práce s textem

Vkládání textu

Na každé stránce je výchozí řádek, do kterého můžete začít psát. Další řádek nebo odstavec vyvoláte několika možnými způsoby:

• klávesou ENTER
• tím, že kliknete do pole pod řádkem, na kterém aktuálně jste
• tím, že myší popojedete na pravou stranu modře rámovaného pole a vyvoláte nabídku přes "+" a zvolíte "T - Odstavec"

Editace textu

Editor nabízí tyto možnosti úpravy textu: tučně, italika, přidat textu link, změnit text na nadpis úrovně h2 nebo h3, změnit text na seznam (číslovaný nebo s odrážkou).  Editor nabízí tyto možnosti úpravy odstavců (jednotlivých bloků): zarovnání doleva/doprava/na střed, posunování celého bloku nahoru/dolů nad jiný blok, smazání.

Pro úpravu textu stačí označit text, který chcete upravit a automaticky se zobrazí základní nabídka. Můžete tak vybraný text změnit na NADPIS nebo SEZNAM, dát mu styl BOLD nebo ITALIC, nebo textu přidat hypertextový odkaz (link). BTW, pro BOLD a ITALIKU můžete také použít běžné MS Office zkratky, tj. nad označeným textem dáte CTRL+B nebo CTRL+I. 

Úpravy textu jsou reverzibilní, takže pokud text změníte na NADPIS, můžete jej opět změnit na TEXT nebo SEZNAM (odrážky). 

Pokud chcete pracovat s celým blokem / odstavcem, klikněte vpravo a vedle ikony "+" je ikona "6 teček - NASTAVENÍ BLOKU", kde můžete:

• změnit zarovnání bloku (na střed, vlevo či vpravo),
• celý blok / odstavec přesunout nahoru nebo dolů nad / pod další blok (šipkami nahoru dolů, každé kliknutí o jednu pozici),
• celý blok / odstavec smazat.

Smazání odstavce je potřeba potvrdit. Poprvé kliknete na křížek, ten se přebarví na bílý v červeném poli a dalším kliknutím na něj smazání potvrdíte.

Nabídka widgetů (speciálních funkčních prvků)

Editor nabízí možnost do stránky vkládat a kombinovat widgety: Tlačítko, Kontakt, GIF/SVG, Obrázek, Video, FAQ, Tabulka, Sloupce. Poslední zde zmíněný widget Sloupce umožňuje kombinovat s ostatními widgety: vložením Sloupce rozdělíte stránku na dva až čtyři shodně široké sloupce a do každého sloupce pak můžete vložit další jakýkoliv další widget.

Tlačítko

Tlačítko je možné vložit jako odkaz na jinou interní stránku webu nebo jako odkaz na stránku na jiném webu. Tlačítko je možné použít kdekoliv ve stránce vyvoláním "+" a volbou Tlačítko. Taktéž je možné Tlačítko vložit do widgetu Sloupce. Posun widgetu nahoru či dolů vůči ostatním, stejně jako jeho smazání, je možné kliknutím na editaci ("6 teček - NASTAVENÍ BLOKU" vpravo vedle "+"). ŠIPKAMI posouváte, mazání provedete kliknutím (opakovaným) na KŘÍŽEK.

Kontakt (aktuálně jen v CZ)

Kontakt je widget určený ke vkládání karet jednotlivých osob, typicky zaměstnanců. Kontakt je otáčecí karta, kde na jedné straně je jméno, příjmení, pozice a fotografie osoby a na druhé straně volitelný popis. Obsah pro každou osobu je potřeba nejprve založit v BE/ Kontakt. Přepnete se tedy do BE kliknutím na modrou kulatou ikonu (USER) a volbou ADMINISTRACE. Zde vyberete CONTACTS a ADD CONTACT, případně upravíte již existující karty. Vložíte potřebné údaje (jméno, příjmení etc.) a do pole Text pak popis dané osoby.  Pak se přepnete zpět do FE administrace kliknutím vpravo nahoře na ikonu USER.

Ve FE administraci pak zvolíte stránku, na kterou chcete Kontakt vložit. V editačním poli kliknete vpravo na "+" a vyberete z nabídky Kontakt. Kliknutím na Vybrat kontakt vyberete z těch, které máte uloženy v BE. Změna osoby (výměna), posun widgetu nahoru či dolů vůči ostatním, stejně jako jeho smazání, je možné kliknutím na editaci ("6 teček - NASTAVENÍ BLOKU" vpravo vedle "+"). ŠIPKAMI posouváte, mazání provedete kliknutím (opakovaným) na KŘÍŽEK.

Kontakt je možné vložit do také widgetu Sloupce, zde ukázka.

Janinka Kolomázová

Zákaznický servis

Popis pozice vložíte v BE. Lorem ipsum slepý text. Základem popisu pracovní pozice je tedy popis pracovní náplně, konkrétní odpovědnosti, pravomoci, povinnosti a úkoly.

Lucie Kubalíková

Prodejce pro JČ kraj

Popis pozice vložíte v BE. Lorem ipsum slepý text. Základem popisu pracovní pozice je tedy popis pracovní náplně, konkrétní odpovědnosti, pravomoci, povinnosti a úkoly.

Milan Test Hepner

Klíčový poradce pro B2C

Popis pozice vložíte v BE. Lorem ipsum slepý text. Základem popisu pracovní pozice je tedy popis pracovní náplně, konkrétní odpovědnosti, pravomoci, povinnosti a úkoly.

Tomáš Dobrý

Klíčový poradce pro B2B

Popis pozice vložíte v BE. Lorem ipsum slepý text. Základem popisu pracovní pozice je tedy popis pracovní náplně, konkrétní odpovědnosti, pravomoci, povinnosti a úkoly.

Gif / SVG

Tento widget vložíte kdekoliv ve stránce  - vpravo kliknete na "+" a vyberete GIF/SVG. Posun widgetu nahoru či dolů vůči ostatním, stejně jako jeho smazání, je možné kliknutím na editaci vpravo - "6 teček - NASTAVENÍ BLOKU" vedle "+". ŠIPKAMI posouváte daný widget nahoru či dolů mezi ostatním obsahem stránky, mazání provedete kliknutím (opakovaným) na KŘÍŽEK. Widget je možné vložit do také widgetu Sloupce.

Obrázek (vložení a editace)

Obrázek na stránku vložíte kdekoliv ve stránce  - vpravo kliknete na "+" a vyberete Obrázek. Následně pak kliknutím na "6 teček" vpravo vyvoláte editační okno. Klepnutím na ikonu "TUŽKY" se dostanete na možnost výběru Obrázku. Máte možnost NAHRÁT nebo VYBRAT (z již uložených). NAHRÁT můžete obrázek ze svého počítače, doporučujeme vyplnit Název a popis pro CZ i EN verzi - usnadní vám příště hledání mezi nahranými obrázky. VYBRAT volíte, pokud víte, že jste již obrázek v minulosti vložili, výběr si můžete usnadnit tím, že zvolíte ikonu náhledu (malé či velké obrázky). 

Obrázek zde na FE můžete dále přes menu "6 teček - NASTAVENÍ BLOKU" (vpravo vedle "+") editovat tímto způsobem:

• vyměnit za jiný (ikona TUŽKY),
• zmenšit na střed stránky,
• přidat mu link (hypertextový odkaz),
• posouvat nahoru či dolů vůči ostatním widgetům - šipkami posouváte každým kliknutím zvoleným směrem,
• smazat - kliknete na křížek, ten se přebarví na bílý v červením poli, a smazání potvrdíte opětovným kliknutím.

Widget je možné vložit do také widgetu Sloupce. Zde ukázka vložení dvou obrázků do widgetu Sloupce.  

Video

Do stránky můžete vložit odkaz na jakékoli video z YOUTUBE. Kliknete vpravo na "+" a vyberete Video. Kliknutím na Vybrat video se zobrazí editační okno, kam do řádku vložíte url odkaz včetně https://, např. https://www.youtube.com/. Kliknutím vpravo na "6 teček - NASTAVENÍ BLOKU" můžete po vložení video vyměnit (TUŽKA), posouvat nahoru či dolů mezi bloky (ŠIPKY) nebo smazat (KŘÍŽEK, 2x potvrdit). Widget je možné vložit do také widgetu Sloupce, zde ukázka vložení dvou videí a dalšího obsahu právě do widgetu Sloupce.    

Nadpis odstavce pro ukázku

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus rhoncus.

FAQ (FE editace)

Jedná se o widget editovatelný zde na FE, který můžete vložit kamkoliv na stránku (pozor, nezaměnit s FAQ, zmíněnými na počátku NÁPOVĚDY - editace v BE je určena přímo pro stránku FAQ v menu, o tom viz níže). Tento FE widget vložíte kliknutím na "+" vpravo a volbou FAQ. Do stránky se vám vloží vstupní blok. Vyplňování OTÁZEK a ODPOVĚDÍ provádíte tak, že kliknete vpravo na "6 teček - NASTAVENÍ BLOKU" vedle "+"  a zvolíte TUŽKU. Otevře se editační okno, do kterého vložíte text a dáte POTVRDIT. Přes nabídku "6 teček - NASTAVENÍ BLOKU" také můžete obsah widgetu upravovat či doplňovat (TUŽKA), zarovnat doleva, na střed či doprava, a dále celý widget můžete ŠIPKAMI posouvat nahoru / dolů mezi ostatním obsahem stránky či smazat - kliknutím (opakovaným) na KŘÍŽEK. Widget je možné vložit do také widgetu Sloupce.

Tabulka

Tabulku vložíte kamkoli na stránku kliknutím na "+" vpravo a volbou Tabulka. Do stránky se vám vloží vstupní blok. Přes nabídku "6 teček - NASTAVENÍ BLOKU" také můžete obsah widgetu upravovat či doplňovat (TUŽKA), zarovnat doleva, na střed či doprava, a dále celý widget můžete ŠIPKAMI posouvat nahoru / dolů mezi ostatním obsahem stránky či smazat - kliknutím (opakovaným) na KŘÍŽEK. Widget je možné vložit do také widgetu Sloupce, ovšem kvůli správnému zobrazení na mobilech a tabletech, kde se obsah zalamuje na užší, doporučujeme vkládat maximálně do 2 sloupců.

Sloupce

Widgetem Sloupce horizontálně rozdělíte danou část stránky, a to na 2 až 4 sloupce. Widget vložíte kamkoli na stránku kliknutím na "+" vpravo a volbou Sloupce. Do stránky se vám vloží základní editační blok o dvou sloupcích. V rohu každého sloupce je tlačítko EDITOVAT, které vám otevře editační okno, do kterého přes nabídku vpravo "6 teček - NASTAVENÍ BLOKU" můžete vkládat další widgety od textu přes obrázky, videa a další. Po dokončení práce v editačním okně dáte POTVRDIT. Stejně pak editujete další sloupec.

Další sloupce až do počtu 4 přidáte kliknutím vpravo na "6 teček - NASTAVENÍ BLOKU" a pak na PLUS (stejně tak můžete sloupec ubrat kliknutím na MINUS). Přes  "6 teček" také můžete celý widget ŠIPKAMI posouvat nahoru / dolů mezi ostatním obsahem stránky či smazat - kliknutím (opakovaným) na KŘÍŽEK. Widget je teoreticky možné vložit také do widgetu Sloupce, ovšem toto nedoporučujeme.

Nastavení stránky (metadata stránky a OGimage)

Vpravo dole v editačním režimu je tlačítko NASTAVENÍ STRÁNKY. Zde můžete pro každou stránku doplnit tzv. základní SEO informace a to v CZ i EN:

• Meta Title /Titulek stránky, 
• Meta Description / Meta popis stránky,
• Key words / Klíčová slova,
• OG Image / Náhledový obrázek stránky,

Úprava obrázku v záhlaví stránky

V záhlaví každé stránky je možnost vložit a upravit obrázek. Kliknutí na tlačítko VLOŽIT / VYMĚNIT OBRÁZEK vám otevře editační okno, kde si můžete obrázek NAHRÁT nebo VYBRAT z již nahraných. Volbu je potřeba POTVRDIT. Tlačítko OŘEZ OBRÁZKU vám umožní si jej upravit (ořezat), úpravu je potřeba POTVRDIT.