Redakční systém Joomla! se stal jedním z neoblíbenějších na světě hlavně proto, že editace textů (obsahu) a vkládání obrázků (souborů) na web jsou s ním snadné. Tento článek vám poskytne stručný návod i videotutoriál na to, jak tvořit a upravovat texty v JCE editoru.
Nejprve se přihlaste do administrace. Manuál na Joomla! přihlášení najdete v předchozím článku s videonávodem: Jak se přihlásit do administrace.
Videotutoriál pro CMS Joomla! 3.x
Editace článků v K2 komponentě
Komponenty –> K2 –> Položky (–> Nový) –> JCE editor
Po přihlášení do CMS Joomla! klikněte v horním menu na Komponenty (Components), najděte si K2 a pokračujte na Položky (Items). Potom vyberte článek, který chcete editovat. Jestliže vytváříte úplně novou položku, zvolte zelené tlačítko Nový (New).
Oblast pod ikonkami je určena k editaci náplně K2 článků. Pro správu obsahu zde slouží JCE editor.
Nejčastěji používané funkce v JCE editoru
Režimy zobrazení, tvorby a úprav
Záložky/karty umístěné vpravo nad lištou editoru (mezi jednotlivými režimy se pohybujte pomocí přepínání karet):
- Editor – tvoření a úpravy obsahu položky v uživatelsky přívětivém rozhraní ve stylu kancelářských aplikací
- Kód – zobrazení i editace náplně článku v HTML kódu (Code)
- Náhled – vizuální znázornění obsahu položky shodné s výsledným na webových stránkách (Preview)
Panel nástrojů editoru
Ikonky/symboly umístěné na panelu editačních nástrojů (příslušnou část obsahu označte a aplikujte požadovanou úpravu):
- Šipky – krok zpět (Undo) a dopředu (Redo)
- B – tučné písmo (Bold)
- I – doprava nakloněné písmo, kurziva (Italic)
- U – podtržené písmo (Underline), doporučujeme nepoužívat: podtržený text obvykle značí aktivní odkaz, což v tomto případě není
- S – přeškrtnuté písmo (Strikethrough)
- Zarovnat – zarovnání textu plně (Align full), na střed (Align center), vlevo (Align left), vpravo (Align right)
- Formát – formátování textu (Format), přičemž často používané volby jsou:
- Odstavec – odstavcový text (Paragraph)
- Nadpis 1 až 6 – nadpisy úrovně H1, H2, … (Heading 1–6)
- Ix – odstranit formátování textu (Remove formatting)
- Košťátko – čištění kódu od nadbytečných elementů (Cleanup HTML)
Pokud kopírujete text například z Wordu, může dojít k vložení nežádoucího kódu, který je schopný dokonce znemožnit zobrazení webu. Po přenesení textu klikněte na tyto dvě ikonky a nastavte formátování znovu.
- Písmo – styl písma (Font)
- Velikost písma – velikost písma (Font size)
- Barva textu – vybrat barvu textu (Select text color)
- Barva pozadí – zvolit barvu pozadí (Select background color)
Tuto oblast doporučujeme nepoužívat: styly zobrazení písma a barev jsou přednastavené v šabloně webstránek.
- Nůžky – vyjmutí obsahu (Cut)
- Kopírovat – kopírování obsahu (Copy)
- Vložit – vložení obsahu (Paste)
- Vložit jako prostý text – vložení textu bez nadbytečných elementů (Paste as Plain Text)
Jestliže chcete překopírovat například z Wordu rovnou čistý text, pravým tlačítkem myši umístěte kurzor do textové oblasti a klikněte na tuto ikonku. V tomto případě není třeba odstraňovat formátování a čistit kód (viz výše).
- Odsadit – odsazení textu (Indent)
- Předsadit – zrušení odsazení textu (Outdent)
- Číslovaný seznam – text uspořádaný číslicemi nebo písmeny abecedy (Ordered list)
- Nečíslovaný seznam – text uspořádaný odrážkami: pomlčkami či grafickými prvky (Unordered list)
- x2 – dolní index (Subscript)
- x2 – horní index (Superscript)
- Horizontální čára – vložit vodorovnou čáru pro vizuální oddělení obsahu (Insert horizontal ruler)
- Tabulka – vložit tabulku (Insert a table)
- P v rámečku – zobrazit/skrýt prvky bloku (Show/hide block elements) pro zpřehlednění obsahu v režimu Editor (ohraničí rámečkem elementy typu P, H2, UL, …)
- Nedělitelná mezera – vložit nezlomitelný znak mezery (Insert non-breaking space character)
V psané češtině jsou na konci řádku některé výrazy nevhodné, proto je zalomení textu v těchto místech nežádoucí. Celkový výčet konkrétních případů vám poskytne Internetová jazyková příručka.
Označte místo mezi nevhodným výrazem a následujícím slovem a klikněte na příslušnou ikonku, čímž dojde k jejich spojení a text se automaticky zalomí na další řádek, pokud to bude potřeba. Tato operace se projeví ve všech režimech, ale znak se zobrazí pouze v HTML kódu.
- Přerušený řetízek – zrušit odkaz (Unlink)
- Řetízek – vložit odkaz (Insert link)
- Obrázek – vložit obrázek (Insert image): viz níže samostatné videotutoriály
Můžete vkládat, upravovat či rušit text a URL (Uniform Resource Locator, jednotný lokátor zdroje, webová adresa) odkazů na další vaše nebo jiné články, kategorie, weby, …
- Vložit číst více – rozdělení obsahu na introtext a fulltext (Insert Read More)
Článek je možné rozdělit na úvodník a celý text. Kompletně se potom ukáže například po kliknutí na číst dále. Tento způsob znázornění je nutné nastavit v komponentě. Používá se nejčastěji pro zobrazování novinek s úvodním textem.
Potřebujete s něčím pomoci?
Cosi se nezdařilo nebo si nevíte rady? Neváhejte nás kontaktovat. Joomla! je náš oblíbený redakční systém, ve kterém pracujeme v podstatě denně.
Mrkněte na další užitečné videonávody: