> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.eshop-rychle.cz/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Tvorba článku

Obsah pro různé sekce se v systému Eshop-rychle tvoří pomocí článků. V administraci e-shopu je pojem článek chápán šířeji, než pouze jako forma textu v běžném významu. **Článek je v administraci nástrojem na tvorbu a editaci veškerého textově obrazového obsahu.**

Pomocí článků tak můžete vytvořit stránku s obchodními podmínkami, stránku s kontaktními údaji v menu nebo např. klasický blogový článek.

Podrobné členění a popis sekcí, kde lze tvořit články (ve smyslu uživatelského obsahu) naleznete v návodu [Kde lze na e-shopu vkládat obsah.](https://help.eshop-rychle.cz/cs/article/kde-lze-na-e-shopu-vkladat-obsah-q9s7rp/?bust=1713525275174)

# Základní editace
Ať již vytváříte článek pro jakoukoli z obsahových i produktových sekcí, budete využívat textový editor TinyMCE. Pokud nemáte zkušenosti s editací v klasických textových editorech, doporučujeme návod [Textový editor TinyMCE](/cs/article/textovy-editor-tinymce-1iu2mrv/), kde naleznete popis každé funkce editoru.

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_qsoazl.png)

# Vytvoření a nastavení článku
Články, pomocí kterých se tvoří obsah e-shopu, lze [vytvářet v mnoha sekcích](/cs/article/kde-lze-na-e-shopu-vkladat-obsah-q9s7rp/) (blog, úvodní strana e-shopu, novinky, patička atd.) Princip vytváření článků je však ve všech sekcích prakticky identický, proto si postup ukážeme na základní sekci pro tvorbu článků v administraci, kterou naleznete v Obsah webu→ Vytvořit článek.

Po vstupu do sekce se otevře okno na vytvoření nového článku. Zde se edituje veškeré nastavení:

* **Nadpis článku**
* **Pořadí zobrazení** (mezi ostatními články zvolené sekce)
* **Zobrazit článek od – do** (pokud chcete na webu nechat trvale, datum nevyplňujte.)
* **Povolit diskuzi **– chcete-li, aby zákazníci mohli článek komentovat nebo odpovídat, aktivujte diskuzi, kterou pak můžete sledovat a spravovat v sekci Obsah webu → Diskuzní příspěvky.
* **HTML mód **nabízí možnost vkládat javascriptové prvky (Google Mapa, Like button, atd.) nebo pokročilejším uživatelům jakékoli další HTML kódy (např. objekty, které mohou grafici dále ostylovat a vytvořit tak zajímavé grafické prvky)

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_sz5xs4.png)

Veškerý textový obsah včetně vkládání obrázků, videí, odkazů se provádí v **editoru TinyMCE.**

V sekci **pokročilé nastavení** lze nastavit Title / Description / Vlastní URL, které jsou určeny pro vyhledávače a ovlivňují, jak se daný článek zobrazí ve výsledcích vyhledávání. Pokud je nenastavíte, systém sám tyto popisy generuje. Doporučujeme zde nastavit i Popisek stránky a Profilový obrázek pro Facebook. Více najdete v článku [“Hezké sdílení” stránek e-shopu na Facebooku – Open Graph tagy](https://blog.eshop-rychle.cz/open-graph-hezke-sdileni-na-fb/)

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_jgy57g.png)

### Umístění článku na e-shopu
V sekci **Umístit článek do požadované položky struktury menu** lze článek umístit do příslušné struktury e-shopu, kde se následně zobrazí.

Článek můžete vložit do sekce Novinky / Volné články / Úvodní strana, které jsou fixními obsahovými částmi e-shopu, nebo do sekcí O nás / Jak nakupovat / Obchodní podmínky / Fotogalerie / Kontakty, které jsou přednastavenými sekcemi textového menu. Ty můžete v Obsah webu → Struktura webu → Textové menu libovolně měnit. Pokud např. z textového menu odstraníte položku O nás, zmizí tato položka také ze sekce Umístit článek do požadované položky struktury menu.

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_po1sct.png)

|| Pokud chcete vytvořit nový článek pro Blog, Levý sloupec a Patičku, je nutné vstoupit a článek tvořit přímo v těchto sekcích.

# Speciální typ článků – volné články
Vedle standardních článků určených na tvorbu veřejného obsahu např. pro blog, textové menu, novinky nabízí systém Eshop-rychle také tzv. volné články. Volné články se využívají pro tvorbu specifického typu obsahu, u kterého není žádoucí, aby byl napřímo veřejně přístupný například prostřednictvím menu či některé jeho podsekce, ale chcete na něj například odkazovat z některé části jiného článku.

Více o využití a nastavení volných článků naleznete v [samostatném návodu Volné články](/cs/article/volne-clanky-1iadkk1/).

# Řazení článků
Při tvorbě obsahu je nezbytné porozumět také dvěma principům řazení článků a obsahu.

1. **Řazení do samostatných článků** – při tvorbě článků pro Blog, Novinky a sekci Volné články se články řadí pod sebe/nad sebe (dle nastavení) standardně do jednotlivých samostatných článků.

![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_a6eaf2.png)

