Obsah
Blok Service je naším prvním blokem, který jsme vydali v našem zásuvném modulu Citadela Pro. Díky tomuto bloku můžete dokonale prezentovat své služby nebo vlastnosti produktu, klíčové body, vizi nebo rozsah práce. Přidáním bloku Service na stránku nebo příspěvek ve WordPressu můžete zvýraznit určitý prvek, přidat ikonu, popis a CTA. Záleží jen na vás, zda chcete návštěvníky upozornit jen na jednu konkrétní službu, nebo na více služeb prostřednictvím několika bloků služeb. Začněme však od začátku.
V tomto článku vysvětlíme:
- Účel servisního bloku a jeho využití
- Kompatibilita s tématy WordPress
- Jak přidat blok služeb na webové stránky
- Přizpůsobení bloku pomocí Inspektora
- Jak vytvořit vyhrazenou stránku Služby s více službami
Hlavní účel servisního bloku - atraktivní zobrazení služeb
Hlavním důvodem, proč byste měli používat blok služeb, je to, že vám pomáhá prezentovat informace atraktivním způsobem. Dokáže jasně oddělit konkrétní skupiny od ostatního textu a zvýraznit je, aby si získal pozornost všech. Servisní bloky vypadají v rámci rozvržení pěkně, protože:
- Strukturovat obsah
- Osvěžte ji ikonami
- Oddělení služeb pomocí grafiky a odstupů
Díky výše uvedenému může servisní blok rychle získat pozornost návštěvníků.
![Zvýraznění služeb prostřednictvím bloku služeb](https://www.ait-themes.club/wp-content/uploads/2019/09/services-example.png)
Lepší navigace na webových stránkách
Protože je služba zvýrazněna, usnadní to prohlížení webových stránek. I když bude zákazník vaše webové stránky pouze procházet, neuniknou mu služby, které nabízíte.
Pokud do služby přidáte adresu URL, můžete ji použít jako navigační pole s CTA. To přiměje zákazníky, aby na box klikli a dozvěděli se více informací nebo si službu objednali.
Blok služeb sloužící k prezentaci funkcí
Blok služeb lze použít také ke zvýraznění vlastností produktu nebo služby, kterou nabízíte. To znamená, že každý jednotlivý blok služby bude prezentovat jednu konkrétní funkci. Toto grafické znázornění může vyzdvihnout klíčové vlastnosti daného produktu. Mějte na paměti, že návštěvníci nechtějí číst mnoho textu.
![Servisní blok používaný jako Feature box](https://www.ait-themes.club/wp-content/uploads/2019/09/service-example-features.jpg)
Kde lze použít servisní blok
Blok služeb lze použít uvnitř příspěvků a stránek - vlastně všude, kde je to potřeba. Je dobré jej použít na úvodní stránce, která je obvykle prvním kontaktem s návštěvníky webu. Protože blok služeb může snadno upoutat pozornost návštěvníků, doporučujeme používat služby na nejnavštěvovanějších stránkách.
Bloky služeb lze použít na vyhrazené stránce služeb, která má podobně jako domovská stránka vysoký počet návštěvníků. Na jednom místě tak můžete prezentovat všechny služby, které nabízíte.
O tom, jak vytvořit stránku Služby, si povíme později.
Kompatibilita s tématy WordPress
Hlavní výhodou bloku Service je, že je k dispozici pro všechna témata WordPressu, která podporují editor bloků WordPressu (Gutenberg). To znamená, že jej můžete použít v našem tématu nebo v jakémkoli tématu třetí strany, jako je Avada nebo Divi. Jediné, co potřebujete, je nainstalovat plugin Citadela Pro.
Jak přidat blok služeb na webové stránky
Jak jsme se již zmínili, pro přidání servisního bloku do editoru potřebujete plugin Citadela Blocks. Po aktivaci pluginu se blok automaticky přidá do editoru WordPressu.
Blok služeb lze přidat kliknutím na symbol "+" v horní liště nebo kdekoli v editoru. Poté stačí daný blok vyhledat pomocí výrazu "Service".
![Přidání bloku služeb do editoru WordPress kliknutím na "+"](https://www.ait-themes.club/wp-content/uploads/2019/09/gutenberg-service-add.png)
Druhou možností, jak přidat blok Service, je použít znak "/" a napsat slovo "service".
![Vložení servisního bloku s lomítkem "/"](https://www.ait-themes.club/wp-content/uploads/2019/09/gutenberg-shortcut-shortcut.gif)
Hotovo. Takto vypadá servisní blok s dostupnými možnostmi.
![Vytvořený blok služeb](https://www.ait-themes.club/wp-content/uploads/2019/10/service-service-in-editor.jpg)
Nastavení servisního bloku
Jako první si můžete vybrat rozvržení služby, které bude lépe vyhovovat designu vašich webových stránek. Ve výchozím nastavení je k dispozici rozvržení Box, které vycentruje ikonu, nadpis a popis. V horním panelu nástrojů jej můžete změnit na rozvržení Seznam. Ikona se přesune vedle nadpisu a vše bude zarovnáno doleva.
![Změna rozvržení rámečku na rozvržení seznamu](https://www.ait-themes.club/wp-content/uploads/2019/09/gutenberg-service-layout.gif)
Uvnitř bloku Service se nachází zástupný symbol, který slouží také jako nápověda. Budete přesně vědět, co máte do tohoto jednotlivého pole napsat. Název obvykle znamená název služby funkce. Text pod ním obvykle službu blíže popisuje nebo vysvětluje, proč by si ji měl zákazník objednat.
Text lze formátovat jako obvykle, můžete jej nastavit jako tučný, kurzívou nebo přidat odkaz.
Přizpůsobení bloku pomocí Inspektora
Rozšířená nastavení v inspektoru umožňují upravit blok služeb podle vašich potřeb. Můžete změnit:
1. Blokové barvy
- Barva pozadí
- Barva názvu
- Barva textu
![Změna barvy servisního bloku](https://www.ait-themes.club/wp-content/uploads/2019/09/service-icon-color.jpg)
2. Ikona nebo obrázek v servisním bloku
Servisní blok ve výchozím nastavení zobrazuje ikony. Pomocí vyhledávacího řádku můžete vybrat jinou ikonu. Můžete také změnit barvu ikony. Místo ikony můžete také použít libovolný obrázek. Lze jej nastavit tak, aby odpovídal velikosti ikony nebo aby odpovídal šířce rámečku služby.
![Možnosti ikon a obrázků v inspektoru servisních bloků](https://www.ait-themes.club/wp-content/uploads/2019/10/service-image-or-icon.jpg)
Pokud nechcete zobrazovat ikonu nebo obrázek uvnitř servisního pole, můžete tuto funkci zcela vypnout (Zobrazit ikonu nebo obrázek -> Žádný).
3. Odkaz
Chcete-li návštěvníky navigovat na jinou stránku, můžete do pole služby přidat odkaz. Správně zvolené CTA zvyšují počet kliknutí a konverzní poměr. Stačí napsat "Přečtěte si více" a vložit adresu URL. Můžete také zvolit otevření tohoto odkazu na nové kartě prohlížeče.
![Vložení odkazu URL na blok služeb](https://www.ait-themes.club/wp-content/uploads/2019/09/service-read-more-link.jpg)
4. Vlastní třída CSS
Pro pokročilé uživatele WordPressu je stejně jako v ostatních blocích k dispozici možnost přidat vlastní kód CSS. To vám umožní provádět větší změny v designu bloku služeb.
Jak vytvořit stránku Služby s více službami
Jak jsme již zmínili na začátku tohoto článku, stránka Služby může sloužit k prezentaci všech služeb na jednom místě. Vytvořte novou stránku a vložte několik bloků služeb vedle sebe nebo za sebe. Bloky se službami můžete umístit kamkoli podle svých požadavků. Záleží zkrátka na vás, jak je využijete.
Jak přidat stránku Servis v editoru bloků WordPress pomocí bloku Servis?
- Jako první je třeba přidat Blok sloupců
- Nastavení počtu sloupců. Pokud chcete prezentovat 3 služby, potřebujete 3 sloupce.
- Poté přidejte do každého sloupce jeden blok služeb
![Stránka služeb vytvořená pomocí více bloků služeb](https://www.ait-themes.club/wp-content/uploads/2019/10/service-business-page.jpg)
Protože každá služba představuje samostatný blok, je správa jednoduchá a přehledná. Vybraný blok můžete duplikovat a použít jej na jiném místě stránky. Nejlepší je, že bloky služeb budou vypadat dobře i v responzivní verzi na mobilních zařízeních.
Vyzkoušeli jste již náš servisní blok? Jak se vám líbí? Těšíme se na vaše první reakce v komentářích níže.
To je skvělé. Je to ke stažení samostatně, jako Citadela Blocks v sekci Pluginy?
Ahoj Scottie,
děkujeme za dotaz.
Service Block je dodáván s následujícím pluginem: https://www.ait-themes.club/wordpress-plugins/citadela-blocks
S pozdravem!
Zlatko
Tým AIT
Super pěkné ?