Prvky zvýraznění

Doporučené způsoby používání prvků zvýraznění v obsahu článku.

Prvky zvýraznění používáme střídmě. V zásadě pro krátký text (odkaz), odstavec, citaci. Názorná ukázka, kde je v obsahu použito nadměrné množství zvýraznění k nahlédnutí zde a způsob jak to jde řešit jinak. Přehlednost obsahu docílíme oddělováním nadpisy druhé a třetí úrovně. Zvýraznění volte opravdu pouze v případě, kdy je informaci potřeba cíleně z obsahu vyzdvihnout. Do jednotlivých prvků zvýraznění nevkládáme kurzívu a Mark.

Prvky zvýraznění jsou navrhnuty výhradně pro vkládání textového obsahu, bez titulků H2, H3, H4, H5. Do prvků zvýraznění nevkládáme obrázky, video a audio příspěvky.

Potřebujeme-li do prvku zvýraznění vložit zároveň titulek, aplikujeme na požadovanou část textu tučné písmo. Nadpisy H2, H3 H4, H6 mají nastavená odsazení, díky nimž vložením do prvku zvýraznění vzniká velký nevyužítý prostor. Jinými slovy – to rozhodí. Totéž platí v případě vládání audio/video příspěvků.

Pellentesque sem turpis, viverra id malesuada et, mollis ut sapien?

Pellentesque at velit in sem vulputate lobortis. Maecenas ultrices fermentum libero quis tempus. Phasellus tempor odio sem, non condimentum tortor viverra a. Nullam finibus libero vel ex pretium commodo.

Co je zakázáno

Používáme pouze předdefinované funkce zvýraznění. Jiné způsoby implementace zvýraznění nástroji editoru jsou nepřípustné. Názorná ukázka zde – vložení barvy na pozadí bloku.

1. Nespadá do palety portálových barev
2. Nevyhovuje barevnému kontrastu přístupnosti
3. Tato funkce obarví blok textu, ale nemá možnost nastavení odsazení textu od krajů

Zvýraznění audio / video příspěvků

Chceme-li použít prvek zvýraznění pro audio/video příspěvek, do tohoto prvku vkládáme pouze textový odkaz. Ukázka:

Prohlédněte si video s rozhovorem Petra Jakoubka o nových technologiích

Celý záznam rozhovoru s Marcelou Šimůnkovou si můžete poslechnout na:
Apple Podcasts | Google Podcats | Spotify

Zvýraznění 1

U tohoto typu zvýraznění používáme zarovnání na střed, v případě, že se jedná o text o délce 1-2 řádky.

Cílem programu je zjistit, zda je připravovaná metodika spolupráce konzultantů se začínajícími firmami přínosná a může vést k úspěšnému startu podnikání.

Den daňové svobody: 25. června přestávají Češi vydělávat na stát.

Text většího rozsahu zarovnáváme vlevo.

Curabitur lorem purus, tempus id maximus ut, porta at diam. Curabitur id massa et mauris lacinia rhoncus sit amet eu sapien. Praesent tempor et lectus eu aliquet. Nulla facilisi. Sed luctus odio massa, eu tempor elit egestas at. Quisque eu egestas purus. Aliquam erat volutpat.

Zvýraznění 2

Platí stejné pravidlo jako u zvýraznění 1

Společným jmenovatelem prakticky všech uchazečů je to, že si zkusili podnikat.

Program Obchůdek 2021+ bude financován ze státního rozpočtu ČR.

Nejčastěji Vám zaměstnavatel nabídne přivýdělek na dohodu o provedení práce (DPP). Tento režim je výhodný nejen z hlediska pojistných odvodů, ale za určitých podmínek i z pohledu zdanění. „Pokud jste ale takzvané „růžové prohlášení“ podepsali již dříve s jiným zaměstnavatelem, druhé už podepsat nelze a měsíční slevy na dani nebo daňová zvýhodnění vám uplatní pouze první zaměstnavatel,“ vysvětluje Jan Kašpar, daňový poradce KODAP.

Zvýraznění 3

Vhodné pro delší texty, či texty tvořené více odstavci. Nepoužíváme pro zvýraznění textu o délce 1-3 řádky. V malé délce smysl tohoto zvýraznění zaniká. Text zarovnáváme výhradně vlevo. Tento typ zvýraznění neumožňuje výběr ikony.

Lorem ipsum Nunc auctor. Fusce nibh. Maecenas libero. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Integer lacinia. Nunc auctor. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Mauris metus. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Nulla est. Cras elementum. Aliquam ante.

Zvýraznění 4

Vhodné pro delší texty, či texty tvořené více odstavci. Textový obsah zarovnáváme vždy vlevo.

Integer convallis lorem nec tortor luctus, a consequat quam tristique. Fusce vitae condimentum ante, vel rhoncus dui. Nulla facilisi. Sed non vulputate elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec quis lectus risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pellentesque urna mauris, eget pretium orci tincidunt non. Pellentesque mi orci, ullamcorper eget commodo sit amet, pretium vel eros. Aliquam vitae gravida quam. Suspendisse diam libero, tempor sit amet quam vel, hendrerit tincidunt tortor. Nullam tempus posuere vehicula. Sed bibendum accumsan quam et feugiat.

