Modul Galerie umožňuje vložit kolekci obrázků do stránky. Obrázky se zobrazují jako malé náhledy nebo slider, kde se při kliknutí na obrázek zobrazí lighbox přes celou obrazovku, přes který je možné obrázky také procházet.
Zde je oficiální Galerie (v angličtině), které modul Galerie představuje:
Názvy modulů a položek nastavení jsou podle našeho vlastního překladu Divi šablony, který si můžete zdarma stáhnout jako child šablonu.
Jak vložit modul Galerie do stránky
Předtím, než můžete vložit modul Galerie do stránky, musíte nejprve začít stránku upravovat pomocí Divi Builderu.
Úprava přes Visual Builder
Jakmile se spustí Divi Builder, tak můžete modul vložit kliknutím na šedou plus ikonu. Modul může být vložen pouze do řádky. Jestliže vytváříte novou stránku, je potřeba nejprve ještě vybrat počet sloupců dané řádky a až poté vybrat ze seznamu modul Galerie. Seznamem modulů se dá vyhledávat, stačí začít psát název modulu a seznam se začne upravovat.
Modul do stránky vložíte tak, že na něj kliknete.
Jak vložit modul Galerie
Po vložení modulu do stránky se automaticky otevře jeho nastavení. Toto nastavení je rozděleno na tři záložky: Obsah, Design a Pokročilé.
Galerie můžete nahrát ve formátu MP4 a WEBM anebo vložit URL odkazu videa ze serveru Youtube. V případě, že se rozhodnete Galerie nahrát do WordPress, je potřeba nahrát jej v obou požadovaných formátech. Pokud tak neuděláte, nemusí se Galerie zobrazovat ve všech prohlížečích.
Možnosti nastavení modulu Galerie
Pojďme si postupně projít důležité položky nastavení modulu Galerie.
Nastavení modulu Galerie
Galerie nastavení – Obecné
V záložce Obecné se nacházejí položky týkající se obsahu jako jsou texty, obrázky nebo ikony.
- Obrázky – slouží k vybrání obrázků do galerie, nastavení jejich počtu a pořadí.
- Elementy – skryje nebo zobrazí některé prvky u obrázků.
- Pozadí – slouží k nastavení pozadí modulu.
- Označení admina – pojmenování modulu pro snadnější orientaci pro zobrazení wireframe.
Galerie nastavení – Design
V záložce design najdete úpravy stylů modulu, mezi které patří například písma, barvy, velikosti a rozestupy. Záložka design umožňuje upravit samotný vzhled modulu.
- Rozvržení – slouží k natavení zobrazení galerie, zda se jedná o náhledy nebo slider.
- Překrytí – překrytí barvou obrázku při najetí myši.
- Obrázek – nastavení stylů pro zobrazené náhledy obrázků.
- Text – základní nastavení stylů pro text.
- Titulek text – základní nastavení stylů pro nadpisy.
- Stránkování text – základní nastavení stylů pro stránkování v galerii.
Galerie nastavení – Pokročilé
V záložce pokročilé můžete modulu přidat vlastní třídu nebo ID, vlastní CSS styly a upravit viditelnost napříč zařízeními.
Dobrý den, mám problém dosáhnout toho, aby se galerie zobrazovala jako jeden obrázek (výchozí), který bude mít konkrétně definovanou velikost. Cílem je vytvořit několik galerií na stránce, kdy každá obsahuje několik fotek různých velikostí. Úvodní obrázek by měl být na šířku sloupce, ale na výšku musí být například 350px a obrázek se buď přizpůsobí nebo „ořízne“.
Ať nastavuji ve změně velikosti a rozvržení galerie jakoukoli výšku v px nebo procentech, nijak se to neprojevuje a v galerii mám buď obrázek „na výšku“ veliký nebo v některých případech zase menší, prostě podle toho jaký má obrázek poměr stran (formát).
Potřebuji aby byly na stránce zobrazeny všechny galerie stejně široké a stejně vysoké. V tuto chvíli je mám jen stejně široké, ale výšky se mění, což není žádoucí. Použil jsem i rozšíření divi booster, kde je definice velikosti (šířky i výšky) obrázku, ale nereaguje to na změnu hodnot. Můžu sice ještě upravit všechny úvodní obrázky na míru v nějakém softwaru, ale v případě, že to bude „plnit“ neznalý uživatel, pak se to bude rozhazovat podle toho co tam zrovna nahraje za obrázek. Děkuji za tip.
Zdravím,
to s Divi udělat nejde. Nicméně jsou pluginy, které to umí. Myslím, že například Envira Gallery.
Dobrý den,
řeším stejný problém povedlo se Vám to prosím nějak vyřešit? Děkuji
Dobrý den, existuje nějaká úprava CSS v galerii? Toto musí být standardní funkce. Vždyť i v náhledu obrázků když vybírám obsah galerie tomu tak je. Jsou to čtverce s výřezem obrázku.
Zlobí mi také vlastní úprava galerie. Nastavil jsem si rozvržení galerie v mřížce pomocí vlastních stylů, tak aby velikosti čtverců a mezery mezi nimi odpovídali mému záměru. V Divi builderu se to zobrazje správně, ale když ho vypnu a podívám se na náhled, tak mezery se „scuknou“ a obrázky jsou nalepené na sobě. Můžete mi prosím poradit? Díky.
width: 457px !important;
min-width: 457px;
height: 455px !important;
min-height: 455px;
margin-bottom:0.8% !important;
margin-right: 0.8% !important;