Jedno Posuvník Sekce v Pixpě vám umožňuje přidat na vaše stránky vizuálně poutavou oblast a zároveň vylepšit SEO. Ať už pracujete na galerii, stránce, složce, albu klienta nebo blogu, banner vám pomůže nastavit tón a zvýraznit důležitý obsah.
V případě, že chcete pouze zobrazit textovou zprávu v horní části vašeho webu, použijte Panel oznámení. Nebo pokud chcete vytvořit vyskakovací okno, které se zobrazí, když si návštěvníci prohlížejí váš web, můžete vyzkoušet Marketing Popup.
V tomto článku se
- Co je to banner
- Přidat banner na stránku
- Upravit sekci banneru
- Obsah banneru
- Nastavení banneru
- Rozvržení banneru
Co je to banner
Banner se používá k zobrazení bannerového obrázku/prezentace obrázků/videa v plné šířce v horní/dolní části obsahu.
Podívejte se na živou ukázku Banner
Přidání bannerové sekce na stránku
- 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 Sekce hrdinů (1) kategorii a klikněte na Posuvník kartu (2), kde si můžete vybrat různá rozložení z Prapor (3) sekce.
- Vyberte rozvržení libovolné sekce a kliknutím na ni ji přidejte na svou stránku.
Upravit sekci banneru
Pokud je sekce již na stránku přidána, můžete ji snadno upravit.
- Najeďte kurzorem na sekci a klikněte na Upravit obsah (1).
- Otevře se postranní panel, kde můžete Změnit (2) sekce banneru.
- klikněte Uložit (3) tlačítko po provedení změn.
Obsah bannerové sekce
Jedno Záložka Obsah V sekci Upravit banner můžete přidat a upravit obsah banneru, ať už se jedná o obrázek nebo video.
Typ banneru
Vyberte typ banneru. Můžete si vybrat kteroukoli z následujících možností:
- Slides – Chcete-li v banneru zobrazovat obrázky, vyberte možnost Snímky. Pod jeden banner můžete přidat více snímků.
- Video – Pokud chcete zobrazovat videa jako bannerové snímky, vyberte tuto možnost. Pod každý banner můžete přidat více snímků videa.
Do sekce banneru můžete přidat až 25 snímků.
Snímky obrázků
Pokud je v části Typ banneru vybrána možnost Snímky, můžete vytvořit prezentaci nahráním více obrázků jako bannerových snímků.
- Přidejte více snímků kliknutím na + Přidat snímky .
- Změna pořadí je pomocí úchytů pro přetažení.
- Upravit nebo smazat jednotlivé snímky pomocí příslušných ikon.
Upravit snímek/textový snímek
- Obraz
- Klikněte na Nahrát tlačítko pro změnu obrázku/snímku. Klikněte na Vymazat tlačítko pro smazání snímku.
- Změňte ohnisko obrázku pouhým kliknutím na obrázek kdekoli.
- Mobilní obrázek – Nahrajte obrázek mobilního banneru. Sem doporučujeme přidat obrázky na výšku.
- Zadejte alternativní text pro snímek snímku. To pomáhá pro účely SEO.
- Text snímku – Zadejte text snímku, který se zobrazí nad snímkem. Text můžete nastavit tučným písmem, kurzívou, podtrženým písmem, propojit jej a udělat mnohem více.
Viz také: Textový editor Pixpa.
- Odkaz na snímek
-
- Klikněte na ikonu nastavení a zadejte překryvný odkaz na snímek.
- Můžete zadat libovolnou stránku uvnitř/mimo vašeho webu, svůj e-mail nebo kontaktní číslo.
Zkontrolujte také: Propojovací text/tlačítko
- Tlačítko & Odkazy
-
- Přidejte k obsahu snímku až 10 tlačítek/odkazů.
- Jako tlačítko můžete přidat normální tlačítko, textový odkaz nebo použít obrázek/ikonu.
Také zkontrolujte: Tlačítko a odkazy
- Udeř Uložit tlačítko pro uložení změn.
Celý snímek se převede na odkaz pouze tehdy, když Text banneru a tlačítka možnost je vybrána jako Pro každý snímek jiný.
Video slajdy
Když Video snímek Je-li vybrána možnost , můžete do banneru vložit video z YouTube nebo Vimeo. K dispozici jsou následující možnosti konfigurace:
1. Odkaz na YouTube/Vimeo – Zadejte přímý odkaz na vaše video. Mezi podporované formáty patří:
- YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
- Vimeo: https://vimeo.com/XXXXXXXXXXX
2. Zobrazit video – Vyberte, jak se video zobrazí na vašem webu:
- Autoplay: Video bude vloženo přímo a automaticky přehráváno na všech zařízeních (ve výchozím nastavení ztlumené).
- Automatické přehrávání – pouze na počítači: Video bude vloženo přímo a automaticky se přehraje pouze na počítači (ve výchozím nastavení ztlumené).
- Otevřít v lightboxu: Kliknutím na náhled videa se otevře vyskakovací okno.
3. Mobilní obrázek – Nahrajte záložní obrázek, který se bude zobrazovat na mobilních zařízeních, kde automatické přehrávání videa nemusí fungovat nebo být podporováno. Tím zajistíte, že váš banner zůstane vizuálně atraktivní na všech velikostech obrazovek.
4. Zadejte Alt Tag (volitelné) – Pro zlepšení SEO a přístupnosti přidejte tag alt. Tento tag popisuje záložní obrázek pro čtečky obrazovky nebo v případech, kdy obrázek nelze zobrazit.
5. Text snímku – Zadejte text snímku, který se zobrazí nad snímkem. Text můžete nastavit tučným písmem, kurzívou, podtrženým písmem, propojit jej a udělat mnohem více.
Viz také: Textový editor Pixpa
6. Odkaz na snímek
- Klikněte na ikonu nastavení a zadejte překryvný odkaz na snímek.
- Můžete zadat libovolnou stránku uvnitř/mimo vašeho webu, svůj e-mail nebo kontaktní číslo.
Také zkontrolujte: Propojovací text/tlačítko
7. Tlačítko & Odkazy
- Přidejte k obsahu snímku až 10 tlačítek/odkazů.
- Jako tlačítko můžete přidat normální tlačítko, textový odkaz nebo použít obrázek/ikonu.
Také zkontrolujte: Tlačítko a odkazy
8. Uložit – Udeř Uložit tlačítko pro uložení změn
Text banneru a tlačítka
- Určete, zda budou text a tlačítka stejné pro všechny snímky nebo jiné pro každý snímek. Když vyberete Stejné pro všechny snímky volba, Text banneru a Tlačítka bude použito.
- Když jste vybrali Pro každý snímek jiný bude použit text a tlačítka určená pro konkrétní snímek.
Text banneru
- Zadejte text banneru, který bude společný pro všechny snímky.
Viz také: Textový editor Pixpa
Tlačítka a odkazy
- Tato tlačítka/odkazy se zobrazí nad snímky banneru (společné pro všechny snímky).
Také zkontrolujte: Tlačítko a odkazy - Po provedení změn klikněte na tlačítko Uložit v pravém horním rohu je použijete na svůj banner.
Nastavení banneru
Na kartě Nastavení banneru máte k dispozici následující možnosti:
- Režim zobrazení banneru
- Ovládací prvky zobrazení snímků
- Styling bannerů
- kolotoč
- Tlačítka
- sociální Ikony
Režim zobrazení banneru
-
- Měřítko a přizpůsobení – Obrázky se vejdou do šířky a výšky banneru.
- Přizpůsobit šířce (Pouze počítač) – Obrázky budou zmenšeny na šířku banneru. Výška banneru zdědí výšku obrázku.
- Výška pracovní plochy banneru – Určete výšku banneru na ploše, pokud jste zvolili plné krvácení or měřítko a fit v poli Režim zobrazení.
- Mobilní výška banneru – Zadejte výšku mobilního banneru.
Ovládací prvky zobrazení snímků
Tato nastavení umožňují přizpůsobení vzhledu snímků a přechodů v sekci banneru.
-
Styl přechodu snímků – Vyberte, jak se mají snímky měnit. Můžete vybrat možnosti jako Slábnout, Horizontální posuv nebo vertikální posuv pro plynulý přechod mezi snímky.
-
Snímků na řádek – Určete, kolik řádků snímků má být viditelných najednou.
- Snímků ve sloupci – Definujte, kolik sloupců snímků se má zobrazit. Toto určuje, kolik snímků se zobrazí vedle sebe v každém řádku.
- Prostor mezi snímky – Pomocí tohoto nastavení upravte mezeru mezi jednotlivými snímky. Mezeru v pixelech můžete zvětšit a ovládat tak vizuální oddělení mezi snímky.
- Pozice obsahu – Určete pozici obsahu uvnitř banneru.
- Šířka obsahu – Zadejte šířku obsahu banneru.
Styling bannerů
- Barva pozadí – Nastavte barvu pozadí pro banner.
- Barva překrytí – Nastavte barvu překrytí pro banner.
- Styl navigace – Určete styl navigace banneru. Můžete si vybrat z Chevron, Long Arrows a Short Arrows. Pokud chcete deaktivovat ovládací prvky navigace, vyberte možnost Žádné.
- Barva navigace – Určete barvu ovládacích prvků navigace na banneru.
- Povolit šipku dolů – Tuto možnost vyberte, chcete-li nad bannerem zobrazit šipku posouvání dolů.
- Rohový poloměr – Přizpůsobte si zaoblení rohů bannerového snímku. Můžete buď použít stejný poloměr na všechny rohy, nebo pro každý roh zvlášť zadat různé hodnoty.
kolotoč
Tato nastavení definují, jak se snímky automaticky pohybují a chovají v sekci banneru nebo karuselu.
- Povolit plynulé rolování – Zapnutím této funkce dosáhnete plynulejších přechodů mezi snímky a plynulého posouvání.
- Povolit automatické přehrávání snímků – Pokud je tato funkce povolena, snímky se budou automaticky přepínat bez zásahu uživatele.
- Zobrazit průběh automatického přehrávání – Zobrazí vizuální indikátor zobrazující čas před dalším přechodem mezi snímky.
- Zpoždění automatického přehrávání – Nastavte časový interval mezi automatickými přechody mezi snímky (např. každé 4 sekundy).
- Kolotočová smyčka – Povolte tuto možnost, pokud chcete, aby se snímky plynule cyklicky vracely k prvnímu snímku za posledním.
Tlačítka
Tyto možnosti umožňují přizpůsobení tlačítek zobrazených v banneru
- Velikost tlačítka - Vyberte velikost tlačítka z dostupných možností, například malá, střední nebo velká.
- Zarovnání – Nastavte zarovnání tlačítek v sekci (vlevo, na střed nebo vpravo).
- Prostor mezi tlačítky – Upravte vodorovnou vzdálenost mezi více tlačítky pro vyvážené rozložení.
- Prostor nad tlačítky – Definujte svislou mezeru mezi textem a tlačítky (měřeno v pixelech).
- Velikost textového odkazu – Nastavte velikost písma pro všechna textová tlačítka nebo odkazy.
- Velikost tlačítka obrázku – Upravte velikost tlačítek, která obsahují ikony nebo obrázky.
- Šířka tlačítka – Vyberte, jak široké se tlačítko zobrazí, s možnostmi jako výchozí, velké, extra velké nebo plná šířka.
Zjistěte více o stylování tlačítek a odkazů.
sociální Ikony
Tato nastavení umožňují přizpůsobení vzhledu a stylu ikon sociálních médií zobrazených v sekci bannerů.
- Velikost ikony – Upravte velikost ikon sociálních médií (v pixelech) tak, aby odpovídala celkovému designu banneru.
- Typ ikony – Vyberte styl ikony (například Klasický, Obrysový nebo Plný), který odpovídá tématu banneru.
- Barva ikony – Vyberte, jak je definována barva ikony. Možnosti zahrnují:
- Text odkazu – Používá stejnou barvu jako text odkazu sekce.
- Zvyk - Umožňuje ruční výběr vlastní barvy.
- Barva značky – Použije oficiální barvu značky každé platformy (například modrou pro Facebook).
- Vyberte barvu – Pokud je vybrána možnost Vlastní, tato možnost umožňuje vybrat konkrétní barvu pro ikony.
Rozvržení banneru
Rozvržení banneru můžete snadno změnit. Vědět více o rozložení bannerů.
