--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Jak zobrazovat obrázky pomocí Lightboxu url: https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/ date: 2015-03-12 modified: 2015-03-12 author: Tomáš Cirkl type: post categories: [WordPress návody] tags: [galerie, lightbox, obrázky, plugin] --- WordPress návody # Jak zobrazovat obrázky pomocí Lightboxu [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 12. 3. 2015 2 min čtení Pozor: Článek je z roku 2015. Některé postupy se mohly změnit. ![racek](https://www.wplama.cz/wp-content/uploads/2015/03/racek.jpg "racek") Obrázky tvoří základní kámen stránek. Pomáhají upoutat čtenáře a udržet ho tak na stránkách. Většinou se do těla stránky velké obrázky nevejdou a tak k jejich zvětšení dochází až po kliknutí na ně. V základním nastavení umožňuje WordPress zobrazit větší obrázek jako samostatný soubor, ale to není příliš dobré, protože si tím odvádíte čtenáře z článku pryč a ti se musí vracet kliknutím na tlačítko zpět v prohlížeči. Dobrým řešením je zobrazením větší obrázku **pomocí Lightboxu**, který se upraví velikosti čtenářově monitoru. > Lightbox je javascriptová aplikace k zobrazování fotografií nebo obrázků. > Funguje tak, že po kliknutí na obrázek se otevře fotografie ve větším rozlišení. > Používá se především ve web galeriích a dalších stránkách zaměřených na prezentaci fotografií nebo obrázků. Jak nastavit Lightbox pro WordPress stránku si ukážeme v následujícím návodu. ## Lightbox a WordPress Nejprve si nainstalujte plugin [Responsive Lightbox by dFactory](https://wordpress.org/plugins/responsive-lightbox/ "Responsive Lightbox by dFactory"). Pluginů, které zajišťují tuto funkci je celá řada, takže pokud vám tento nebude vyhovovat, zkuste jiný. Já však budu v návodu pokračovat s tímto. Po jeho aktivaci běžte do *Nastavení -> Responsive Lightbox*, kde najdete jeho nastavení. Pokud chcete můžete tento krok přeskočit a plugin rovnou používat. [![Nastavení Responsive Lightbox](https://www.wplama.cz/wp-content/uploads/2015/03/nastaveni-responsive-lightbox-1024x604.png "Nastavení Responsive Lightbox")](https://www.wplama.cz/wp-content/uploads/2015/03 / nastaveni-responsive-lightbox.png) Nastavení Responsive Lightbox Jak můžete vidět na obrázku, nastavení pluginu je v češtině. Upravte si jej tedy tak, aby vám to vyhovovalo a nezapomeňte přepnout na záložku **Nastavení lightboxu**, kde můžete nastavit velikost zvětšených obrázků. Pokud poté kliknete na obrázek co máte v příspěvku. [![Obrázek v těle příspěvku](https://www.wplama.cz/wp-content/uploads/2015/03/priklad-1-1024x500.png "Obrázek v těle příspěvku")](https://www.wplama.cz/wp-content/uploads/2015/03 / priklad-1.png) Obrázek v těle příspěvku Tak se zobrazí lightbox. [![Zobrazený obrázek v lightboxu](https://www.wplama.cz/wp-content/uploads/2015/03/zobrazeny-lightbox-1024x500.png "Zobrazený obrázek v lightboxu")](https://www.wplama.cz/wp-content/uploads/2015/03 / zobrazeny-lightbox.png) Zobrazený obrázek v lightboxu Plugin funguje jak u samostatných obrázků tak u WordPress galerií. - [#galerie](https://www.wplama.cz/stitek/galerie/) - [#lightbox](https://www.wplama.cz/stitek/lightbox/) - [#obrázky](https://www.wplama.cz/stitek/obrazky/) - [#plugin](https://www.wplama.cz/stitek/plugin/) Sdílet - - [](mailto:?subject=Jak zobrazovat obrázky pomocí Lightboxu&body=Jak zobrazovat obrázky pomocí Lightboxu https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fzobrazovat-obrazky-pomoci-lightbox%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fzobrazovat-obrazky-pomoci-lightbox%2F) TC Autor Tomáš Cirkl Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (5) [Přidat komentář →](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#respond) J Jaro [22. 6. 2016](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-42806) Dobrý deň, ako do Lightbox dám vlastný BENNER – „reklamu“ alebo do ktorého Lightbox free sa dá vložiť vlastný html kód, ďakujem [Odpovědět](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-42806) TC Tomáš Cirkl WPlama [22. 6. 2016](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-42807) Zdravím, nehledejte Lightbox, ale spíše Pop-up. Například [https://cs.wordpress.org/plugins/wordpress-popup/](https://cs.wordpress.org/plugins/wordpress-popup/) [Odpovědět](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-42807) J Jaro [22. 6. 2016](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-42809) ďakujem, viete aj nejaký konkrétny jednoduchý, používam Gallery Manager Lite pri tomto je napísané: Kompatibilné až do: 4.2.9 ďakujem [Odpovědět](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-42809) --- --- --- M Mirek [11. 11. 2018](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-74754) Dobrý den, lze v lightboxu nastavit aby se při zobrazení obrázku objevoval i jeho titulek? Děkuji [Odpovědět](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-74754) TC Tomáš Cirkl WPlama [12. 11. 2018](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-74766) Zdravím, ano, jde to nastavit. [Odpovědět](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#comment-74766) --- --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/zobrazovat-obrazky-pomoci-lightbox/#respond) [← Předchozí článek Jak hromadně u WordPressu deaktivovat komentáře](https://www.wplama.cz/deaktivace-komentaru/) [Další článek → WordPress 4.2 beta uvolněna ke stažení](https://www.wplama.cz/wordpress-4-2-beta-uvolnena-ke-stazeni/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress návody →](https://www.wplama.cz/wordpress/navody/) ![llms txt scaled](https://www.wplama.cz/wp-content/uploads/2026/03/llms-txt-scaled.png "llms txt scaled") WordPress návody ### [Konec tradičního SEO? Jak a proč začít optimalizovat WordPress web pro AI vyhledávače](https://www.wplama.cz/optimalizace-pro-ai-vyhledavace/) 3. 3. 2026 9 min čtení --- ![cloudflare turnstile scaled](https://www.wplama.cz/wp-content/uploads/2025/12/cloudflare-turnstile-scaled.png "cloudflare turnstile scaled") WordPress návody ### [Cloudflare Turnstile – Jeden antispam, který ochrání celý váš WordPress](https://www.wplama.cz/cloudflare-turnstile-antispam/) 17. 12. 2025 4 min čtení --- ![image scaled](https://www.wplama.cz/wp-content/uploads/2025/09/image-scaled.png "image scaled") WordPress návody ### [Jak přidat měřicí kód Sklik do WordPress pomocí Complianz](https://www.wplama.cz/jak-pridat-merici-kod-sklik-do-wordpress-pomoci-complianz/) 16. 9. 2025 3 min čtení ---