---
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 v Gutenberg blokovém editoru přidat ke galerii a obrázku lightbox
url: https://www.wplama.cz/jak-v-gutenberg-pridat-ke-galerii-lightbox/
date: 2021-02-22
modified: 2021-02-11
author: Tomáš Cirkl
type: post
categories: [WordPress návody]
---

WordPress návody

# Jak v Gutenberg blokovém editoru přidat ke galerii a obrázku lightbox

[TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 22. 2. 2021 2 min čtení

Pozor:

Článek je z roku 2021. Některé postupy se mohly změnit.

![Použitý lightbox](https://www.wplama.cz/wp-content/uploads/2021/02/pouzity-lightbox.png "Použitý lightbox")

Obsah článku (2 kapitoly)

1. [Aktivace lightbox u galerie blokového editoru](https://www.wplama.cz/jak-v-gutenberg-pridat-ke-galerii-lightbox/#aktivace-lightbox-u-galerie-blokoveho-editoru)
2. [Aktivace lightbox u obrázku blokového editoru](https://www.wplama.cz/jak-v-gutenberg-pridat-ke-galerii-lightbox/#aktivace-lightbox-u-obrazku-blokoveho-editoru)

Základní galerie WordPress vždy byly dobrým řešením, když chcete prezentovat více fotek. Jedinou jejich nevýhodou je absence funkce lightbox, která čtenáři nabídne jejich pohodlné prohlížení.

V tomto článku si představíme plugin, který přidá k bloku Galerie a Obrázek v Gutenberg editoru lightbox.

Budeme k tomu potřebovat plugin [Lightbox for the Default Gallery & Image Block](https://wordpress.org/plugins/gallery-block-lightbox/). Plugin se nachází v oficiálním katalogu pluginů a lze jej [nainstalovat přímo z WordPress administrace](https://www.wplama.cz/3-zpusoby-jak-nainstalovat-wordpress-plugin/).

[![Lightbox for the Default Gallery & Image Block](https://www.wplama.cz/wp-content/uploads/2021/02/lightbox-for-the-default-gallery-image-block.png "Lightbox for the Default Gallery & Image Block")](https://www.wplama.cz/wp-content/uploads/2021/02 / lightbox-for-the-default-gallery-image-block.png)

Po instalaci a aktivaci je plugin plně funkční a neobsahuje žádné vlastní nastavení.

## Aktivace lightbox u galerie blokového editoru

Otevřete si příspěvek nebo stránku, kde chcete použít lightbox a označte si blok Galerie.

V nastavení bloku je poté potřeba vybrat u položky *Odkaz na* → Mediální soubor.

[![Nastavení bloku Galerie](https://www.wplama.cz/wp-content/uploads/2021/02/nastaveni-bloku-galerie-1024x496.png "Nastavení bloku Galerie")](https://www.wplama.cz/wp-content/uploads/2021/02 / nastaveni-bloku-galerie.png)

Nastavení bloku Galerie

Nyní stačí jen vše uložit a když si nyní čtenář bude chtít prohlédnout obrázek detailněji, zobrazí se v lightboxu.

[![Použitý lightbox](https://www.wplama.cz/wp-content/uploads/2021/02/pouzity-lightbox-1024x496.png "Použitý lightbox")](https://www.wplama.cz/wp-content/uploads/2021/02 / pouzity-lightbox.png)

Použitý lightbox

## Aktivace lightbox u obrázku blokového editoru

Kromě lightboxu pro galerii je možné použít pop-up i pro blok obrázek. Pro jeho zobrazení opět stačí jen nastavit odkaz z obrázku na Mediální soubor.

[![Nastavení odkazu u obrázku v blokovém editoru](https://www.wplama.cz/wp-content/uploads/2021/02/nastaveni-odkazu-u-obrazku-v-blokovem-editoru-1024x496.png "Nastavení odkazu u obrázku v blokovém editoru")](https://www.wplama.cz/wp-content/uploads/2021/02 / nastaveni-odkazu-u-obrazku-v-blokovem-editoru.png)

Nastavení odkazu u obrázku v blokovém editoru

Výhoda pluginu Lightbox for the Default Gallery & Image Block (Simple, Lightweight & No Lock In) je také v jeho optimalizaci, kdy při načítání stránky detekuje, zda je v obsahu použitý blok Galerie nebo Obrázek a až poté případně nechá načíst Javascript soubory, které se starají o tvorbu lightbox okna.

Sdílet

-
- [](mailto:?subject=Jak v Gutenberg blokovém editoru přidat ke galerii a obrázku lightbox&body=Jak v Gutenberg blokovém editoru přidat ke galerii a obrázku lightbox https://www.wplama.cz/jak-v-gutenberg-pridat-ke-galerii-lightbox/)
- [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fjak-v-gutenberg-pridat-ke-galerii-lightbox%2F)
- [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fjak-v-gutenberg-pridat-ke-galerii-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

Zatím tu nikdo nekomentoval. Napište první komentář.

### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/jak-v-gutenberg-pridat-ke-galerii-lightbox/#respond)

[← Předchozí článek WordCamp Praha 2021 online](https://www.wplama.cz/pripojte-se-na-wordcamp-praha-2021/) [Další článek → WordPress 5.6.2](https://www.wplama.cz/wordpress-5-6-2/)

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í

---