Základní návod jak vkládat obrázky do textu v Joomla
Pozor důležité !!!
Tento návod je určen pro vkládání obrázků do článku v CMS Joomla, a to v základní instalaci, bez speciálních rozšíření. Pokud máte ve své instalaci systému Joomla nějaké rozšíření, jež ovlivňuje obrázky v textu, tak se obraťte na implementátora systému nebo se o radu požádejte nás přímím dotazem. Tento návod se rovněž netýká fotogalerií.
Úvodní informace:
Obsah se v CMS Joomla vkládá pomocí tzv. WYSIWYG editorů. Nejpoužívanější z nich jsou TinyMCE (v základní instalaci) a JCE (propracovanější editor). Tento návod se bude zabývat postupem pomocí těchto dvou editorů. Zvolte si prosím postup podle toho jaký editor používáte:
Vkládání obrázku do Joomla pomocí JCE
- Nejprve si připravte požadovaný obrázek. Měl by mít správné rozměry. Tj. ani menší, než jaký se má zobrazit, ale ani zbytečně veliký. Optimální velikost pro zobrazování na webu obvykle bývá mezi 100px až 800px na šířku
- Přihlaste se do systému Joomla (postup jak se přihlásit)
- Otevřete si příslušný článek (postup jak založit nový článek)
- Umístěte kurzor myši na místo, kam se má obrázek vložit
- Klikněte na ikonu pro vložení obrázku
- Otevře se vám následující okno (kliknutím na obrázek jej zvětšíte)
- Jestliže obrázek na serveru nahrán není, pak ve struktuře adresářů dojděte na místo, kam se má obrázek nahrát
- Klikněte na ikonu pro nahrání obrázku (vpravo uprostřed)
- Zvolte obrázek připravený ve vašem počítači a klikněte na „Uložit"
- Klikněte na určený obrázek
- V následujícím poli by se měla objevit cesta k vámi zadanému obrázku
- Doporučuji vyplnit pole „Alternativní text". Vyplní se patrně automaticky odvozením z názvu souboru, ale to často není vhodný název. Uvědomte si, že slova v tomto názvu by měla stručně popsat obsah obrázku, což je důležité i z pohledu SEO
- Můžete upravit velikost zobrazení obrázku (pozn. jedná se pouze o velikost zobrazení, nikoli o velikost obrázku samotného, proto nenahrávejte příliš veliké obrázky, zpomaluje to načítání vaší stránky)
- Pokud tvoříte obsah v souladu s pravidly W3C a s ohledem na SEO (optimalizace pro vyhledávače), tak by jste neměli používat další nastavení jako je „Zarovnat", „Margin" (neboli vnější neviditelný okraj) a „Okraj" (neboli rámeček kolem obrázku). Tyto pravidla by měla být umístěna v samostatném souboru a vy by jste na ně měli pouze odkazovat
- Pokud nehodláte použít další nastavení obrázku, tak klikněte na klikněte na zelené tlačítko ve spodní části okna „Vložit" (ang. „Update")
Obrázku vloženého do textu je možné určit mnoho dalších nastavení, ale tomu se věnují jiné návody.
Vkládání obrázku do Joomla pomocí TinyMCE
- Nejprve si ve svém počítači nachystejte požadovaný obrázek. Měl by mít správné rozměry. Tj. ani menší, jež jaký se má zobrazit, ale ani zbytečně veliký. Optimální velikost pro zobrazování na webu obvykle bývá mezi 100px až 800px na šířku
- Přihlaste se do systému Joomla (postup jak se přihlásit)
- Otevřete si příslušný článek (postup jak založit nový článek)
- Umístěte kurzor myši na místo, kam se má obrázek vložit
- Pozor! Editor TinyMCE obsahuje sice ikonu na vložení obrázku, ale ta v CMS Joomla bohužel neumí vyhledat obrázek na web hostingu, ani na vašem počítači. Použijte proto ikonu s názvem „Obrázek" na spodní liště pod editorem.
- Objeví se vám následující okno
- Jestliže obrázek na serveru nahrán není, pak ve struktuře adresářů dojděte na místo, kam se má obrázek nahrát
- Klikněte na tlačítko „Vybrat soubor" (naleznete jej ve spodní části)
- Zvolte obrázek připravený ve vašem počítači a klikněte na „Zahájit nahrávání" (nachází se vedle tlačítka „Vybrat soubor")
- Klikněte na určený obrázek
- Doporučuji vyplnit pole „Popis obrázku". Myslete na to, že slova v tomto názvu by měla stručně popsat obsah obrázku, což je důležité i z pohledu SEO. Rozhodně není vhodné nechat pole „Popis obrázku" nevyplněné
- Můžete (ale nemusíte) vyplnit i pole „Titulek obrázku". Ten by se měl zobrazovat návštěvníkovi v okamžiku, kdy ukáže kurzorem myši na obrázek (u většiny internetových prohlížečů to platí)
- Můžete také zvolit jednu z možností zarovnání. Zarovnání zajistí obtékání textu kolem obrázku. Obtékání by mělo být řešeno pomocí stylů, ale i tato varianta je možná.
- Pro vložení obrázku do textu klikněte na tlačítko „Vložit" (naleznete vpravo nahoře)
- V případě potřeby upravit velikost zobrazení obrázku je nutné udělat to v dalším kroku. Označte daný obrázek a klikněte na zvýrazněnou ikonu obrázku v horní části. Zobrazí se vám následující okno
- Klikněte na prostřední záložku „Appearance"
- V poli „Dimensions" zadejte upravené rozměry zobrazení obrázku (upozorňuji, že obrázek se nezmenší, pouze se zobrazí jako menší)
- Změny uložíte kliknutím na tlačítko „Update" vlevo dole