Sekce videí

Přidejte na stránku sekci Videa, abyste mohli snadno přidávat videa z YouTube/Vimeo, která se budou na stránce přehrávat. To je skvělý způsob, jak udržet pozornost návštěvníků vašeho webu.

Pixpa podporuje vkládání videí z YouTube nebo Vimeo. Nemůžete přímo nahrát video na svůj web. Kromě této sekce můžete také přidávat svá videa Galerie nebo Prapor.

Pixpa vám umožňuje sdílet váš profil YouTube nebo Vimeo v sociální odkazy. Můžete také přidat své hudební soubory hostované na Soundcloud v sekci Hudba.

Body, které je třeba poznamenat:

  • Soubor .gif můžete nahrát všude tam, kde jsou podporována videa.
  • V případě, že se vámi přidané video načítá hodně, klikněte na tlačítko Přehrát a na několik minut jej pozastavte. Poté pokračujte ve videu. Tímto způsobem se načítá lépe s menším ukládáním do vyrovnávací paměti.

V tomto článku:

  1. Co je sekce Videa?
  2. Přidat sekci Video
  3. Přidat a upravit položky seznamu
  4. Sekvenční seznam položek
  5. Mazání položek seznamu
  6. Správa prvků
  7. Změna rozvržení sekce
  8. Možnosti stylu
  9. Plná karta a textová karta

Sekce videí

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


