Sekce týmu

Týmy jsou velmi důležité pro úspěch každé organizace. Spojují jednotlivce s různými dovednostmi, odbornými znalostmi a perspektivami a vytvářejí dynamické prostředí, kde lze dosáhnout cílů.

V sekci Tým na Pixpě si můžete zobrazit profily a fotografie členů vašeho týmu spolu s jejich příslušnými rolemi a odpovědnostmi.

V tomto článku:

    1. Přidání sekce týmu
    2. Přidat a upravit položky seznamu
    3. Sekvenční seznam položek
    4. Správa prvků
    5. Změnit rozvržení sekce
    6. Sekce stylistického týmu

Přidat na stránku sekci Tým

  • Nyní uvidíte oddílové kategorie na levé straně.
  • Procházejte Tým (1) a klikněte na něj. Nyní se objeví obrazovka, která vám umožní vybrat si různá rozložení týmové sekce (2).

  • 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

  • Klikněte na Upravit týmy (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 primární a sekundární obrázek (1)
    Můžete nahrát a Sekundární obrázek společně s Primární obrázek pro každou položku seznamu. Když uživatel najede na položku, zobrazí se sekundární obrázek, který nahradí primární obrázek. Navíc můžete nastavit Barva zvýraznění obrázku, který se zobrazí při najetí myší na obrázek.
  • Přidat Předmět (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.

5. Akce po kliknutí

Můžete přizpůsobit chování kliknutí jednotlivých položek v Tým 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ů.
  • Otevřít v Lightboxu
    Tato možnost zobrazí položku ve zvětšeném měřítku Lightbox zobrazit po kliknutí. V tomto režimu je Podtitul a Popis spojené s položkou se nezobrazí v zobrazení mřížky, ale budou viditelné v režimu Lightbox.
  • Žá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.

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

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

8. 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 obrázků. 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é sekci.

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

Hodnocení

Chcete-li přizpůsobit karty pro každou položku samostatně, musíte nejprve povolit Karta možnost z Nastavení stylu.


Sekvenční seznam položek

Pořadí položek seznamu můžete snadno změnit pomocí Přetahování a pouštění Je. Podívejte se na sekvenování seznamu položek týmů v akci: 


Správa prvků týmové sekce

Sekce Tým 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 je museli mazat nebo upravovat.

  • Klikněte na Prvky (1) tab.
  • Po provedení změn stiskněte Uložit (2).

Možnosti sekce

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

Možnosti položek

  1. Zobrazit obrázek: Přepíná viditelnost obrázků.
  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 týmy tlačítko pro otevření panelu pro úpravu sekce a výběr možnosti Nákres Karta.
    • Odtud můžete snadno změnit rozložení sekce i po přidání na stránku.

Při změně rozvržení uvidíte nahoře rozvržení související s sekcemi.

Kromě toho máte také možnost vybrat si rozvržení z jiných sekcí pod Více rozložení nadpis.


Sekce stylingových týmů

Různé aspekty sekce Týmy si můžete přizpůsobit pomocí různých možností stylů. Chcete-li přejít na možnosti Styling, klikněte na Upravit týmy (1).

  • Vyberte Styl (2) tab.
  • Po provedení úprav, Uložit (3) změny.


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

  1. Možnosti zobrazení
  2. Mobilní displej
  3. SMĚR
  4. Velikost textu
  5. Vzdálenost
  6. Nadpis sekce
  7. Možnosti obrázků
  8. Tvarová maska
  9. Možnosti přechodu na obrázek
  10. Hranice obrázku
  11. Karty
  12. Stín
  13. Tlačítka a odkazy

Možnosti zobrazení

  1. Vyberte, zda chcete Zobrazit položky in řádky a sloupce / kolotoč / přehlídka
    • 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.
    • Ukažte nabízí elegantní a interaktivní rozvržení ve stylu karuselu pro zobrazení obrázků jeden po druhém s plynulými přechody a efekty. Toto rozvržení dodá vašemu webu moderní a pohlcující zážitek. Zjistit 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.

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 navigaceMůžete si vybrat mezi možnostmi Bez ovládacích prvků, Šipky – Dole uprostřed/Vpravo nahoře/Vpravo dole, Šípky, Tečky a Vodorovné posouvání.
  7. Vyblednout okraje: Na okraje karuselu naneste jemný efekt blednutí. Vylepšuje uživatelský zážitek jemným prolínáním snímků, když vstupují do pohledu nebo jej opouštějí.

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

  1. Účinky: Vyberte si z pěti animačních efektů: Prolínání, Převrácení, Karty, Překrytí (nakloněné) nebo Překrytí (ploché) pro ovládání přechodů mezi obrázky.
  2. Povolit plynulé rolování: Umožňuje plynulé posouvání položek v rámci Výlohy pro bezproblémový a vizuálně atraktivní zážitek.
  3. Automatické snímání: Automaticky přecházet mezi obrázky bez nutnosti zásahu uživatele.
  4. Zobrazit průběh automatického přehrávání: Zobrazuje indikátor průběhu, když je aktivní automatické přehrávání, pro lepší viditelnost.
  5. Zpoždění automatického přehrávání: Nastavte čas mezi snímky, když je aktivní automatické přehrávání. Můžete zvolit libovolnou hodnotu od 1 do 10 sekund.
  6. Karuselová smyčka: Povolením této možnosti se karusel bude přehrávat donekonečna a umožní se tak nepřetržité přehrávání.
  7. Ovládání karuselu: Nastavení Ovládací prvky karuselu umožňuje zvolit, jak se uživatelé budou pohybovat mezi snímky, a to pomocí možností, jako jsou šipky (dole uprostřed, vpravo nahoře, vpravo dole), tečky nebo žádné ovládací prvky.


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 obrázek vodorovně v sekci Tým. Můžete je nastavit tak, aby byly zarovnány vlevo, vpravo nebo na střed.
  2. Zarovnat text vodorovně v sekci Tým. Můžete je nastavit tak, aby byly zarovnány vlevo, vpravo nebo na střed.
  3. Zarovnat obsah vertikálně v Seznamu týmů. Můžete je nastavit tak, aby byly zarovnány nahoře, na střed a dole.
  4. Vyberte Pořadí obsahu tj. obrázky položek seznamu, které se mají zobrazit jako první, nebo související text.


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.


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.


snímky

  1. Vyberte Imág Crop pro položky seznamu. Obrázky můžete nastavit jako Čtverec, Kruh, Vodorovný, Portrét a Originál.
  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 Corner Radius 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 na obrázky v sekci Týmy masku tvaru. Po zapnutí vybraný tvar vizuálně ořízne obrázek do daného formuláře.
  2. Vyberte tvar: Vyberte si z různých předdefinovaných tvarů, které chcete použít na své obrázky. 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.
  3. Protáhnout se: Povolením této možnosti se vybraný tvar roztáhne, aby lépe odpovídal kontejneru obrázku. To zajišťuje, že tvar proporcionálně vyplní dostupný prostor a zlepší vizuální zarovnání napříč různými velikostmi obrazovky.

Poznámky

  • Možnost Roztáhnout je závislá na rozvržení – V určitých rozvrženích se nemusí zobrazit. U rozvržení, kde je přes obrázek zobrazen text, jako je název nebo podnadpis, celá možnost masky tvaru nemusí být k dispozici.
  • 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ě.


Umístit kurzor na obrázek

  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.
  6. Vyberte, zda chcete povolit přechod obrázků na visu nebo ne.
  7. Vybrat Přechodový styl pro přechod visem. Dostupné možnosti jsou Fade a Flip.


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.


Karty


Stín

  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


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.