Pracujeme s obrázky

V tomto návodu dodáme stránce vizuální obsah — do jejího záhlaví vložíme obrázek z fotobanky a doladíme jeho výřez a do obsahu článku vložíme další obrázek. Obojí uděláme pohodlně přímo z webu přes editaci na místě. Podrobnosti k jednotlivým nástrojům najdeme v referenčních článcích Struktura stránek a Editor obrázků; my si teď celý postup ukážeme na našem demo webu „Imaginární kavárna“.

⚠ Pracujeme přihlášení s redakčním oprávněním.

1. Vložíme obrázek do záhlaví stránky

Na stránce zapneme editační nástroje a u stránky (zelený rámeček) zvolíme Upravit na místě — otevře se panel s editací stránky. U pole Ikona klikneme na Pixabay, zadáme vyhledávací dotaz a z nabídnutých obrázků jeden vybereme. Panel uložíme — po zavření se v záhlaví stránky obrázek objeví.

⚠ Místo z fotobanky můžeme do ikony stránky nahrát i vlastní soubor (přetažením do plochy s náhledem). Pole Ikona podrobně popisuje Struktura stránek.

2. Doladíme výřez obrázku ořezem

Obrázek z fotobanky nemusí v záhlaví sednout — třeba ořízne důležitou část (obličeje). Znovu proto u stránky zvolíme Upravit na místě a u ikony klikneme na ikonu ořezu, která otevře editor obrázků. V něm myší vytáhneme přes obrázek vhodnější, užší výřez — pomoct si můžeme přepínačem Poměr stran výřezu — a klikneme na Uložit obrázek. Po zavření panelu se stránka přenačte a obrázek v záhlaví už sedí lépe.

⚠ Ořez v editoru obrázků přepíše původní soubor obrázku.

3. Vložíme obrázek do článku

Na téže stránce u článku (žlutý rámeček) zvolíme Upravit na místě. Obrázek můžeme snadno přetáhnout přímo do editoru, my si ale ukážeme, kde jsou všechny obrázky článku uložené. Na liště klikneme na Obrázek a v dialogu přes ikonu otevřeme Správce souborů. V něm můžeme pracovat se soubory připojenými ke článku, zobrazení lze také přepnout na dlaždice s náhledy. Nahrajeme nový obrázek a vybereme ho.

4. Upravíme vzhled obrázku

Klikneme na vložený obrázek, zarovnáme ho na střed a doladíme (zmenšíme) jeho velikost. Nakonec panel uložíme a zavřeme — změnu vidíme přímo na webu.

⚠ Zmenšení v editoru mění jen zobrazenou velikost obrázku, ne velikost souboru — obrázek se stále stáhne v plném rozlišení. Když potřebujeme obrázek skutečně zmenšit, uděláme to v editoru obrázků, který přepíše původní soubor.

Hotovo

Právě jsme stránce dodali obrázek do záhlaví a další do obsahu článku — vše přímo z webu přes editaci na místě. Práci s ikonou stránky podrobně popisuje Struktura stránek, ořez a zmenšení obrázků Editor obrázků. Jak na web dostat celou sadu fotek, ukazuje tutoriál Spravujeme galerie.