Komponenta: Galerie

Galerie umožňuje vytvořit fotogalerii s více obrázky, které se zobrazují jako miniatury s možností lightboxu.

Co je Galerie

Galerie umožňuje vytvořit fotogalerii s více obrázky, které se zobrazují jako miniatury s možností otevření v lightboxu na celou obrazovku.

Kdy použít

  • Pro fotoreportáže z akcí
  • Pro prezentaci projektů
  • Pro srovnání "před a po"
  • Kdykoliv chcete zobrazit více souvisejících fotografií

Jak vytvořit Galerii

  1. V záložce Obsah klikněte na "Přidat komponentu"
  2. Vyberte "Galerie"
  3. Vyplňte následující pole

Dostupná pole

Nadpis

Název galerie (např. "Fotky z akce", "Realizace projektu", "Galerie").

Obrázky (povinné)

Výběr fotografií do galerie:

  1. Klikněte na "Přidat média"
  2. Můžete vybrat více obrázků najednou (Ctrl+klik nebo Shift+klik)
  3. Nebo nahrajte nové fotografie přetažením
  4. Potvrďte výběr

Technické požadavky:

  • Formát: JPG, PNG (preferujte JPG pro fotografie)
  • Velikost: Do 800 KB na fotografii
  • Rozměry: Minimálně 1200 px na delší straně pro lightbox
  • Počet: Doporučeno 6-30 fotografií (více může být nepřehledné)

Pojmenování souborů

Tip: Pojmenujte fotografie smysluplně ještě před nahráním.

Např. "detske-hriste-otevreni-01.jpg", "detske-hriste-otevreni-02.jpg" atd. místo "DSC_1234.jpg", "DSC_1235.jpg"

Systém automaticky transliteruje česká písmena (š→s, č→c, ř→r atd.), takže můžete pojmenovat "dětské-hřiště-01.jpg" a soubor se uloží jako "detske-hriste-01.jpg".

Popisky a ALT text

Ke každému obrázku:

  • Popisek: Zobrazí se v lightboxu pod fotografií (volitelné, ale doporučeno)
  • ALT text: Vyplňte v detailu média pro přístupnost (povinné pro nevidomé uživatele)

Příklady ALT textu pro galerii:

  • "Děti hrají na nové klouzačce"
  • "Starosta přestřihuje pásku při otevření hřiště"
  • "Celkový pohled na dětské hřiště s bezpečnou podlahou"

Tip pro množství fotografií: Pokud nahráváte desítky fotografií najednou, vyplňte ALT text alespoň u 5-10 klíčových snímků. U ostatních můžete použít obecnější popis jako "Fotografie ze slavnostního otevření dětského hřiště".

Uspořádání fotografií

Pořadí fotografií můžete změnit přetažením v seznamu. První fotografie bude zobrazena jako hlavní.

Zobrazení galerie

Galerie se zobrazuje jako:

  • Mřížka miniatur: Na desktopu obvykle 3-4 fotky v řádku
  • Lightbox: Po kliknutí se fotografie otevře na celou obrazovku
  • Navigace: V lightboxu lze procházet šipkami nebo swipem

Dobré praktiky

  • Jednotný formát: Všechny fotografie by měly mít podobný poměr stran (na výšku/na šířku)
  • Konzistentní kvalita: Fotografie ve stejném stylu, osvětlení a kvalitě
  • Logické řazení: Chronologicky nebo tematicky
  • Optimalizujte: Komprimujte fotografie před nahráním
  • Pojmenujte před nahráním: Smysluplné názvy usnadní správu
  • ALT texty: Vyplňte u klíčových fotografií
  • Popisky důležité: Přidejte popisky alespoň k důležitým fotografiím
  • Hlavní fotka první: První fotografie by měla být nejlepší/reprezentativní

Příklad použití

Nadpis: "Slavnostní otevření nového dětského hřiště - 15. 6. 2024"

Počet fotografií: 12 fotografií

Názvy souborů: detske-hriste-otevreni-01.jpg až detske-hriste-otevreni-12.jpg

Popisky a ALT texty:

  • Foto 1: "Přestřižení pásky starostou města"
  • Foto 2: "Nové herní prvky pro děti všech věkových kategorií"
  • Foto 3: "Moderní bezpečný povrch hřiště"

Časté chyby

  • ❌ Fotografie v různých velikostech a formátech (portrét + krajina)
  • ❌ Příliš mnoho fotografií (nad 50)
  • ❌ Neoptimalizované soubory (každá >2 MB)
  • ❌ Špatná kvalita nebo rozmazané fotky
  • ❌ Špatné názvy souborů (DSC_1234.jpg)
  • ❌ Chybějící ALT texty
  • ❌ Chybějící popisky u všech fotek

Počet položek v Průvodce komponentami: 12.

 

Komponenta: Text (Content)

Komponenta Text slouží pro vytváření běžného textového obsahu s formátováním pomocí WYSIWYG editoru.
 

Komponenta: Informační panel

Informační panel slouží ke zvýraznění důležitých informací, upozornění nebo tipů pomocí barevného rámečku.
 

Komponenta: Akordion

Akordion umožňuje vytvořit skládací sekce, ideální pro FAQ, dlouhé texty nebo obsah rozdělený do témat.
 

Komponenta: Obrázek

Komponenta Obrázek umožňuje vložit samostatný obrázek do obsahu s popiskem a různými možnostmi zobrazení.
Galerie umožňuje vytvořit fotogalerii s více obrázky, které se zobrazují jako miniatury s možností lightboxu.
 

Komponenta: Seznam stránek

Seznam stránek vytvoří automatický přehled vybraných stránek s náhledy, úvodníky a odkazy.
 

Komponenta: Obrázek s textem

Komponenta Obrázek s textem umožňuje vytvořit layout s obrázkem a textem umístěnými vedle sebe.
 

Komponenta: Dlaždice

Dlaždice slouží k vytvoření vizuálně atraktivního přehledu služeb, kategorií nebo odkazů s ikonami.
 

Komponenta: Přílohy

Komponenta Přílohy vytvoří seznam souborů ke stažení (PDF, DOC, XLS) s ikonami podle typu souboru.
 

Komponenta: Statistický pruh

Statistický pruh slouží k výraznému zobrazení číselných údajů, statistik a metrik.
 

Komponenta: Hero sekce

Hero sekce je výrazná hlavička na začátku stránky s velkým obrázkem, nadpisem a volitelným vyhledávacím polem.
 

Komponenta: Vložený seznam

Vložený seznam umožňuje automaticky zobrazit filtrovaný seznam obsahu (články, novinky, události) přímo na stránce.

Našli jste, co jste hledali?

Našli jste co jste hledali?
Nepovinná informace. Usnadní nám ale případnou další komunikaci.
Nepovinná informace. Pokud ale chcete získat odpověď, na Váš email, musíte jej vyplnit.
Popište vaše připomínky.