Jak přidat tlačítko v editoru WordPress [tutoriál]

Proč je blok tlačítek WordPress tak důležitý?

Navigace na webových stránkách je pro návštěvníky a zákazníky důležitá. Chceme je poslat z jedné podstránky dál. Provést je celým nákupním procesem. Proto je důležité správně vložit důležité odkazy dovnitř obsahu stránky.

V zásadě máme 2 možnosti. Použít standardní odkaz nebo tlačítko. Názory na to, kdy použít první a kdy pozdější možnost, se různí. Je obvyklé, že na jedné stránce existuje více možných akcí. Musíme se ujistit, která z nich je primární a která sekundární. Doporučujeme použít tlačítko pouze pro primární akci. Tím dosáhnete větší viditelnosti této primární akce. Zaměříte pozornost návštěvníků na tuto akci. Můžeme jej také nazvat tlačítkem call-to-action. Nevytvářejte příliš mnoho tlačítek na jedné podstránce.

Jaké jsou hlavní funkce tlačítek?

• Tlačítka mohou upoutat pozornost návštěvníků - výzva k akci
• Oddělují obsah stránky nebo příspěvku a činí jej čitelnějším.
• Nápověda k orientaci na stránce. Mnoho návštěvníků skenuje stránku pouze očima.
• navigovat návštěvníky na jiné stránky pomocí hypertextových odkazů.

O úspěchu tlačítka rozhoduje mnoho parametrů. Důležitá je například velikost, umístění nebo barva tlačítka. Je nutné dodržovat standardní zásady uživatelského rozhraní a UX. Zelená barva se používá pro tlačítka s pozitivní akcí, například pro nákup. Červená barva je pro negativní - například pro odhlášení z odběru newsletteru. Správně navržená tlačítka tímto způsobem přímo ovlivňují akce návštěvníků.

Přidání tlačítka na libovolnou stránku nebo příspěvek ve WordPressu

Situace před WordPress 5

Před vynálezem editoru bloků ve WordPressu bylo přidávání tlačítek poměrně složité. Protože tato funkce nebyla ve WordPressu přirozená. Mohli jste použít téma s nástrojem Page Builder nebo plugin třetí strany. V tomto případě tlačítka vytvářejí zkratky.

V našich starších tématech WordPressu můžete tlačítko přidat pomocí zkratek ve vizuálním editoru. Po kliknutí na Vložit Shortcode -> Tlačítko můžete v modálním okně nastavit různá nastavení. Text, barva textu, barva tlačítka, url, zarovnání a podobně. Díky těmto pokročilým nastavením můžete tlačítko přidat poměrně snadno a rychle bez jakéhokoli programování.

Jak používat blok tlačítek v editoru WordPress?

Díky WordPressu 5 existuje druhý způsob. Mnohem jednodušší. Vizuální editor WordPressu přináší mnoho užitečných bloků. Chcete-li na webu vytvořit tlačítko, můžete nyní v editoru použít blok Tlačítko WordPress.

Průvodce krok za krokem, jak přidat tlačítko v editoru WordPress

1. Nejprve se musíte rozhodnout, kam chcete tlačítko vložit.
2. Blok tlačítek lze přidat různými způsoby:
- kliknutím na "+" v horní liště nebo kdekoli v editoru bloků, kde vyberete blok tlačítek.

- můžete také najít jakýkoli blok pomocí vyhledávacího panelu, stačí napsat "button".

- zadáním "/" získáte přístup ke všem dostupným blokům.

3. Vytvořený blok tlačítek lze dále konfigurovat

Přidání textu tlačítka a adresy URL

Jakmile je vytvořeno tlačítko Blok WordPress, můžete do něj zadat text. Nezapomeňte, že pro tlačítko výzvy k akci je lepší použít krátký text s jasným sdělením. Text můžete nastavit jako tučný, kurzívou nebo podtržený. Všechny tyto změny lze provést kliknutím na panel nástrojů. Tlačítko můžete také zarovnat do strany nebo vycentrovat.

Tlačítko obvykle odkazuje na jinou stránku nebo externí web. Proto je přímo pod ním vstup pro přidání adresy URL. Výhodou je, že přidání adresy URL nevyžaduje výběr textu.

Změna barvy tlačítka

Nový editor umožňuje změnit blok tlačítek WordPress během několika sekund. Stačí použít nastavení v postranním panelu na pravé straně. Můžete změnit barvu pozadí tlačítka nebo barvu textu uvnitř tlačítka. K dispozici jsou základní předdefinované barvy nebo si můžete vybrat vlastní. Všechny změny jsou ihned viditelné, abyste viděli, zda je barevná kombinace v pořádku.

Skvělou funkcí je, že pokud zvolíte špatnou kombinaci, například šedé pozadí a bílou barvu textu, editor bloků WordPress vás upozorní, že tlačítko nemůže být na vašich webových stránkách čitelné.

Najděte si svůj vlastní styl tlačítek

Chcete-li tlačítko vytvořit nebo změnit velmi rychle a bez námahy, můžete použít jeden z připravených stylů. Tlačítko lze takto změnit například na zaoblené, ohraničené nebo obdélníkové. Experimentujte, co nejlépe odpovídá stylu nebo designu vašich webových stránek.

Úprava tlačítka pomocí vlastního CSS

Ještě většího přizpůsobení lze dosáhnout pomocí vlastních tříd CSS. Tímto způsobem můžete přidávat vlastní styly CSS a stylovat tlačítko v editoru WordPressu přesně podle svých představ.

Jak vidíme, existuje mnohem jednodušší způsob, než je použití zkratky tlačítka. Blok tlačítek WordPress lze použít v jakémkoli tématu, které je kompatibilní s editorem bloků WordPress. Přečtěte si více o našem zbrusu novém tématu Citadela WordPress. Je speciálně navrženo a vyvinuto pro Editor bloků WordPress.

Extra tip na konci

Nezapomeňte sledovat blok tlačítek WordPress a samotný úspěch tlačítek. Pokud používáte službu Google Analytics, můžete vytvořit jedinečnou adresu URL. Pro sledování kliknutí návštěvníků můžete přidat Parametr Google UTM. URL lze vytvořit pomocí nástroje pro tvorbu URL. Přidání parametrů umožňuje identifikovat zdroj návštěvy. Je to velmi užitečné, pokud chcete vědět, odkud návštěvníci přišli na vaši nákupní stránku.

Jaký největší problém máte v současné době s blokem tlačítek WordPress? Diskutujme v komentářích níže. Podělte se o své zkušenosti s používáním tlačítek na webových stránkách.