Sekce seznamu obrázků

Pokud chcete zobrazit sadu obrázků a relevantní text, použijte sekci Seznam obrázků.

Pomocí této sekce můžete snadno propojit různé stránky v rámci webu nebo přidat jakékoli odkazy, kam chcete ke každému odkazu přidat obrázek a popis.

V tomto článku:

1. Co je seznam obrázků?
2. Přidání sekce Seznam obrázků na stránku
3. Přidat a upravit položky seznamu
4. Sekvenční seznam položek
5. Mazání položek seznamu
6. Změna rozvržení sekce
7. Možnosti stylu
8. Kolotočový styl
9. živý příklad

Seznam obrázků

• Seznam obrázků je sbírka obrázků, do které můžete přidat popis obrázku a přidat odkaz nebo tlačítko pro spojení s jakoukoli jinou stránkou na webu nebo s jakýmkoli jiným odkazem.

Přidat sekci Seznam obrázků

• Na stránku lze přidat sekci. Můžete buď přidat sekci na již existující stránku nebo vytvořit novou stránku v rámci vašeho webu.
• Na vaší stránce, kliknout na modrá + ikona přidat a Nová sekce na vaši stránku.

• Nyní uvidíte oddílové kategorie na levé straně.
• Vyberte Seznam (1) kategorie a klikněte na Seznam obrázků kartu (2), kde si můžete vybrat různá rozložení seznamu obrázků (3).

• Vyberte rozvržení libovolné sekce a kliknutím na ni ji přidejte na svou stránku.

Přidat a upravit položky seznamu

Přidat položku seznamu

Jakmile přidáte sekci:

• Klikněte na Upravit seznam obrázků (1) pro otevření panelu Seznam položek.

• Klikněte na Přidat položku (2) tlačítko pro přidání nové položky seznamu.
• Můžete si vybrat Dzkopírovat nebo smazat (3) položky seznamu.

Upravit položku seznamu

Klikněte na položku seznamu, kterou chcete upravit. Otevře se možnosti úpravy konkrétní položky seznamu.

Odtud můžete:

• Nahrát / Odebrat obrázek (1) pro položku seznamu. Můžete také nastavit Barva zvýraznění obrázku odtud, která se zobrazí při najetí myší na obrázek.
• Přidat Titul (2), Titulky (3)a Popis (4) položky seznamu.
• V závislosti na zvoleném rozvržení nemusíte v konkrétních položkách seznamu najít možnost titulků a popisu.
  Před přidáním popisu zkontrolujte tento článek.

• Klikněte na ikonu Link Builder v Odkaz na titulek (5) otevřete nástroj pro tvorbu odkazů, který propojí název položky seznamu s libovolnou stránkou. Vědět více o Tvůrce odkazů.
• Nastavte odkaz tak, aby se otevřel v a na nové kartě nebo na stejné kartě (6).
• Přidejte jakýkoli typ Odkaz (7) k položce seznamu. Můžete přidat tlačítko / odkaz na obrázek / ikonu sociální sítě / textový odkaz. Přečtěte si více.
• Uložit (8) vaše změny.

Podívejte se na úpravu položky seznamu obrázků v akci:

Sekvenční seznam položek

• Položky seznamu můžete snadno přetáhnout a změnit tak pořadí.

Podívejte se na pořadí položek seznamu obrázků v akci: 

Smazat položku seznamu

Jakmile přidáte položku seznamu, můžete ji upravit a odstranit.

• Klikněte na Vymazat ikonu vedle položky seznamu obrázků.
• Tne, klikněte na Vymazat v potvrzovacím vyskakovacím okně.
• Konečně, uložit vaše změny.

Viz mazání položky seznamu obrázků v akci: 

Rozložení sekce

• Klikněte na Správa seznamu obrázků (1).
• Vyberte Nákres (2) tab.
• vybrat (3) rozložení vaší sekce a Uložit (4) změny.

Upravte styl své sekce

• Klikněte na Spravovat seznam obrázků (1) .
• Vyberte Styl (2) Karta.
• Změňte styl pro prvky řezu a Uložit (3) vaše změny.

Pro sekci budete mít několik možností stylu: 

Položek 

1. Vyberte, zda chcete Zobrazit položky in řádky a sloupce or kolotoč 
   • Pokud jste si vybrali řádky a sloupce položky seznamu budou uspořádány do řádků a sloupců. V tomto případě je třeba zadat počet řádků a sloupců.
   • Pokud jste si vybrali kolotoč možnost, položky seznamu budou prezentovány jako prezentace. Vědět více.
