NEMAZAT: Návod na psaní příspěvků

V tomto článku si vyzkoušíme, jak funguje přidávání sekcí v editoru. Obsah můžu buď vložit po zkopírování z externího zdroje (např. MS Word) nebo ho kompletně vytvořit v tomto editoru. Při vkládání textu z externího zdroje se může text vkládat včetně původního formátování a způsobovat problémy. V takovém případě doporučujeme vkládat text za použití klávesové zkratky CTRL + SHIFT + V (Windows) nebo COMMAND + SHIFT + V (iOS).

Navigace mezi sekcemi je podobná jako v klasických editorech – pohybuji se šipkami na klávesnici, kurzorem myši, tabulátorem nebo klávesou Enter, kterou tvořím nové odstavce/sekce. Pořadí sekcí mohu měnit přetažením kurzorem myši nebo šipkami nahoru a dolů v nástrojích dané sekce.

Titulek

Pokud chci vytvořit jinou sekci, než textovou, doporučujeme použít modré nebo černé tlačítko „+“ – objevuje se vlevo nahoře:

… nebo mezi sekcemi, pokud do správného místa najedu kurzorem myši:

…nebo vpravo dole pod posledním blokem:

Po kliknutí na tlačítko se zobrazí nabídka typů sekcí. Pozor, ne všechny sekce z nabídky jsou formátovány na míru vašemu webu. Formátovány jsou ty nejpoužívanější, které byly také v designové předloze při tvorbě webu a které najdete níže.

Nadpis

Sekci s názvem Nadpis můžu buď zvolit z nabídky pod tlačítkem „+“, nebo text nejprve napsat běžným písmem a poté v nástrojích dané sekce změnit formát textu na nadpis.

Nadpisy máme formátované ve 4 úrovních:

Nadpis H1

Je určen POUZE pro hlavní titulek článku a tam se formátuje automaticky.

Nadpis H2

Je určen pro dílčí nadpisy článku a je z něj automaticky tvořen interaktivní obsah.

Nadpis H3

Je určen pro nižší úrovně dělení článku

Nadpis H4

Je určen pro nejnižší úrovně dělení článku.

Blokový text

Blokový text je základním stavebním kamenem článku. Tento typ sekce se vytvoří vždy, když klávesou Enter vytvořím novou sekci. Text mohu formátovat: tučný, s kurzívou, s hypertextovým odkazem a další (viz nástroje u této sekce).

Obrázek

Obrázek přidám jako sekci Obrázek. Pokud je obrázek větší než šířka prostoru pro obsah, velikost obrázku se mu přizpůsobí. Jinak bude menší. Obrázek je možné zvětšovat a zmenšovat tažením za body na stranách a v rozích. Zvětšováním obrázek ztrácí kvalitu rozlišení. Obrázek můžu zarovnat doleva, na střed a doprava.

Obr. 21 – Titutlek k tomu obrazku

Seznam odrážek

Odrážky vytvářím v sekci nazvané Seznam. Odrážka se vytvoří také automaticky, pokud na začátku řádku použiji pomlčku (spojovník).

Číslovaný seznam

Číslovaný seznam je varianta sekce Seznam. Po jejím zvolení můžu v nástrojích sekce vybrat možnost číslovaného seznamu.

  1. bod
  2. bod
  3. dlouhý bod přes dvě řádky, kde je hodně textu přes dva řádky dlouhý bod přes dvě řádky, kde je hodně textu přes dva řádky

Tabulka

Tabulku můžu vytvořit přímo v editoru článku, nebo ji vložit z externího zdroje. Tabulka má barevnost podle toho, jak byla navržena v grafickém návrhu webu. První řádek bude automaticky tmavý.

Mezi buňkami tabulky je nejlépe se pohybovat kurzorem myši nebo šipkami na klávesnici.

a1b1c1
a2b2c2
a3b3c3
a4b4c4

Citace