Vivamus porta tincidunt sapien, id ultrices risus tincidunt eu. Nulla ut mi urna. Fusce consectetur ex a risus pulvinar tempus. Donec pretium nisl aliquet tellus sollicitudin varius. Proin risus nibh, interdum et euismod at, viverra ac arcu. Sed vitae pulvinar eros. Morbi eget diam sodales, volutpat mauris quis, facilisis metus. Sed interdum nibh a risus vulputate aliquet. Pellentesque efficitur sit amet est vitae dignissim. Curabitur scelerisque mauris ac turpis porta cursus.

Nam eget tempus enim, quis egestas quam. Integer in orci rutrum, pretium eros in, iaculis magna. Nunc nulla eros, gravida placerat suscipit vitae, hendrerit non tellus. Nullam vestibulum mi felis, tempus faucibus nibh maximus sit amet. In facilisis purus a justo ullamcorper suscipit. Integer porta purus sem, ac dapibus sem iaculis nec. In ex eros, accumsan eu nulla non, iaculis auctor lacus.

Donec sed dignissim metus, ut aliquet diam. Vestibulum auctor sapien nisi, non tincidunt erat euismod ut. Etiam vestibulum mollis neque vel hendrerit. Aenean quis laoreet ligula. Sed consectetur consectetur varius. Phasellus sagittis finibus arcu non eleifend. Ut ornare mollis elementum. Etiam efficitur ante vitae mauris feugiat fermentum sed id tellus. Ut quis orci sit amet erat pharetra varius. Maecenas libero nisl, fermentum et dictum at, porttitor quis tellus.

Zvýraznění 5

Tento typ zvýraznění šipkami evokuje pozornost na střed. Používáme pro zvýraznění krátkého textu o délce 1-2 řádky (odkazu). Text zarovnáváme na střed. Při použití tohoto typu zvýraznění u dlouhého bloku textu celkově ztrácí smysl. Tento typ zvýraznění neumožňuje výběr ikony.

Suspendisse sed rhoncus orci. Nam cursus suscipit quam, vel sagittis dui hendrerit et.

Nový kompenzační bonus pro OSVČ a malá eseróčka

Zvýraznění 6 (short)

Proin malesuada nisi eget ex aliquam, in porta ligula auctor.

Máte dotaz k opatření proti koronaviru?

Zvýraznění 7

Vhodné pro zvýraznění delšího bloku textu. Zarovnáváme vždy vlevo. Tento typ zvýraznění neumožňuje výběr ikony.

Nam eget tempus enim, quis egestas quam. Integer in orci rutrum, pretium eros in, iaculis magna. Nunc nulla eros, gravida placerat suscipit vitae, hendrerit non tellus. Nullam vestibulum mi felis, tempus faucibus nibh maximus sit amet. In facilisis purus a justo ullamcorper suscipit. Integer porta purus sem, ac dapibus sem iaculis nec. In ex eros, accumsan eu nulla non, iaculis auctor lacus. Vivamus porta tincidunt sapien, id ultrices risus tincidunt eu. Nulla ut mi urna. Fusce consectetur ex a risus pulvinar tempus. Donec pretium nisl aliquet tellus sollicitudin varius. Proin risus nibh, interdum et euismod at, viverra ac arcu. Sed vitae pulvinar eros. Morbi eget diam sodales, volutpat mauris quis, facilisis metus. Sed interdum nibh a risus vulputate aliquet. Pellentesque efficitur sit amet est vitae dignissim. Curabitur scelerisque mauris ac turpis porta cursus.

Zvýraznění s více bloky

Při nastavení zvýraznění pro více bloků používáme jen tyto doporučené prvky: odstavec, bodový a číslovaný seznam, odkaz, případně nadpisy.

Zvýraznění více bloků zahrnuje tento postup:

1. Označení bloků: Označte všechny bloky, které chcete seskupit (např. odstavce a bodový seznam), aby bylo možné použít funkci Seskupit.
2. Aplikace zvýraznění: Na seskupenou množinu bloků aplikujte zvýraznění výběrem konkrétního stylu zvýraznění či ikony z příslušné nabídky.
3. Nastavení skrytí: Pro bloky se zvýrazněním můžete dále nastavit skrytí textu podle potřeby, to znamená zatrhnout volbu Skrýt delší text a nastavit počet řádků, po kterém se ostatní text skryje.

Zvýraznění „Citace“

Doporučený postup pro používání prvku Citace v článku je následující: Po vložení bloku Citace je nejprve možné zadat text citátu, který se zobrazí ve velikosti písma 22 px. Pro přidání jména autora citátu, ve velikosti písma 18 px, je nutné tuto funkci aktivovat. To provedete kliknutím na uvozovky v bloku Citace, poté na ikonu s „lístkem“ a následně zadáte jméno autora.

