Přeskočit na obsah

Web nefunguje? Volejte Web nefunguje? +420 721 589 155 nebo nám napište Napište nám

WordPress návody

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

Tomáš Cirkl Publikováno 2 min čtení

Pozor:

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

Použitý lightbox
Obsah článku (2 kapitoly)

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. Plugin se nachází v oficiálním katalogu pluginů a lze jej nainstalovat přímo z WordPress administrace.

Lightbox for the Default Gallery & Image Block

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
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
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
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.

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 WordCamp Praha a WordPress konferencích.

1 031 článků Všechny články autora

Komentáře

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

Přidat komentář

E-mail nezveřejníme. Povinná pole jsou označena hvězdičkou.

Jak zacházíme s údaji z komentářů, popisují zásady ochrany osobních údajů.