2. Nastav Počet sloupců pro seznam obrázků. Můžete si vybrat z 1 až 10 sloupců.
3. Určete Prostor mezi sloupci položek seznamu.
4. Určete Mezera mezi řádky položek seznamu.
5. Vyberte Pořadí obsahu tj. obrázky položek seznamu, které se mají zobrazit jako první, nebo související text.
6. Zarovnat obsah vodorovně v seznamu obrázků. Můžete je nastavit tak, aby byly zarovnány doleva, doprava nebo na střed.
7. Zarovnat obsah vertikálně v seznamu obrázků. Můžete je nastavit tak, aby byly zarovnány nahoře, na střed a dole.

Pokud je v kroku 1 vybrána možnost Carousel, zobrazí se následující další možnosti:

8. Vyberte, zda chcete Smyčka Carousel nebo ne.
9. V případě Carousel zvolte Ovládací prvky navigace. Můžete si vybrat mezi Bez ovládacích prvků, Šipkami – dole uprostřed/vpravo nahoře/vpravo dole, šipkou nebo tečkami.

Mobilní displej

10. Nastavte počet Sloupce mřížky pro mobilní zařízení. Můžete jej nastavit na maximálně 3 sloupce.
11. Definujte Vzdálenost mezi mřížkami (v pixelech).

snímky 

12. Vyberte Imág Crop pro položky seznamu. Obrázky můžete nastavit jako Čtverec, Kruh, Vodorovný, Portrét a Originál.
13. Vyberte, zda chcete mít společný poloměr rohu nebo jiný poloměr rohu pro každou stranu položek seznamu a nastavte číslo (v px) pro Corner Radius obrázků položek seznamu. Vědět více.

• V případě, že jste zvolili dělené rohy, můžete pro každý roh nastavit jiný poloměr rohu.

Při přejetí myší 

14. Vyberte Barva přechodu obrázku být akcentní barva nebo být specifikovaný. Pokud jste zvolili akcentní barva, pak zadejte neprůhlednost.
15. Pokud jste si vybrali specifikujte barvu poté nastavte Základní barva a neprůhlednost pro položky seznamu.
16. Nastav Prvky barva pro položky seznamu v sekci.
17. Vyberte, zda chcete Animujte obrázky položek seznamu na myši kliknutím na Ano. Zkontrolujte tuto funkci na živé stránce.
18. Vyberte si Styl animace pro obrázky, když na ně umístíte kurzor.

Velikost a prostor 

19. Určete Šířka obrázku pro položky seznamu.
20. Určete Šířka obsahu pro položky seznamu.
21. Určete Prostor pod nadpisem sekce v px.
22. Určete Prostor pod obrázky položek seznamu (v %).
23. Určete Mezera pod titulky položek seznamu (v %).
24. Určete Prostor pod titulky položek seznamu (v %).

Text 

25. Klikněte na Změnit styl textu tlačítko pro návštěvu Design a spravovat velikosti a styly písma. 
26. Nastav Titul styl písma pro položky seznamu v sekci.
27. Nastav Podtitul styl písma pro položky seznamu v sekci.
28. Nastavte výchozí Popis styl písma pro položky seznamu v sekci.

Karty 

29. Podívejte se, jak ke správě karet.

Stín

30. Display – Zvolte zobrazení stínu za položkami seznamu vždy nebo pouze při umístění kurzoru myši.
31. Styl – Vyberte si ze stávajících přednastavení nebo vytvořte vlastní stín.
    V případě, že jste zvolili možnost Vlastní, navštivte toto Box Shadow Generator vytvořit vlastní stín. Nakonec zkopírujte a vložte box shadow CSS.
32. V případě, že jste zvolili možnost předvoleb, pak Vyberte Styly stínů z rozevíracího seznamu.

Tlačítka a odkazy

33. Podívejte se, jak spravovat styling Tlačítka a odkazy.
34. Uložit všechny stylové změny.

Kolotočový styl

Styl Carousel zobrazuje položky seznamu jako prezentaci, tj. položky seznamu se budou cyklicky střídat po sobě.

Podívejte se, jak funguje karuselový styl: 

Zde je živý seznam obrázků: 

Prohlédněte si živé demo stránky. 

Podívejte se, jak funguje poloměr rohu: 

Související články:

• Typy sekcí
• Přidejte distanční vložku / rozdělovač mezi sekce
• Vytvořte si svůj web