Jak ve WebEditoru používat Galerii a Posuvník obrázků
Chcete na své webové stránce zobrazit více obrázků? Pomocí komponent Galerie a Posuvník obrázků můžete ve WebEditoru vložit více obrázků do mřížky nebo je uspořádat do prezentace. V tomto průvodci se dozvíte, jak přidat komponenty na svoji stránku a přizpůsobit je podle svých představ.
Obsah článku:
- Vložte komponentu na svou stránku
- Změňte obrázky a přidejte nové
- Nastavení komponent Galerie a Posuvník obrázků
Vložte komponentu na svou stránku
- Otevřete WebEditor z ovládacího panelu.
- Přejděte do Galerie v levém bočním menu a vyberte variantu galerie.
- Přesuňte požadovaný komponent do pracovního prostoru a umístěte jej na místo, kde chcete galerii nebo posuvník mít.
- Vyberte obrázky, které chcete vložit, nebo je nahrajte ze svého počítače či externí URL. Klikněte na Přidat na stránku v dolní části vyskakovacího okna.
- Upravte velikost a umístění komponenty podle svých představ.
- Klikněte na Nastavení galerie/Nastavení posuvníku obrázků v horní části komponenty a upravte nastavení své galerie.
- Klikněte na Uložit a Publikovat, aby se obrázky zobrazily na vaší stránce.
Změňte obrázky a přidejte nové
Po kliknutí na vloženou komponentu se zobrazí dvě karty: Nastavení galerie/posuvníku obrázků a Změnit obrázky.
Kliknutím na kartu Změnit obrázky si změníte obrázky ve své galerii. Obrázek můžete odstranit kliknutím na ikonu koše v jeho rohu nebo jej upravit kliknutím na ikonu tužky. Do galerie můžete také přidat nové obrázky kliknutím na Přidat obrázky v pravém horním rohu.
Poznámka: Název obrázku slouží v těchto komponentech i jako alternativní text. Pokud chcete přidat alt text, můžete tak učinit v části Název (alt) na pravé straně v přehledu Seřadit a upravit obrázky.
Nastavení komponent Galerie a Posuvník obrázků
Po kliknutí na kartu Nastavení v komponentě se zobrazí dvě menu. Zde můžete změnit následující možnosti:
Komponent Galerie:
1 – Horní/dolní menu
- Sloupce – Upravte počet sloupců.
- Rozestup – Upravte bílý prostor mezi obrázky.
- Oříznutí – Zaškrtněte toto políčko, pokud chcete obrázky oříznout, aby měly v galerii všechny stejnou velikost.
- Kompaktní zobrazení – Zaškrtněte toto políčko, pokud chcete, aby byly obrázky co nejblíže modrým okrajům.
- Plná šířka – Zaškrtněte toto políčko, pokud chcete, aby se galerie rozprostírala po celé šířce vaší stránky.
2 – Plovoucí menu
- Po kliknutí – Vyberte, co se má stát, když uživatel klikne na obrázek. Zvolte možnost „nic“, „zobrazit větší obrázek“ nebo „otevřít odkaz“.
- Popisy – Vyberte, zda chcete k obrázkům v galerii přidat popisy. Klikněte na „Spravovat popisy“ a zadejte text a alternativní text. Zvolte, zda má být popis zarovnán vlevo, vpravo nebo na střed. Můžete si zde zvolit i styl popisu – na výběr jsou možnosti „klasický“, „šablona“ a „vlastní“.
- Styl obrázku – Zde můžete změnit poměr obrázku, například na šířku nebo výšku. Můžete také přidat okraje a zaoblené rohy.
- Plná šířka – Zde můžete nastavit celou šířku galerie tak, aby byla mimo modré okraje (plná šířka) nebo uvnitř nich (výchozí nastavení).
Komponent posuvník obrázků:
1 – Vrchní/spodní menu
- Sloupce – Nastavte počet sloupců (1–5) v posuvníku. Na snímku obrazovky jsme zvolili tři sloupce.
- Přechod – Vyberte si mezi efektem posunutí nebo ztmavení pro přechod mezi obrázky.
- Oříznutí – Můžete zvolit oříznutí každého obrázku, aby měly v posuvníku stejnou velikost. Ořezávání bude vždy aktivní, pokud máte více obrázků (sloupců) na jednom snímku.
- Rychlost – Vyberte rychlost přechodu mezi obrázky. Minimální rychlost je 1 sekunda a maximální 15 sekund.
- Plná šířka – Vyberte, zda chcete zobrazit obrázky v celé šířce. Tato funkce je k dispozici pouze v případě, že máte na jednom snímku jen jeden sloupec obrázků.
2 – Plovoucí menu
- Navigace – Vyberte, zda se obrázky mají automaticky posouvat, a nastavte nebo skryjte navigační šipky a indikátor.
- Po kliknutí – Vyberte, co se má stát, když zákazník klikne na obrázek. Vyberte možnost „nic“, „zobrazit větší obrázek“ nebo „otevřít odkaz“.
- Popisy – Vyberte, zda se mají popisy zobrazovat spolu s obrázky. Zaškrtnutím tohoto políčka získáte více možností přizpůsobení: Přidat popisy a vybrat zarovnání a umístění.
- Plná šířka – Máte-li jen jeden sloupec, můžete nastavit šířku šoupátka tak, aby byla mimo modré okraje (celá šířka) nebo uvnitř nich (výchozí nastavení).