Emelje ki szolgáltatásait a Szolgáltatás blokk használatával - AitThemes Custom block

Emelje ki szolgáltatásait a Szolgáltatás blokk használatával - AitThemes Custom block

A Service blokk a legelső blokkunk, amelyet az Citadela Pro pluginban adtunk ki. Ennek a blokknak köszönhetően tökéletesen bemutathatja szolgáltatásait vagy termékjellemzőit, főbb pontjait, elképzeléseit vagy munkaterületét. A Szolgáltatás blokk hozzáadásával a WordPress oldalhoz vagy bejegyzéshez kiemelhet bizonyos elemeket, hozzáadhat ikont, leírást és CTA-t. Önön múlik, hogy a látogatók figyelmét csak egy adott szolgáltatásra vagy több szolgáltatásra szeretné felhívni több szolgáltatásblokk segítségével. De kezdjük az elején.

Ebben a cikkben elmagyarázzuk:

A szolgáltatási blokk fő célja - a szolgáltatások vonzó módon történő megjelenítése

A fő ok, amiért érdemes a szolgáltatásblokkot használni, az az, hogy segít az információk vonzó módon történő bemutatásában. Egyértelműen elkülöníthet bizonyos csoportokat a többi szövegtől, és kiemelheti azokat, hogy mindenki figyelmét felkeltse. A szolgáltatásblokkok jól mutatnak az elrendezésben, mert:

  • Tartalom strukturálása
  • Frissítse ikonokkal
  • Szolgáltatások elkülönítése grafikával és térközökkel

A fentieknek köszönhetően a szervizblokk gyorsan felkeltheti a látogatók figyelmét.

 Szolgáltatások kiemelése a szolgáltatási blokk segítségével
A tartalom sokkal jobban néz ki, ha vannak Szolgáltatási blokkok a cég szolgáltatásainak vagy termékeinek bemutatására.

Jobb navigáció a weboldalon

Mivel a szolgáltatás kiemelve van, ez megkönnyíti a weboldal szemmel történő átvizsgálását. Még ha az ügyfél csak végig is görget a weboldalán, nem fog lemaradni az Ön által kínált szolgáltatásokról.

Ha URL-t adsz hozzá a szolgáltatásodhoz, akkor azt navigációs dobozként használhatod CTA-val. Ez arra készteti az ügyfeleket, hogy a dobozra kattintva többet tudjanak meg, vagy megrendeljenek egy szolgáltatást.

Szolgáltatási blokk a funkciók bemutatására

A szolgáltatásblokk arra is használható, hogy kiemelje az Ön által kínált termék vagy szolgáltatás jellemzőit. Ez azt jelenti, hogy minden egyes szolgáltatásblokk egy adott funkciót mutat be. Ez a grafikus ábrázolás kiemelheti az adott termék legfontosabb tulajdonságait. Szem előtt tartva, hogy a látogatók nem akarnak sok szöveget olvasni.

Feature boxként használt szervizblokk
Használja a szolgáltatás blokkot Feature boxként a termékjellemzők hangsúlyozására

Hol használható a szervizblokk

A szolgáltatásblokk használható posztokon és oldalakon belül - valójában mindenhol, ahol szükség van rá. Jó, ha a kezdőlapon használod, amely általában az első kapcsolatfelvétel a weboldal látogatóival. Mivel a szolgáltatásblokk könnyen megragadhatja a látogatók figyelmét, javasoljuk, hogy a szolgáltatásokat a leglátogatottabb oldalakon használja.

A szolgáltatási blokkok dedikált szolgáltatási oldalon használhatók, amely hasonlóan magas látogatószámmal rendelkezik a honlaphoz. Egy helyen mutathatja be az összes általa kínált szolgáltatást.

A Szolgáltatások oldal létrehozásának módjáról később fogunk beszélni.

Kompatibilitás a WordPress témákkal

A Service blokk fő előnye, hogy minden olyan WordPress téma számára elérhető, amely támogatja a WordPress blokkszerkesztőt (Gutenberg). Ez azt jelenti, hogy használhatod a témánkban vagy bármely 3rd party témában, például az Avada vagy a Divi témában. Az egyetlen dolog, amire szükséged van, az az Citadela Pro plugin telepítése.

Hogyan adhat hozzá szolgáltatás blokkot a weboldalához

Mint már említettük, a szolgáltatás blokk hozzáadásához a szerkesztőhöz szüksége van az Citadela Blocks pluginra. A plugin aktiválása után a blokk automatikusan hozzáadódik a WordPress szerkesztőhöz.

A szolgáltatásblokkot a "+" szimbólumra kattintva lehet hozzáadni a felső sávban vagy bárhol a szerkesztőben. Ezután csak keresse meg az adott blokkot a "Service" kifejezéssel.

Szolgáltatás blokk hozzáadása a WordPress szerkesztőhöz a "+" gombra kattintva
Szolgáltatásdoboz hozzáadása a "+" gombra kattintva

A második lehetőség a szolgáltatás blokk hozzáadásához a "/" használata és a "service" szó beírása.

Szervizblokk beillesztése "/" kötőjellel
Szolgáltatási blokk beillesztése a "/" átlóval

Kész. Így néz ki a Szolgáltatás blokk a rendelkezésre álló beállításokkal.

