Tvorba webu, webových stránek, webdesign

Redakční systém Joomla, návod práce s obrázky

Na základě dotazů od svých zákazníků a klientů jsem se rozhodl, že popíši základní principy práce s redakčním systémem Joomla. Administraci je možné provádět přes domovskou stránku a nebo využít administrativní modul. Kromě jiného layoutu nebo chcete-li designu , princip práce bude prakticky totožný. Postupy proto ukážu na administrativním modulu. Nedělám si zvýšené nároky na svojí neomylnost a také je možné, že najdete lepší způsoby nebo využití. Kdo bude chtít, může mi je napsat a podělit se o ně s ostatními. Dále platí, že ke stejnému cíly vede mnohdy několik postupů. Napsaný návod se vztahuje na současnou verzi resp. větev redakčního systému Joomla 1.0.x.

Dnes se podíváme na to, jak vkládat v redakčním systému Joomla do článků obrázky.

01

připravím a upravím si obrázek v nějakém grafickém programu (upravím rozměr, velikost, barvy atd.)

 

02

připravený obrázek nahraji do redakčního systému

 

03

připravený obrázek vložím do textu

 

04

uložím článek

 

05 zkontroluji zobrazení a případně upravím nastavení

 

Nahrání obrázku do redakčního systému Joomla

K nahrání obrázků slouží komponenta Media Manager. To najdete v administrativním rozhraní v menu SITE -> MEDIA MANAGER. Zde máte možnost vytvářet složky (tvořit adresářovou strukturu) a následně do nich nahrávat obrázky. Jakmile obrázek nahrajete, můžete ho kdykoli později použít, například do více článků. To můžete např. použít u titulků na hlavní domovské (home) stránce.

 

 

Standardně Joomla má vytvořen podadresář STORIES.
Adresářovou strukturu procházíme, resp. aktuální adresář zvolíme v rozbalovacím seznamu s názvem DIRECTORY. My máme vybraný adresář /stories/titulky. V případě, že v tomto adresáři chceme vytvořit podadresář, tak stačí zadat do textového pole s názvem CREATE DIRECTORY název adresáře a v menu kliknout na ikonu s názvem CREATE. My budeme vkládat obrázek.
V poli s názvem FILE UPLOAD klikneme na tlačítko PROCHÁZET (v případě českého prostředí). V okně se nám zobrazí klasický dialog operačního systému pro výběr souboru. My si zde nalezneme připravený obrázek (krok 1), například kostelik.gif a klikneme na OPEN. V poli FILE UPLOAD se nám musí zobrazit název souboru reprezentující daný obrázek a úplná absolutní cesta k danému souboru, např. "d:\kostelik.gif". Dále klikneme na ikonu UPLOAD a tím dojde k vlastnímu nahrání souboru reprezentující obrázek do námi vybraného úložiště (adresáře) v redakčním systému Joomla. Pokud máme více obrázku k nahrání akce opakujeme.

Teď již máme obrázky připravené v úložišti a je potřeba je vložit na danou pozici do článku. Zde se nebudeme zadávat jak tvořit článek, to bude součástí dalšího návodu, ale pouze budeme vkládat obrázek do textu.

 

Vkládání obrázků a jejich nastavení v redakčním systému Joomla

Jak vložíme obrázek do článku? Jednoduše. Když se podíváte na dvě okna textového editoru v redakčním systému Joomla, tak na spodním okraji každého z oken uvidíte ikonu INSERT IMAGE. Stačí si najet kurzorem na pozici v textu a poté kliknout právě na tuto ikonu. V textu se zobrazí značka "mosimage". Ta nám určuje, kam se bude obrázek vkládat. Takových značek můžeme mít v textu kolik chceme, takže pokud chceme do textu vložit pět obrázků, bude v textu právě pět značek. V našem příkladě máme značku na začátku textu v prvním okně. Taková značka nám pak slouží jako titulek (úvodní obrázek) článku. Zbývá jen otázka, jak redakční systém pozná, který obrázek chceme použít. Samozřejmě, redakční systém to neví, to mu musíme určit sami. K přiřazení obrázkům ke značkám a nastavení parametrů obrázků slouží záložka IMAGES na naší stránce. Když na ní klikneme, zobrazí se nám následující okno.

 

 

V GALERY IMAGES pak procházíme úložiště Joomly. My si zde najdeme obrázek titnice.gif a přes ikonu >> jej vložíme do okénka s názvem CONTENT IMAGES. A jak už vás asi napadá, pokud chcete vkládat pět obrázků, tak jich musíme mít pět v tomto okně. Ikonkou UP a DOWN určujeme pořadí, jak se obrázky vkládají do našich připravených značek v textu "mosimage". První obrázek se vkládá do první značky textu, druhý do druhé atd.
Zbývá nám jen určit, parametry obrázku (zarovnání, text, okraj, popis). Pokud máme více obrázku, musíme každý nastavit. Nastavení provedeme tak, že na obrázek v okně CONTENT IMAGES klikneme, a následně nastavíme parametry. IMAGE ALIGN nám určuje zarovnání obrázku k
danému textu. Hodnoty, které můžeme zvolit jsou následující:

• Žádný, volba způsobí, že text nebude obtékat obrázek.
• Vlevo, text bude obtékat obrázek z pravé strany obrázku
• Vpravo, text bude obtékat obrázek z levé strany obrázku
• Na střed, text bude obtékat obrázek z obou stran

Text bude obtékat obrázek v případě, že obrázek nemá větší šířku, než je šířka okna pro text. Zde vám doporučuji si dané varianty pro pochopení odzkoušet.
V ALT TEXT zadáváte popis obrázku, neboli text, který se zobrazí pokud na obrázek najedete myší, nebo se zobrazí majitelům a uživatelům textových prohlížečů. Tuto vlastnost využívají i Úpravy prohlížečů pro nevidomé, proto je velmi praktické text vyplňovat. BORDER nám určuje tloušťku okraje okolo obrázku. Následující volby CAPTION slouží k zobrazení textu, opravdového popisu obrázku. CAPTION POSITION (Nahoru, dolu) určuje, kde se zobrazí popis obrázku. CAPTION ALIGN pak určuje zarovnání popisu text k danému obrázku. CAPTION WIDTH pak šířku pole pro popis obrázku. Uvedené volby doporučuji vyzkoušet. Vždy ale nezapomeňte volby potvrdit kliknutím na ikonu APPLY a pokud už nebudete s článkem pracovat, tak článek uložit kliknutím na ikonu SAVE.

Loose poker hraje hodně pokerových hráčů, ale vždycky je dostanou karty na flopu. Tito hráči také často opomíjejí pozice v pokeru. Doporučujeme trénovat na internetu, například bwin online poker je skvělý.