Videoslider nastavení

Divi Modul: Videoslider

Divi umožňuje jednoduše do stránky vložit video slider. Jedná se o skvělý způsob jak organizovat videa. Video galerie rovněž umožňuje upravit náhledový obrázek a přehrávací tlačítko, aby se dosáhlo co nejčistšího zobrazení vloženého videa.

Demo ukázka modulu Videoslider

Zde je oficiální video (v angličtině), které videoslider 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 Videoslider do stránky

Předtím, než můžete vložit modul Videoslider do stránky, musíte nejprve začít stránku upravovat pomocí Divi Builderu.

Úprava přes Visual Builder

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

Vložení modulu Videoslider

Vložení modulu Videoslider

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

Naplnění Videoslideru obsahem

Videoslider nastavení

Videoslider nastavení

Předtím, než se pustíte do úprav nastavení modulu, je dobré modul nejprve naplnit, abyste viděli jak se nastavení projeví na jeho vzhledu. Nové video přidáte přes tlačítko plus s textem Přidat nové video.

Přidání videa do modulu Videoslider

Přidání videa do modulu Videoslider

Objeví se dvě pole, kam můžete nahrát video ve formátu MP4 a WEBM anebo vložit URL odkazu videa ze serveru Youtube. V případě, že se rozhodnete video nahrát do WordPress, je potřeba nahrát jej v obou požadovaných formátech. Pokud tak neuděláte, nemusí se video zobrazovat ve všech prohlížečích.

Možnosti nastavení modulu Videoslider

Pojďme si postupně projít důležité položky nastavení modulu Videoslider.

Videoslider nastavení – Obecné

V záložce Obecné se nacházejí položky týkající se obsahu jako jsou texty, obrázky nebo ikony.

  • Elementy – zde můžete upravit nastavení týkající se ovládacích prvků video slideru.
  • Překrytí – zde můžete povolit zobrazení překrytí hlavního videa. Lze nastavit překrytí pro každé video nebo automaticky generovat náhled pomocí Divi.
  • Označení admina – pojmenování modulu pro snadnější orientaci pro zobrazení wireframe.

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

  • Barvy ovládacích prvků – jediné specifické nastavení umožňuje barevnou úpravu šipek a teček použitých u slideru.

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

Možnosti nastavení jednotlivého videa v modulu Videoslider

I samotné video přidané do modulu Videoslider je možné upravit pomocí vlastních nastavení.

Video nastavení – Obecné

  • Video – slouží pro vložení videa.
  • Překrytí – zde můžete povolit zobrazení překrytí hlavního videa. Lze nastavit překrytí pro každé video nebo automaticky generovat náhled pomocí Divi.

Video nastavení – Design

  • Barva šipek – nastavení barevnosti ovládacích prvků.
NÁVODY | TIPY | NOVINKY

NÁVODY | TIPY | NOVINKY

Nechte si zasílat nové články o šabloně Divi přímo do e-mailu.

You have Successfully Subscribed!

Sdílej