Citaci (zvýrazněný text) vytvořím jako sekci Citace. Pokud chci použít uvozovky, napíšu je manuálně. Pod citaci můžu uvést zdroj citace (např. jméno)

„Tato společnost je skvělá firma plná odborníků.“

Alois Jirásek

Video

Pro vložení videa z externího přehrávače (YouTube, Vimeo) stačí vložit do sekce pro odstavec adresu videa.

Tlačítko interní

Pokud chci použít tlačítko odkazující na stránku tohoto webu, v nastavení tlačítka vyhledám název dané stránky a poté ji kliknutím vyberu. Nastavení „Otevírat v nové záložce“ nechám neaktivní.

Tlačítko externí

Pokud chci tlačítkem odkazovat mimo web, aktivuji nastavení „Otevírat v nové záložce“ a do pole pro adresu zadám požadovanou URL. Nebudu tak ztrácet návštěvníky a oslabovat sílu stránky u vyhledávačů.

Tlačítko s kotvou na konkrétní sekci stránky

  1. Vytvořte ID sekce: V editaci stránky vyberte sekci, na kterou chcete odkazovat. V pravém sloupci zvolte záložku Blok, kde najdete sekci Pokročilé a v ní kolonku HTML záložka. Zde vyplňte libovolné označení sekce, třeba podle nadpisu a bez diakritiky. Jednotlivá slova oddělte pomlčkou.
  2. Vytvořte tlačítko a odkaz uveďte ve tvaru „#HTML ZÁLOŽKA“ – např. „#nazev-sekce“

Rubriky

Příspěvky můžu řadit do rubrik, ve kterých mohou návštěvníci webu filtrovat. Najdete je v pravém sloupci editoru. Základní rubriky podle záměru při tvorbě webu jsou vytvořené. Můžete je mazat i vytvářet nové, ale doporučujeme držet se střídmého počtu. Jeden příspěvek můžete zařadit do více rubrik a jednu z nich uvedete jako základní (zobrazí se v náhledu článku).

Štítky

Štítky v případě tohoto webu nejsou relevantní. Jejich funkci zastupují rubriky.

Náhledový obrázek

Náhledový obrázek článku vybírám v pravém sloupci editoru. Obrázek se objeví jednak v náhledu článku v archivu příspěvků, jednak jako úvodní velký obrázek v detailu článku.

Stručný výpis příspěvku

Stručný výpis příspěvku v případě tohoto webu není relevantní.

Autor článku

Pokud chcete, vyplňte jméno autora článku. Zobrazí se v náhledové kartě a v detailu článku pod hlavním nadpisem.

ALT atributy obrázků

Jedná se o skryté popisky obrázků na webu, které slouží více účelům. Jednak je vidí vyhledávače a mohou je díky tomu zařadit do výsledků vyhledávání a zvýšit pravděpodobnost, že uživatel narazí na váš web. Jednak slouží jako náhradní obsah stránky místo obrázku v případě, že se obrázek nepodaří načíst. A také je užitečný pro nevidomé uživatele, kteří využívají nástroje pro předčítání obsahu stránek. Alt popisek je vhodné doplnit u každého obrázku, který nahrajete na web.

SEO název stránky (Title)

Title, neboli titulek stránky je to, co se zobrazí jako název stránky ve výsledcích vyhledávání. Může být jiný než nadpis zobrazený na detailu stránky. Title a další SEO atributy můžete vyplnit u každé stránky pomocí nástroje Yoast SEO.

Meta popis stránky (Meta description)

Díky těmto popiskům uživatel pozná, jestli na dané stránce/webu najde to, co hledá. Popisky se zobrazují ve výsledcích vyhledávání, například na Googlu, u každého z nabízených odkazů. V některých případech si Google sám určí, jaký text z dané stránky zobrazí, a vyplněný meta popisek může brát jen jako nápovědu. Meta popisky můžete vyplnit u každé stránky pomocí nástroje Yoast SEO.