Sekce Přidat videa

  • 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ě.
  • Klikněte na Obsah (1) možnost a Videa (2) tab.
  • Nyní uvidíte různá rozložení z Sekce videí (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 videí

Jakmile přidáte sekci

  • Klikněte na Upravit obsah (1) pro otevření panelu Seznam položek.

  • Klepněte na tlačítko Přidat položku (2) pro přidání nové položky seznamu.
  • Budete mít možnost Duplikovat a smazat (3) položky seznamu.


Upravit položku seznamu videí

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

  • přidat odkaz na vaše video z YouTube/Vimeo (1).

Hodnocení

Chcete-li přidat video na svůj web Pixpa, musíte ho nahrát na YouTube nebo Vimeo a sem zadat jeho URL adresu.

  • Nastavte přehrávání videa v a lightbox nebo pouze na stránce (2).

  • Nahrát nebo Smazat (3) obrázek miniatury pro položku seznamu.

  • Přidat Předmět (4), Titulky (5)a Popis (6) položky seznamu. V závislosti na zvoleném rozvržení nemusíte v určitých položkách seznamu najít možnost Titulky a Popis.

7. Akce po kliknutí

Můžete přizpůsobit chování kliknutí jednotlivých položek v Seznam videí sekce. Níže jsou dostupné možnosti:

  • Přejděte na odkaz
    Výběrem této možnosti se otevře Tvůrce odkazů, což vám umožní přidat hypertextový odkaz na tuto položku. Odkaz může uživatele přesměrovat na jinou stránku v rámci vašeho webu nebo na externí adresu URL. Vědět více o Tvůrce odkazů.
  • Žádná akce
    Tuto možnost vyberte, pokud chcete, aby na položku nebylo možné kliknout. Když je vybráno, kliknutí na položku nespustí žádnou akci.

8. Otevřít odkaz v novém okně: Nastavte odkaz tak, aby se otevřel v a na nové kartě nebo na stejné kartě. To bude viditelné pouze tehdy Přejděte na odkaz možnost je vybrána pod Akce po kliknutí menu.

9. Tlačítka a odkazy: Přidejte jakýkoli typ Odkaz na položku seznamu. Můžete přidat tlačítko / odkaz na obrázek / ikonu sociální sítě / textový odkaz. Zjistit více.

10. Přepsání stylu karty

Globální nastavení stylu karty můžete přepsat ze sekce Nastavení stylu a přizpůsobit kartu každé položky jednotlivě v sekci Seznam videí. To vám umožní použít jedinečné styly na různé položky seznamu pro lepší přizpůsobení.

Zjistit více o možnostech karty v dynamických sekcích.

11. Přepsání stylu tvaru

Pomocí možnosti Přepsat můžete každé miniatuře v sekci Seznam videí jednotlivě přiřadit jiný tvar, čímž získáte větší kontrolu nad vizuálním stylem každé položky. Zjistit více o Shape Mask.

12. Uložit: Po provedení úprav uložte změny.


Podívejte se na úpravu položky seznamu videí v akci:


Položky seznamu sekvencí

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

Smazat položku seznamu

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

  • Klikněte na Vymazat vedle položky Seznam videí.
  • Klikněte na Vymazat v potvrzovacím vyskakovacím okně.
  • Uložit vaše změny.

Hodnocení

Smazanou položku seznamu již nelze obnovit.


Správa prvků seznamu videí

Sekce Seznam videí obsahuje Karta Prvky což vám umožňuje snadno spravovat viditelnost různých prvků v sekci. Pomocí jednoduchých přepínačů můžete povolit nebo zakázat konkrétní prvky, aniž byste museli mazat nebo upravovat samotné prvky.

  • Klikněte na Upravit obsah (1).

  • Vyberte Prvky (2) tab.
  • Po provedení změn stiskněte Uložit (3).

Možnosti sekce

  1. Zobrazit nadpis: Povolí nebo zakáže viditelnost titulku pro sekci Seznam videí.
  2. Zobrazit tlačítka: Určuje, zda se tlačítka zobrazují na úrovni sekce.

Možnosti položek

  1. Zobrazit video: Přepíná viditelnost videí.
  2. Show Název: Určuje, zda se má titul zobrazit.
  3. Zobrazit titulky: Povolení nebo zakázání titulků.
  4. Ukázat popis: Správa viditelnosti popisů položek.
  5. Zobrazit tlačítka: Rozhodněte, zda mají být zobrazena tlačítka pro jednotlivé položky.


Rozložení sekce

  • Klikněte na Upravit obsah (1) pro otevření panelu úprav seznamu videí.

  • Vyberte Nákres (2) tab.
  • Vyberte rozvržení pro vaši sekci a Uložit (3) vaše změny.


Styl své sekce

  • Klikněte na Upravit obsah (1) pro otevření panelu úprav seznamu videí.

  • Vyberte Styl (2) možnost.
  • Změňte styl pro prvky řezu a Uložit (3) vaše změny.

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

    1. Volby zobrazení 
    2. Mobilní displej
    3. SMĚR
    4. Velikost textu
    5. Vzdálenost
    6. Nadpis sekce
    7. Možnosti obrázku
    8. Tvarová maska
    9. Možnosti přejetí myší
    10. Možnosti ohraničení
    11. Možnosti karty
    12. Možnosti stínu
    13. Tlačítko a odkazy

 


Display

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

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

  1. Povolit plynulé posouvání: Umožňuje nepřetržité posouvání položek v karuselu pro bezproblémový a vizuálně přitažlivý zážitek.
  2. Auto Slide: Automaticky otáčí snímky bez zásahu uživatele.
  3. Zobrazit průběh automatického přehrávání: Zobrazuje indikátor průběhu při aktivním automatickém přehrávání pro lepší viditelnost.
  4. Zpoždění automatického přehrávání: Nastaví časový interval mezi jednotlivými přechody snímků, když je povoleno automatické přehrávání.
  5. Kolotočová smyčka: Umožňuje nepřetržité opakování snímků, takže karusel se po posledním snímku plynule restartuje.
  6. Carousel Controls: Vyber Ovládací prvky navigace. Můžete si vybrat mezi Bez ovládacích prvků, Šipkami – dole uprostřed/vpravo/vpravo dole, šipkou, tečkami a vodorovným posouváním.


Mobilní displej

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

Rozložení sloupce pro konkrétní zařízení na základě nastavení Studia:


SMĚR

  1. Zarovnat obsah vodorovně v seznamu videí. Můžete je nastavit tak, aby byly zarovnány doleva, doprava nebo na střed.
  2. Zarovnat obsah vertikálně v seznamu videí. Můžete je nastavit tak, aby byly zarovnány nahoře, na střed a dole.
  3. Vyberte Pořadí obsahu tj. obrázky položek seznamu, které se mají zobrazit jako první, nebo související text.


Velikost textu

  1. Klikněte na Změnit styl textu tlačítko pro návštěvu Design a spravovat velikosti a styly písma. 
  2. Nastav Předmět styl písma pro položky seznamu v sekci.
  3. Nastav Podtitul styl písma pro položky seznamu v sekci.
  4. Nastavte výchozí Popis styl písma pro položky seznamu v sekci.
  5. Povolte tuto možnost pro animovat libovolná čísla přítomný v Předmět a Podtitul polí. Po zapnutí se číselné hodnoty zobrazí s dynamickou animací počítání, díky čemuž budou vizuálně poutavější.


Vzdálenost

  1. Určete Šířka obrázku pro položky seznamu.
  2. Určete Šířka obsahu pro položky seznamu.
  3. Určete Prostor pod nadpisem sekce v px.
  4. Určete Prostor pod obrázky položek seznamu (v %).
  5. Určete Mezera pod titulky položek seznamu (v %).
  6. Určete Prostor pod titulky položek seznamu (v %).


Nadpis sekce

  1. Vodorovně zarovnat text nadpisu sekce. Můžete jej nastavit na Vlevo, Na střed a Vpravo.
  2. Povolit/zakázat dělič mezi nadpisem oddílu a obsahem oddílu.
  3. Nastav tloušťka děliče (v px).
  4. Určete Barva rozdělovače z výběru barvy.
  5. Vyberte si Styl rozdělovače z rozevíracího seznamu.
  6. Nastav Šířka nadpisu definovat, jak široký bude název sekce, počínaje minimálně 50 %.


Možnosti obrázku

  1. Vyberte oříznutí obrázku pro položky seznamu. Obrázky můžete nastavit jako Čtverec, Kruh, Na šířku, Na výšku a Dynamický.
  2. 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 poloměr rohu obrázků položek seznamu. Vědět více.

Tip

Za použití poloměr rohu pole, můžete vytvořit různé tvary obrázků položek seznamu. Pokud zde zadáte 500 px, obrázky se zobrazí ve tvaru kruhu.

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


Tvarová maska

  1. Tvarová maska: Povolením tohoto přepínače použijete masku tvaru na miniatury videí v sekci Seznam videí. Po aktivaci vybraný tvar vizuálně ořízne miniaturu do tohoto formuláře.
  2. Vyberte tvar: Vyberte si z různých předdefinovaných tvarů, které použijete na své miniatury. To vám umožní kreativně stylizovat váš obsah zobrazením obrázků v jedinečných formách, jako je zaoblený, kosočtverečný, kapkový atd.

Poznámky

  • Možnost masky tvaru závisí na rozvržení – Nemusí se objevit pod rozvržením, kde je přes obrázek zobrazen text, jako je nadpis nebo podnadpis.
  • Nastavení Stretch závisí na více faktorech - počítaje v to velikost obrázku, zarovnání, a nastavení oříznutí definované na kartě Styl.
  • Pokud je oříznutí obrázku nastaveno na Originál, skutečné rozměry obrázku určují, zda bude natažen vertikálně nebo horizontálně.


Možnosti přejetí myší

  1. Vyberte Barva přechodu obrázku být akcentní barva nebo být specifikovaný. Pokud jste zvolili akcentní barva, pak zadejte neprůhlednost. Pro každou položku můžete určit barvu zvýraznění Upravit položku panel.
  2. Pokud jste si vybrali specifikujte barvu poté nastavte Překryvná barva a neprůhlednost.
  3. Nastav Barva překryvného textu který se zobrazí při vznášení.
  4. Vyberte, zda chcete Animujte obrázky položek seznamu na myši kliknutím na Ano. Zkontrolujte tuto funkci na živé stránce.
  5. Vyberte si Styl animace pro obrázky, když na ně najede kurzor.


Hranice obrázku

  1. Povolit / Zakázat ohraničení kolem obrázků přepnutím přepínače.
  2. Vyberte si mít a společná hranice na všech stranách obrázků nebo můžete zadat hranice samostatně pro každou stranu.
  3. Určete šířka hranice. Pokud je nastavena na 0, pak se ohraničení nezobrazí. Máte také možnost nastavit šířku okraje individuálně pro každou stranu obrázku.
  4. Vybrat Barva okraje z výběru barvy.
  5. Vyberte preferovaný Styl ohraničení z rozevíracího seznamu.
  6. Určete šířka okraje pro mobil zařízení a zarovnejte jej s šířkou zvolenou pro pracovní plochu.


Možnosti karet


Možnosti stínu

  1. Display – Zvolte zobrazení stínu za položkami seznamu vždy nebo pouze při umístění kurzoru myši.
  2. 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.
  3. V případě, že jste zvolili možnost předvoleb, pak Vyberte Styly stínů z rozevíracího seznamu.


Tlačítka a odkazy

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


Plná karta a textová karta

Když zapnete Úplná/textová karta nad vaším seznamem videí budou mít položky seznamu obrys a pozadí s barvou karty, kterou jste vybrali v Design sekce.
Viz také: Barvy a mezery webu.

Plná karta

Když je vybrána možnost plná karta, barva karty se použije na celou kartu, tj. na miniaturu videa a text s ní.

Podívej se: 

Textová karta

Když je vybrána možnost textová karta, barva karty se použije pouze na text přítomný v miniatuře videa.

Podívej se: 


Nenašli jste, co jste hledali?

Spojte se s odborníkem Pixpa.

Pixpa Studio bylo právě přepracováno. Aktuálně aktualizujeme všechny snímky obrazovky z nápovědy.