Tlačítko a ikony

Pomocí tlačítka a odkazů můžete do sekce přidat libovolný typ odkazu (1). Můžete přidat tlačítko/textový odkaz/obrázkový odkaz/ikonu/oddělovač.

Existující tlačítko/odkaz můžete duplikovat (2), upravit (3) nebo smazat (4).

V tomto článku:

1. Přidat tlačítka/odkazy
2. Stylová tlačítka/odkazy

---

Přidat tlačítka/odkazy

• Chcete-li do sekce přidat jakýkoli typ odkazu, klikněte na + Tlačítko Přidat volba.

Možnost + Přidat tlačítko nabízí čtyři způsoby, jak přidat odkaz. Kromě toho můžete také přidat oddělovače , které přidají mezeru mezi tlačítka/odkazy. Následují možnosti:

• Tlačítko
• Styl tlačítka
• Textový odkaz
• Obraz
• Ikona
• oddělovač

---

Tlačítko

Přidat tlačítko k položce seznamu.

Budete moci aktualizovat:

1. Popisek tlačítka – Uveďte viditelný text na vašem tlačítku. To je to, co uživatelé uvidí a na co kliknou.
2. Tlačítko Link – Uveďte URL nebo akce tlačítko by se mělo spustit po kliknutí.
3. Cílové okno – Vyberte, zda se odkaz otevře v stejná záložka nebo nová karta.
4. Styl tlačítka – Vyberte styl tlačítka jako výchozí (nastavený v Tlačítka a odkazy kartu v části Návrh), Plné, Obrys nebo Textový odkaz.

• • Výchozí hodnota: Dodržuje nastavení šablony vašeho webu.
  • Pevný: Tučné, vyplněné tlačítko.
  • Nomenklatura výstavy: Průhledné pozadí s okrajem.
  • Textový odkaz: Jednoduchý, čistý textový styl (bez tlačítka).

5. Tvar tlačítka – Nastavte a vlastní tvar pro každé jednotlivé tlačítko v rámci sekce. To vám umožní přepsat globální tvar tlačítka definovaný v Nastavení designu, což vám dává větší kontrolu nad tím, jak se každé tlačítko zobrazuje. Dostupné tvary jsou čtvercový, zaoblený a pilulka.
6. Barva tlačítka – Přizpůsobte si barevné schéma tlačítka:

• • Výchozí hodnota: Zdědí nastavení motivu.
  • Invertovat: Obrátí barvu textu/pozadí tlačítka.
  • Vlastní: Umožňuje vybrat konkrétní barvy textu a pozadí.

7. Tlačítko Text – Pokud používáte Vlastní barva tlačítka, můžete nastavit barva textu (štítku) odtud.
8. Pozadí tlačítka – Tato možnost je k dispozici také v části Vlastní a nastavuje barvu pozadí tlačítka. Pro maximální čitelnost a styl ji spárujte s barvou textu.
9. Ikona tlačítka – Přidejte ikonu vedle popisku tlačítka. Můžete si vybrat z různých možností ikon.
10. Nákres – Ovládejte umístění ikony vzhledem k popisku. Dostupné možnosti rozvržení jsou:

• • Štítek + Ikona: Nejprve se zobrazí text a poté ikona.
  • Ikona + Štítek: Nejprve se zobrazí ikona, poté text.
  • Štítek + ikona (širokoúhlý): Text a ikony uspořádané s větším odsazením, vhodné pro širší tlačítka.
  • Ikona + Štítek (širokoúhlý): Ikona jako první, širší rozvržení odsazení.

11. Barva ikony – Vyberte barvu ikony tlačítka. Můžete ji nastavit buď na Tlačítko Text barva nebo značka barva.

---

Nastavení stylu tlačítek

Tato nastavení najdete na kartě Styl v jednotlivých sekcích. Tato nastavení vám umožňují doladit vzhled, rozmístění a rozvržení tlačítek na vašem webu Pixpa pro lepší kontrolu nad designem a responzivitu:

1. Velikost tlačítka – Vyberte velikost tlačítka (např. Malé, Střední, Velké). Tím se upraví odsazení a velikost písma podle vašeho designu.
2. Prostor mezi tlačítky – Řídí horizontální rozteč mezi více tlačítky. Pro responzivní rozteč můžete použít jednotky vw (šířka viewportu).
3. Prostor nad tlačítky – Přidá svislé mezery nad tlačítkem (tlačítky). To pomáhá oddělit je od obsahu nad nimi, měřeno v %.
4. Textový odkaz – Upravuje velikost písma pro textové odkazy tlačítek (užitečné zejména při použití stylu „Textový odkaz“ místo tradičního tlačítka).
5. Obrázek jako tlačítko (velikost) – Pokud místo tradičního tlačítka používáte obrázek, toto nastavení definuje velikost zobrazení obrázku (v pixelech).
6. Šířka tlačítka – Vyberte, jak široké se má tlačítko zobrazit:

• • Výchozí hodnota: Standardní šířka založená na obsahu tlačítka
  • Velká / Extra velká: Širší tlačítka pro větší důraz
  • Plná šířka: Tlačítko se roztahuje přes celou šířku kontejneru

---

Textový odkaz

Přidejte textový odkaz k položce seznamu.

Budete moci aktualizovat:

1. Nastav textový popisek.
2. Určete textový odkaz.
3. Cílové okno – Zvolte, zda chcete stránku otevřít ve stejném nebo novém okně.

---

Obraz

Přidejte obrázek a propojte jej s libovolnou stránkou.

• Jakmile nahrajete obrázek, zobrazí se tímto způsobem. Kliknutím na odkaz jej upravíte.

• Odtud můžete:
  1. Nahrát/Změňte obrázek.
  2. Tlačítko Link – Zadejte odkaz.
  3. Cílové okno – Zvolte, zda chcete stránku otevřít ve stejném nebo novém okně.

---

Sociální ikona

• Přidejte k položce seznamu sociální ikonu.

Můžete spravovat:

1. Ikona sociální sítě, která má být propojena.
2. Zadejte příslušnou cestu k sociálnímu profilu.
3. Cílové okno – Zvolte, zda chcete stránku otevřít ve stejném nebo novém okně.

---

oddělovač

Možnost Oddělovač umožňuje vložit mezery mezi tlačítka nebo odkazy.

To je užitečné pro vytvoření vizuálního oddělení mezi tlačítky umístěnými blízko sebe. Oddělovač můžete přidat z panelu Tlačítka a odkazy stejně jako přidáváte jiná tlačítka.

• Vzdálenost mezi tlačítky je řízena Polstrování – horní nastavení v rámci oddělovače. Úpravou této hodnoty se zvětší nebo zmenší svislá mezera mezi tlačítky umístěnými blízko sebe.

 

---

Možnosti stylu pro tlačítka a odkazy

Možnosti stylu budou k dispozici na kartě Styl při správě sekce.

Pro tlačítko a odkazy budete mít několik možností stylu:

Tlačítko a odkazy

1. Určete Mezera mezi tlačítkem/odkazy které byly přidány.
2. Určete Mezerník nad tlačítkem/odkazy.
3. Vyberte vznášet Effect pro tlačítko/odkazy.

Velikost tlačítka 

---

Příklad

Předpokládejme například, že jste do sekce Button/Links přidali odkaz na sociální síť Amazon a zadali barvu ikony jako červenou a barvu pozadí ikony jako zelenou. Ikona se pak zobrazí takto: