Vložit samostatný obrázek (Image)
Blok Image použijte pro samostatnou fotografii, ilustraci nebo schéma. Pro skupinu fotografií zvolte Gallery. Pokud potřebujete vedle obrázku delší text a tlačítko, použijte Image Content.
Připravit obrázek
Vyberte podklad vhodný pro místo na stránce: sledujte poměr stran, čitelnost detailů a velikost souboru. Jednotný minimální rozměr pro všechny weby neexistuje. Soubor nahrajte do knihovny médií.
Přidat blok
- V editoru stránky otevřete požadovanou sekci a přidejte Image.
- Vyplňte Title tak, abyste blok poznali v editoru. Jeho zobrazení na webu závisí na šabloně.
- V části Image Media vyberte obrázek a potvrďte výběr.
- Potřebujete-li doprovodné vysvětlení, vyplňte Description. Editor může nabízet také Perex; umístění obou textů ověřte v náhledu.
- Podle potřeby zapněte Use Lightbox, pokud váš web podporuje zvětšený náhled.
- Uložte stránku a zkontrolujte obrázek na počítači i telefonu. Poté změny publikujte.
Popis a alternativní text
Description je formátovaný popis obrázku. Nepovažujte jej automaticky za alternativní text pro čtečky obrazovky. Alternativní text vyplňte v poli, které pro něj nabízí váš projekt; pokud takové pole nenajdete, ověřte jeho správu s podporou. Nelze obecně předpokládat, že se přebírá z knihovny médií nebo názvu souboru.
U schématu nebo obrázku s důležitými údaji napište stejné informace také do textu stránky. Návštěvník je tak může přečíst i při malém zobrazení nebo bez načteného obrázku.
Další volby
Table – scroll horizontally to see wider content
| Pole | K čemu slouží |
|---|---|
| Use Lightbox | Požadavek na zvětšený náhled po aktivaci obrázku. Skutečné otevření a zavření ověřte na webu. |
| Lightbox ID | Identifikátor používaný projektovým lightboxem. Způsob seskupování obrázků musí podporovat šablona; hodnotu přebírejte z funkčního příkladu nebo po dohodě s podporou. |
| Hover effect | Volba vizuálního efektu při najetí myší, pokud jej šablona podporuje. Na dotykovém zařízení se na tento efekt nespoléhejte. |
Odsazení, ID a viditelnost bloku vysvětluje společný návod Properties.
Kontrola výsledku
Ověřte ostrost, ořez a čitelnost obrázku na mobilu. U popisu zkontrolujte, že se zobrazuje na zamýšleném místě. Pokud používáte lightbox, vyzkoušejte jeho otevření i zavření a případné procházení dalších obrázků.
Když výsledek nesedí
Obrázek se nezobrazuje: ověřte výběr v Image Media, existenci souboru a publikování stránky.
Obrázek je oříznutý nebo rozmazaný: zkontrolujte zdrojový soubor a poměr stran používaný šablonou. Důležitý obsah nenechávejte u okrajů, které mohou být oříznuté.
Lightbox nebo efekt nefunguje: nastavení v editoru samo nepotvrzuje podporu na webu. Podpoře předejte adresu stránky a zvolené nastavení.