Grafický manuál pro stránky SŠP

Tato stránka není určena pro veřejnou prezentaci na webu. Slouží pro interní orientaci editorů obsahu – popisuje použitý grafický styl pro jednotný vzhled všech prvků stránek a informuje, jak jej dosáhnout.

Obecný popis vestavěného editoru pro správu webu

najdete zde: https://www.wplama.cz/wordpress-gutenberg/ (otevře se v novém okně)

Seznam povolených prvků v obsahu a pokyny k vytvoření

PrvekDohodnutý vzhledPostup vytvořeníPráva a editace
BlokZákladní stavební neviditelná jednotka nesoucí vlastní oddělený viditelný obsah.Umístit kurzor na místo na stránce, kde chci přidat nějaký obsah a hledat nejbližší tlačítko „+“ neboli Přidat blok. Kliknout a určit typ bloku. Pozor, i nadpis je blok.• kdokoli





Vertikální mezeramezera mezi bloky (odstavci)Pomocí „+“ neboli Přidat blok. Do hledacího pole názvu bloku vložit „mezera“. Kliknout na nalezený blok a pomocí potáhnutí za kolečko na spodní hraně bloku určit výšku mezery v bodech. • kdokoli
Prostý textčerný text, bílé pozadí1. vytvoření obecného bloku
2. zadávání ručně z klávesnice nebo Ctrl+V
• textace a vložení kdokoli
• změna barev fontu a pozadí povolena jen roli Admin
Nadpisčerný text, bílé pozadí, vetší font1. vytvoření bloku typu Nadpis
2. určení velikosti nadpisu (H..)
3. zadávání ručně z klávesnice nebo Ctrl+V
• textace a vložení kdokoli
• změna barev fontu a pozadí povolena jen roli Admin
Textový odkaz na jinou stránku/ souborčerný podtržený text1. označit text v bloku
2. klik na ikonu linku (oko řetězu) v editoru
3. najít/vložit cíl, určit, jak se bude otevírat
4. potvrdit
• textace a vložení kdokoli
• barva fixována šablonou, editace pouze Admin
Tlačítkový odkaz na jinou stránku/ souborhranaté oranžové tlačítko s textem
Pomocí tl. vyvolat nabídku bloků a vybrat záložku Opakovatelné > Tlačítko SŠP• textace a vložení kdokoli
• barva fixována šablonou, editace pouze Admin
Seznam více odkazovaných dokumentů na řádcíchtabulka s oranžovým „jako“ tlačítkem vpravo s údajem o příponě a velikosti
Pomocí tl. vyvolat nabídku bloků a vybrat typ Seznam souborů• textace a vložení kdokoli
• barva fixována šablonou
Text s vykreslením obrázku po najetí myší na nějv textu jako zeleně přerušovaně podtržený text, po najetí myší na něj fotografie v bílém rámečku na pozici kurzoru plovoucí „nad“ stránkou“ – příklad
1. určit si obrázek, ten nahrát mezi Média zde v redakčním systému
2. určit text na stránce, po jehož přejetí myší se má obrázek ukázat
3.informace z předešlých bodů sdělit Adminovi
Admin
Rozbalovací sekcev textu jako zeleně podtržený nadpis s vykreslenou zelenou šipkou vpravo
Pomocí tl. vyvolat nabídku bloků a vybrat typ Accordion item• textace a vložení kdokoli
• barva fixována šablonou
Lokální galerie stránkymatice náhledů fotek v těle stránky, klikem na vybranou se tato zobrazí v celé ploše s posuvníkem na další a s možností zrušit zobrazení
Pomocí tl. vyvolat nabídku bloků a vybrat typ Galerie, ve vlastnostech bloku vybrat v poli „Odkaz na“ typ „Mediální soubora v poli Velikost obrázku dát Obrázek galerie.• textace a vložení kdokoli
• vlastnosti fixovány šablonou
Aktualitamatice bloků s aktualitami, blok aktuality obsahuje text, volitelně nadpisový obrázek a dokreslující obrázek
Pomocí levého menu redakčního systému vyvolat položku Aktuality. Zde tl. Vytvořit příspěvek. Editovat nadpis a obsah.
Pomocí panelu Další nastavení lze:
• přidat „Náhledový obrázek“ pro upoutání pozornosti.
• nastavit aktualitu jako trvale (do odvolání) připnutou na levé pozici na hlavní stránce – volba „Zvýraznit tento příspěvek“. Novější aktuality budou obsazovat jen druhou a třetí pozici v matici aktualit.
• textace a vložení kdokoli
• vlastnosti fixovány šablonou
Barevný prvekText nebo pozadí v jiné než čené a bílé barvě• Základní oranžová má hexadecimální kód:

#e77918
• Základní zelená má hexadecimální kód:
#009039

• Základní barva pro „nebílé“ pozadí má kód: #f7f6f4
• kontaktovat Admina, ostatní role nemají povoleno měnit barvy
Kategorizace aktualitaktuality lze zařadit do rubrikhttps://www.ssprool.cz/wp-admin/edit-tags.php?taxonomy=categoryAdmin
Pozadí šablonyopakuje se u všech obecných podstránek jako fotografie v horním pruhuhttps://www.ssprool.cz/wp-admin/admin.php?page=settingsAdmin

Partneři školy