Moudří lidé nemusejí být nutně vzdělaní. Vzdělaní lidé nemusejí být nutně moudří.

Lao-c‘

Prvek Zpět na obsah

Při publikaci delších obsahů je možné použít prvek Zpět na obsah, který se styluje podle použité funkce vloženého odkazu a to následujícím způsobem: Zpět na začátek za použití funkce #zacatek, Zpět na přehled za použití funkce #prehled, Zpět na kapitolu za použití funkce #predchozi-kapitola. Při vložení funkce Zpět na obsah je vhodné zajistit jednotnost ve všech dokumentech a proto by měl redaktor tento prvek umístit vždy vlevo v obsahu.

Zpět na začátek

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean vel massa quis mauris vehicula lacinia. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Proin mattis lacinia justo. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. 

Zpět na přehled

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean vel massa quis mauris vehicula lacinia. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Proin mattis lacinia justo. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. 

Zpět na kapitolu

Prvek Akordeon

Jeden z nástrojů Gutenbergu je Accordion Item, který lze použít pro Rozcestník, ale také pro běžný obsah portálu. Tento prvek umožňuje zabalit obsah, který se po rozkliknutí čtenáři zpřístupní. Po vložení prvku Akordeonu zadáme hlavičku a do těla pak pomocí nástrojů Gutenbergu vkládáme požadovaný obsah. Prvek Akordeon je určitým zvýrazněním obsahu, kde patří zejména holý text. Buďme střídmí a nepoužívejme zde nadbytečné zvýrazňovací prvky.

Příspěvky Custom Posts použité v Akordeonu jsou navržené pro 3 sloupce a je důležité se držet tohoto pravidla nejen v obsahu Rozcestníku, ale i všude tam, kde se vyskytuje postranní sloupec nebo banner.

Prvek Oddělovač

Přepis rozhovoru lze v článku graficky zvýraznit pomocí oddělovače, který je součástí Gutenberg bloků. Prvek oddělovač, který je znázorněn v podobě tenké linky, vkládáme za otázku a související odpověď, abychom docílili vizuálního oddělení obsahu. Zároveň doporučujeme tučně zvýraznit jméno, případně iniciály osob, které se rozhovoru účastní. Samotná linka se stylizuje do barvy vertikály dle typu obsahu.

Následuje ukázka rozhovoru.

Martin Zika: Alice Vránová, marketingová specialistka, která působí ve společnosti Beavia. Alice, vítám Vás tady, dobrý den.

Alice Vránová: Martine, dobrý den.

MZ: To, proč jsme si Vás pozvali a to, čím jste mimo jiné zajímavá, je, že pracujete pro společnost Beavia, máte na starosti marketing, ale pracujete na dálku.

AV: Já to uvedu příběhem a ten to dokonale popíše. Všechno to začalo v roce 2021. Byl tu covid, to si všichni pamatujeme, máme to v živé paměti. Restrikce, nechodilo se do práce. Když jste chtěl jít do práce, tak jste musel podstoupit antigenní testy. Když jste chtěl vycestovat mezi regiony, musel jste mít povolenku na vycestování třeba za rodinou nebo za prací. A ta doba tomu dokonale nahrávala.

Můj přítel je z Kolumbie, nesnáší zimu. Byl březen, tmavé dny, zima, nic se tu de facto nesmělo, tak jsme si řekli, co tady. Jelikož on dříve cestoval hodně po Balkánu a tam se zamiloval v Černé Hoře do městečka Kotor, tak jsme se vydali do Kotoru. A v podstatě v té době, když si to jenom představíte, přejet hranice, no, to bylo něco posvátného.

MZ: Člověk má asi blízko k věcem, zážitkům a místům, na které občas v té běžné domácí rutině myslí, ale jsou poměrně vzdálené. Je to tak?

AV: Je to tak. Vy si na ně ale můžete sáhnout, vy je zažijete.

Prvek Speciální štítek

Speciální štítky slouží ke grafickému odlišení obsahu a zobrazují se v blízkosti titulku v detailu obsahu i přehledovém seznamu vertikály, případně na úvodní stránce portálu https://www.businessinfo.cz/.

Rozlišujeme následující typy speciálních štítků:

• CzechTrade,
• Podcast,
• Video,
• Video + podcast,
• Velký týden malých firem.

Štítek „CzechTrade“ se pro importované obsahy nastavuje automaticky na základě zdroje informací CzechTrade anebo může být ručně zvolen redakcí pomocí zaškrtávacího políčka. Vizuální podoba tohoto štítku je patrná při procházení portálu.

Ostatní speciální štítky upozorňují na dokumenty obsahující audio/video příspěvky. V případě, že dokument zahrnuje jak video, tak podcast, redakce může zvolit štítek „Video+podcast“.

Štítek „Velký týden malých firem“ si nastavuje redaktor manuálně v editaci článku dle stejnojmenné kategorie. Tento štítek dodává obsahu unikátní vizuál, který je zvýrazněný jak v přehledu vertikály Články a aktuality, tak na hlavní stránce portálu https://www.businessinfo.cz/.