Jak vytvořit fotogalerii ve WordPressu, která dobře vypadá i na mobilu

WordPress je velmi efektivní nástroj na prezentaci fotografií na webu a přitom se s ním jednoduše pracuje. Oproti různým placeným portfoliím také dost ušetříte. Na následujícím videu můžete vidět tutorial, jak ve WordPressu během pár minut vytvořit galerii. Ve videu je použita standardní WordPress galerie pro práci s fotkami a jako celo-obrazovkový lightbox Story Show Galerie.

Protože dnes už většina lidí serfuje na mobilu, je důležité, aby galerie uměla zobrazit fotky co nejlíp i na malém displeji. To je jedna z výhod Story Show Gallery oproti jiným galerií. Umí využít celou plochu displeje mobilu včetně oblasti s výřezem. A také je optimalizovaná pro zobrazení fotek při otočení mobilu na šířku, což je nezbytné pro rozumné zobrazení fotografií krajin a panoramat na mobilu.

Pokud máte WordPress web, tak se dá Story Show Galerie jednoduše nainstalovat přímo z administrace jako jakýkoliv jiný plugin. Hlavní menu > Pluginy > Instalace pluginů a do vyhledávacího políčka napsat Story Show Gallery.  Více informací najdete na webu SSG. Je zdarma.

Popisky fotek či EXIF informace z foťáku se zobrazují buď pod fotkou nebo vedle fotky. Podle toho, kde je víc místa. Na následujících fotkách můžete vyzkoušet Story Show Gallery naživo, u každé fotky jsou EXIF data.

 

Líbí se vám článek? Sdílejte ho s ostatními:

6 Comments

  1. Dobrý den. Mám dotaz. Nainstaloval a aktivoval jsem SSG ve WordPressu ale nedaří se mi v SSG zobrazit galerie fotek. Kde dělám chybu?

  2. Roman Flössler

    22. 3. 2023 at 20:19

    Dobrý den, bohužel jsem si komentáře všiml až teď. Ale poradit stejně moc nedokážu, váš dotaz je dost neurčitý. Doporučuji ověřit jestli v nastavení galerie máte volbu Link to nastavenou na Media file.

  3. Zdravím, nainstaloval jsem si galerii jako plugin a jsem nadmíru spokojen, avšak mám dva dotazy, nenašel jsem na ně nikde otázku.

    1) po kliknutí na jakoukoliv fotku v galerii se otevře v SSG jako první a roluji v albu dál, ale chtěl bych, aby se mi druhá fotka otevřela jako druhá, pátá jako pátá atd. Je možnost galerii takto nastavit?

    2) je možnost zobrazení fotek jako dlaždic, co má být na výšku je zobrazeno na výšku, co má být na šířku je na šířku? Teď se mi všechny fotky zobrazují v náhledech stejně, bez rozdílu, zda je fotka focená na výšku co šířku.

    Děkuji za info

  4. Roman Flössler

    23. 7. 2024 at 17:55

    Tak to mě těší, že jste s galerií spokojený.

    add 1). Tohle galerie neumí, to je hodně nestandardní chování. A myslím, že je to i proti UX, když uživatel klikne na náhled někde uprostřed galerie, tak počítá s tím, že si bude galerie prohlížet z prostředka. Ale když chcete, aby si uživatel galerii prohlédl od začátku, tak by se celá galerie dala skrýt přes CSS (jsou na to pluginy) a její prohlížení by se aktivovalo po kliknutí na jeden úvodní obrázek.

    add 2). Takové zobrazení náhledů galerie zatím neumí, ale zvažuji, že ho přidám.

  5. Dobrý den,

    add 1) Já právě ještě nikdy neviděl řešení co je v SSG :) Kdykoliv projíždím weby typu megapixel.cz atd tak pokud kliknu v galerii na třeba třetí fotku, otevře se mi a pořád mám možnost kliknout o dvě dopředu atd…. Nikdy se mi po kliknutí na náhled např. třetí fotky neotevře velká fotka jako první aniž by nebyla možnost listovat vzad na druhou, první atd.

    K vidění např.: https://www.megapixel.cz/galerie https://www.mediafoto.cz/nabidka-sluzeb/svatby/ https://500px.com/p/patrikstanek?view=photos atd vycházím z toho, že se jedná o prestižní weby mezi fotografy, ale jak sem psal nesetkal jsem se ještě s řešením SSG…

    add2) našel jsem od Vás toto co by to mohlo splňovat https://github.com/Roman-Flossler/Grid-Overflow?tab=readme-ov-file ale tak dalece už mé základní znalosti nesahají, abych to zvládl nasadit a tak jsem trochu kostrbatě pro zobrazení dlaždic použil visual gallery…

  6. Roman Flössler

    30. 7. 2024 at 9:35

    Také zdravím.

    Uznávám, že ta nemožnost listovat galerii zpět před počáteční fotku, je omezení Story Show Gallery. V případě vertikální galerie je to daleko těžší implementovat, přineslo by to dost komplikací. Ale nepřijde mi, že by to byl nějaký větší problém, největší smysl dává procházet galerii směrem dopředu. Po shlédnutí poslední fotky pokračuje galerie první fotografií, takže si divák může prolistovat celou galerii, i když začne odprostřed.

    Ano, Grid Overflow je to, co bych mohl integrovat do SSG pluginu pro WordPress.

Napsat komentář - uvítám váš názor

Váš email nebude publikován.

*

Můžete používat následující HTML značky a atributy: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Fotogalerie: