Obsah
Blok Service je náš prvý blok, ktorý sme vydali v našom zásuvnom module Citadela Pro. Vďaka tomuto bloku môžete dokonale prezentovať svoje služby alebo vlastnosti produktu, kľúčové body, víziu alebo rozsah práce. Pridaním bloku Služba na stránku alebo príspevok WordPress môžete zvýrazniť určitý prvok, pridať ikonu, popis a CTA. Je len na vás, či chcete upriamiť pozornosť návštevníkov len na jednu konkrétnu službu alebo na viacero služieb prostredníctvom viacerých servisných blokov. Začnime však od začiatku.
V tomto článku vysvetlíme:
- Účel servisného bloku a na čo ho možno použiť
- Kompatibilita s témami WordPress
- Ako pridať blok služieb na webovú lokalitu
- Prispôsobenie bloku pomocou Inšpektora
- Ako vytvoriť špecializovanú stránku Služieb s viacerými službami
Hlavný účel bloku služieb - atraktívne zobrazenie služieb
Hlavným dôvodom, prečo by ste mali používať blok služieb, je, že vám pomáha prezentovať informácie atraktívnym spôsobom. Dokáže jasne oddeliť špecifické skupiny od ostatného textu a zvýrazniť ich, aby si získal pozornosť všetkých. Servisné bloky vyzerajú v rámci rozloženia pekne, pretože:
- Štrukturalizácia obsahu
- Osviežte ho ikonami
- Oddelenie služieb pomocou grafiky a medzier
Vďaka vyššie uvedenému môže servisný blok rýchlo získať pozornosť návštevníkov.
Lepšia navigácia na webovej lokalite
Pretože je služba zvýraznená, uľahčí to prehľadávanie webovej stránky. Aj keď zákazník bude vašu webovú stránku iba prechádzať, neuniknú mu služby, ktoré ponúkate.
Ak do služby pridáte adresu URL, môžete ju použiť ako navigačné pole s CTA. Zákazníci sa tak po kliknutí na box dozvedia viac alebo si službu objednajú.
Blok služieb používaný na prezentáciu funkcií
Servisný blok môžete použiť aj na zvýraznenie vlastností produktu alebo služby, ktorú ponúkate. To znamená, že každý jednotlivý blok služieb bude prezentovať jednu konkrétnu funkciu. Toto grafické znázornenie môže vyzdvihnúť kľúčové vlastnosti daného produktu. Majte na pamäti, že návštevníci nechcú čítať veľa textu.
Kde možno použiť servisný blok
Servisný blok môžete použiť v príspevkoch a na stránkach - vlastne všade, kde ho potrebujete. Je dobré ho použiť na úvodnej stránke, ktorá je zvyčajne prvým kontaktom s návštevníkmi webu. Pretože blok služieb môže ľahko upútať pozornosť návštevníkov, odporúčame používať služby na najnavštevovanejších stránkach.
Bloky služieb sa dajú použiť na špecializovanej stránke služieb, ktorá má podobne ako domovská stránka vysoký počet návštevníkov. Všetky služby, ktoré ponúkate, môžete prezentovať na jednom mieste.
O tom, ako vytvoriť stránku Služieb, budeme hovoriť neskôr.
Kompatibilita s témami WordPress
Hlavnou výhodou bloku Service je, že je k dispozícii pre všetky témy WordPress, ktoré podporujú editor blokov WordPress (Gutenberg). To znamená, že ho môžete použiť v našej téme alebo v akejkoľvek téme tretej strany, ako je Avada alebo Divi. Jediná vec, ktorú potrebujete, je nainštalovať doplnok Citadela Pro.
Ako pridať blok služieb na webovú lokalitu
Ako sme už spomenuli, na pridanie servisného bloku do editora potrebujete zásuvný modul Citadela Blocks. Po aktivácii pluginu sa blok automaticky pridá do editora WordPress.
Blok služieb môžete pridať kliknutím na symbol "+" v hornej lište alebo kdekoľvek v editore. Potom stačí daný blok vyhľadať pomocou výrazu "Service" (služba).
Druhou možnosťou pridania bloku Service je použiť "/" a napísať slovo "service".
Hotovo. Takto vyzerá servisný blok s dostupnými možnosťami.
Nastavenia servisného bloku
V prvom rade si môžete vybrať rozloženie služieb, ktoré bude lepšie vyhovovať dizajnu vašej webovej stránky. V predvolenom nastavení je k dispozícii rozvrhnutie Box, v ktorom budú ikona, nadpis a popis v strede. V hornom paneli nástrojov ho môžete zmeniť na rozloženie Zoznam. Ikona sa presunie vedľa názvu a všetko bude zarovnané doľava.
Vo vnútri bloku Service sa nachádza zástupný symbol, ktorý funguje aj ako nápoveda. Budete presne vedieť, čo máte do tohto jednotlivého poľa napísať. Názov zvyčajne znamená názov služby funkcie. Text pod ním zvyčajne bližšie opisuje službu alebo vysvetľuje, prečo by si ju mal zákazník objednať.
Text môžete formátovať ako zvyčajne, môžete ho nastaviť ako tučné písmo, kurzívu alebo pridať odkaz.
Prispôsobenie bloku pomocou Inšpektora
Rozšírené nastavenia v aplikácii Inšpektor vám umožňujú upraviť blok služieb podľa vašich potrieb. Môžete zmeniť:
1. Blokové farby
- Farba pozadia
- Farba názvu
- Farba textu
2. Ikona alebo obrázok v servisnom bloku
Servisný blok štandardne zobrazuje ikony. Pomocou vyhľadávacieho panela môžete vybrať inú ikonu z výberového zoznamu. Môžete tiež zmeniť farbu ikony. Namiesto ikony môžete použiť aj akýkoľvek obrázok. Možno ho nastaviť tak, aby zodpovedal veľkosti ikony alebo aby sa zmestil do šírky boxu služby.
Ak nechcete, aby sa ikona alebo obrázok v servisnom poli zobrazovali, môžete túto funkciu úplne vypnúť (Zobraziť ikonu alebo obrázok -> Žiadne).
3. Odkaz
Ak chcete návštevníkov navigovať na inú stránku, môžete pridať odkaz do poľa služieb. Správne zvolené CTA zvyšujú počet kliknutí a mieru konverzie. Môžete jednoducho napísať "Prečítajte si viac" a vložiť adresu URL. Môžete tiež zvoliť otvorenie tohto odkazu v novej karte prehliadača.
4. Vlastná trieda CSS
Pre pokročilých používateľov WordPress je podobne ako v iných blokoch k dispozícii možnosť pridať vlastný CSS kód. Umožňuje vykonávať väčšie zmeny v dizajne bloku služieb.
Ako vytvoriť stránku Služby s viacerými službami
Ako sme už spomenuli na začiatku tohto článku, stránka Služby môže slúžiť na prezentáciu všetkých služieb na jednom mieste. Vytvorte novú stránku a vložte niekoľko blokov Služieb vedľa seba alebo za sebou. Bloky so službami môžete umiestniť kdekoľvek na základe vašich požiadaviek. Je jednoducho na vás, ako ich použijete.
Ako pridať servisnú stránku do editora blokov WordPress pomocou bloku Service?
- Ako prvé je potrebné pridať Blok stĺpcov
- Nastavenie počtu stĺpcov. Ak chcete prezentovať 3 služby, potrebujete 3 stĺpce
- Potom do každého stĺpca pridajte jeden blok služieb
Keďže každá služba je samostatný blok, správa je jednoduchá a prehľadná. Vybraný blok môžete duplikovať a použiť ho na inom mieste na stránke. Najlepšie je, že bloky služieb budú vyzerať dobre aj v responzívnej verzii na mobilných zariadeniach.
Už ste vyskúšali náš servisný blok? Ako sa vám páči? Tešíme sa na vaše prvé reakcie v komentároch nižšie.
To je skvelé. Je to na stiahnutie samostatne, ako Citadela Blocks v sekcii Plugins?
Ahoj Scottie,
ďakujem za otázku.
Service Block sa dodáva s nasledujúcim zásuvným modulom: https://www.ait-themes.club/wordpress-plugins/citadela-blocks
S pozdravom!
Zlatko
Tím AIT
Super pekné ?