Létrehozott szolgáltatás blokk
Így néz ki a Service block

Szolgáltatási blokk beállításai

Első lépésként választhat olyan szolgáltatási elrendezést, amely jobban illeszkedik a weboldal kialakításához. Alapértelmezés szerint a Box elrendezés van, amely a középpontban az ikont, a címet és a leírást helyezi el. Ezt a felső eszköztárban listás elrendezésre módosíthatja. Az ikon a cím mellé kerül, és minden balra lesz igazítva.

Box elrendezés listás elrendezésre váltása
A szolgáltatásblokk elrendezésének konfigurálása egyetlen egyszerű kattintással

A Service blockon belül van egy helyőrző, amely egyben utalásként is működik. Pontosan tudni fogja, hogy mit kell írnia abba az egyedi mezőbe. A cím általában a funkció szolgáltatásának nevét jelenti. Az alatta lévő szöveg általában a szolgáltatás további leírását tartalmazza, vagy elmagyarázza, hogy az ügyfélnek miért kell megrendelnie azt.

A szöveget a szokásos módon lehet formázni, félkövérre, dőlt betűre vagy linket adhat hozzá.

Blokkok testreszabása az Ellenőr segítségével

Az Inspector speciális beállításai lehetővé teszik, hogy a szolgáltatásblokkot az Ön igényei szerint módosítsa. Módosíthatja:

1. Blokk színek

  • Háttérszín
  • Cím szín
  • Szöveg színe
Szervizblokk színváltás
Testre szabhatja blokkját a színének megváltoztatásával

2. Ikon vagy kép a szolgáltatási blokkban

A szolgáltatásblokk alapértelmezés szerint ikonokat jelenít meg. A keresősáv segítségével különböző ikonokat választhat a kiválasztóból. Az ikonok színét is megváltoztathatja. Az ikon helyett bármilyen képet is használhat. Beállítható, hogy megfeleljen az ikon méretének, vagy illeszkedjen a szervizdoboz szélességéhez.

Ikon és kép opciók a Szolgáltatásblokk-ellenőrzőben
Válassza ki, hogy mit szeretne megjeleníteni a blokkban - ikont vagy képet?

Ha nem szeretné, hogy ikon vagy kép jelenjen meg a szolgáltatásdobozon belül, akkor ezt a funkciót teljesen kikapcsolhatja (Ikon vagy kép megjelenítése -> Nincs).

3. Link

A látogatók másik oldalra navigálásához linket adhat a szolgáltatásdobozba. A helyesen kiválasztott CTA növeli a kattintások számát és a konverziós arányt. Egyszerűen írhatja, hogy "Olvass tovább", és beillesztheti az URL-t. Azt is kiválaszthatja, hogy ez a link egy új böngészőfülben nyíljon meg.

URL-link beillesztése a szolgáltatási blokkba
URL beillesztése a call-to-action üzenet létrehozásához

4. Egyéni CSS osztály

A haladó WordPress felhasználók számára, mint más blokkokban elérhető lehetőség, hogy saját CSS kódot adjon hozzá. Ez lehetővé teszi, hogy nagyobb változtatásokat hajtson végre a szolgáltatási blokk kialakításában.

Hogyan hozzunk létre több szolgáltatást tartalmazó Szolgáltatások oldalt

Ahogy a cikk elején említettük, a Szolgáltatások oldal használható az összes szolgáltatás egy helyen történő bemutatására. Hozzon létre egy új oldalt, és illesszen be több Szolgáltatás blokkot egymás mellé vagy egymás után. A szolgáltatásokat tartalmazó blokkok az Ön igényei alapján bárhol elhelyezhetők. Egyszerűen csak rajtad múlik, hogyan használod.

Hogyan adjunk hozzá szolgáltatási oldalt a WordPress blokkszerkesztőben a szolgáltatási blokk használatával?

  • Az első dolog, amit hozzá kell adni Oszlopok blokk
  • Az oszlopok számának beállítása. Ha 3 szolgáltatást szeretne bemutatni, akkor 3 oszlopra van szüksége.
  • Ezután adjunk hozzá egy-egy Service blokkot minden oszlopba
Több szolgáltatási blokk által létrehozott szolgáltatási oldal
3 Szolgáltatási blokkok a Columns blokkba ágyazva

Mivel minden egyes szolgáltatás egy különálló blokk, az adminisztráció egyszerű és egyértelmű. A kiválasztott blokkot megduplázhatja, és máshol is használhatja az oldalán. A legjobb dolog az, hogy a szolgáltatásblokkok mobileszközökön reszponzív változatban is jól fognak kinézni.

Kipróbálta már a szervizblokkunkat? Hogy tetszik? Várjuk első reakcióit az alábbi hozzászólásokban.

3 gondolat a következőről: „Highlight your services using Service block – AitThemes Custom block

  1. Ez nagyszerű. Ez egy különálló letöltés, mint az Citadela Blocks a Plugins szekcióban?

    1. Helló Scottie,

      köszönöm a kérdést.
      A Service Block a következő pluginnal érkezik: https://www.ait-themes.club/wordpress-plugins/citadela-blocks

      Üdvözlettel!
      Zlatko
      AIT csapat

Hozzászólások lezárva.