2. **Řazení článků do společného obsahu** – při vytváření článků pro úvodní stranu e-shopu, levý sloupec a textové menu nedochází k vytvoření oddělených článků, ale pouze k jednomu, který sdružuje obsah do jednoho společného článku. To je užitečné například pro položku menu kontakty, kde se vkládají textové informace, mapa a kontaktní formulář viz. obrázek, nebo když chcete například doprostřed stránky vložit fotogalerii.

![Ukázka řazení článků do společného obsahu. Články, které jsou vytvořené a editovatelné samostatně, však tvoří jeden společný obsah.](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1xyrgwe.png)

# Bude se vám hodit – užitečné funkce
Abychom vám při tvorbě obsahu usnadnili první krůčky, připravili jsme přehled nejčastěji využívaných funkcí při tvorbě článků. Pamatujte také, že tvorba obsahu pro online svět má svá specifika a technické odlišnosti, se kterými je dobré se hned v úvodu spřátelit.

### Formátování článků
Způsob čtení článků v online prostředí je velmi odlišný od čtení klasických tištěných médií. Online text se často jen tzv. skenuje, což znamená, že čtenář rychle prochází nadpisy, odstavce a obrázky. Nezapomínejte proto vaše články **více členit do odstavců, používat více nadpisů, citací, doplňovat o obrázky, infografiky apod.** Do článku [9 tipů, jak napsat článek, který lidé a vyhledávače milují](https://blog.eshop-rychle.cz/9-tipu-jak-napsat-clanek/) pro vás specialista na zvyšování výkonu e-shopů Lukáš Dubina shrnul pár užitečných rad.

### Vytváření odkazů
Snad žádný online článek se **neobejde bez odkazů, ať už na jiné články, či rovnou na produkty ve vašem e-shopu**, pokud se jedná např. o recenzi výrobku. Jak vytvořit obrázkový nebo textový odkaz se dozvíte v návodu [Textový editor TinyMCE](/cs/article/textovy-editor-tinymce-1iu2mrv/).

### Jak vkládat a používat obrázky
**Rovněž obrázky jsou téměř vždy nedílnou součástí článků.** Jak vkládat obrázky se dozvíte v návodu [Textový editor TinyMCE.](/cs/article/textovy-editor-tinymce-1iu2mrv/)

Při vkládání obrázků ať už produktových či jen doprovodných, v článcích dochází k častým chybám. V článku [Zrychlete svůj eshop – optimalizujte obrázky!](https://blog.eshop-rychle.cz/datova-optimalizace-obrazku/) jsme pro vás shrnuli doporučení, jak s obrázky pracovat.

### Vytváření galerií
Systém Eshop-rychle vám zdarma nabízí také nástroj na vytváření jednoduchých obrázkových galerií. Na helpdesku v sekci obsah naleznete [návod na tvorbu galerií](/cs/article/tvorba-fotogalerie-1guqb5y/).

Pokud používáte větší množství fotografií a videí a potřebujete vytvářet složitější galerie, lze využít externí nástroje.

### Vkládání videí
Videa z YouTube jsou, stejně jako obrázky, častým zpestřením obsahu e-shopů. V [návodu Vložení videa z YouTube](/cs/article/vlozeni-videa-z-youtube-p9ekww/) naleznete rady, jak na to.

### Kotva v textu
Při psaní rozsáhlejších článků a pro lepší přehlednost a orientaci v textu je velmi užitečná funkce kotva. Na pozici kurzoru se vloží „záložka-kotva“ se zvoleným jménem, na kterou je možné odkazovat a tedy přímo automaticky přeskočit. Více o kotvách naleznete v návodu [Textový editor TinyMCE](/cs/article/textovy-editor-tinymce-1iu2mrv/).

### Vložení souboru ke stažení
Velmi často je zapotřebí zákazníkům nabídnout např. specifikace produktu v pdf formátu ke stažení, nebo tištěný katalog, obchodní podmínky apod. Nahrávat můžete soubory ke stažení do velikosti 5 MB. [Jak vložit soubor ke stažení?](/cs/article/textovy-editor-tinymce-1iu2mrv/)

### Vkládání zdrojového kódu
Občas je do článku potřeba vložit externí prvek např. přes JavaScript, či HTML. Více o vkládání zdrojového kódu a práci s HTML módem naleznete v návodu na textový editor.

### Formuláře
Potřebujete na váš e-shop vložit formulář, aby vás zákazníci mohli snadno kontaktovat? V [návodu Vlastní formuláře](/cs/article/vlastni-formular-qv7whc/) uvidíte, že je to snadné, včetně vložení ochrany proti spamu tzv. CAPTCHA.

### Vkládání map z Mapy.cz a Google Maps
Váš kamenný obchod či provozovna by měly být snadno dohledatelné. Usnadnit cestu k vám můžete pomocí vložení mapy jak z Google maps, tak z Mapy.cz. Pro obě služby naleznete samostatné návody:
* [Vložení mapy z Mapy.cz](/cs/article/vlozeni-mapy-z-mapycz-vj9nhk/)
* [Vložení mapy z Google Maps](/cs/article/vlozeni-mapy-z-google-maps-1hzn97b/)