सर्विस ब्लॉक - AitThemes कस्टम ब्लॉक का उपयोग करके अपनी सेवाओं को हाइलाइट करें

सर्विस ब्लॉक - AitThemes कस्टम ब्लॉक का उपयोग करके अपनी सेवाओं को हाइलाइट करें

सर्विस ब्लॉक हमारा पहला ब्लॉक है जिसे हमने अपने Citadela Pro प्लगइन में जारी किया है। इस ब्लॉक की बदौलत आप अपनी सेवाओं या उत्पाद की विशेषताओं, मुख्य बिंदुओं, दृष्टिकोण या कार्य के दायरे को पूरी तरह से प्रस्तुत कर सकते हैं। वर्डप्रेस पेज या पोस्ट में सर्विस ब्लॉक जोड़कर आप कुछ तत्वों को हाइलाइट कर सकते हैं, आइकन, विवरण और सीटीए जोड़ सकते हैं। यह आप पर निर्भर करता है कि आप आगंतुकों का ध्यान केवल एक विशिष्ट सेवा की ओर आकर्षित करना चाहते हैं या कई सेवा ब्लॉकों के माध्यम से अनेक सेवाओं की ओर आकर्षित करना चाहते हैं। लेकिन चलिए शुरुआत से शुरू करते हैं।

इस लेख में हम बताएंगे:

सर्विस ब्लॉक का मुख्य उद्देश्य - सेवाओं को आकर्षक तरीके से दिखाना

आपको सर्विस ब्लॉक का उपयोग क्यों करना चाहिए इसका मुख्य उद्देश्य यह है कि यह आपको जानकारी को आकर्षक तरीके से प्रस्तुत करने में मदद करता है। यह स्पष्ट रूप से विशिष्ट समूहों को अन्य पाठ से विभाजित कर सकता है और सभी का ध्यान आकर्षित करने के लिए इसे हाइलाइट कर सकता है। लेआउट के भीतर सर्विस ब्लॉक अच्छे लगते हैं क्योंकि:

  • सामग्री को संरचित करें
  • इसे आइकनों के साथ ताज़ा करें
  • ग्राफ़िक्स और रिक्ति के साथ सेवाओं को अलग करें

उपरोक्त के लिए धन्यवाद, सर्विस ब्लॉक तुरंत आगंतुकों का ध्यान आकर्षित कर सकता है।

 सर्विस ब्लॉक के माध्यम से सेवाओं को हाइलाइट करें
यदि कंपनी की सेवाओं या उत्पादों को प्रस्तुत करने के लिए सर्विस ब्लॉक हों तो सामग्री बहुत बेहतर दिखती है

वेबसाइट पर बेहतर नेविगेशन

क्योंकि सेवा पर प्रकाश डाला गया है, इससे वेबसाइट की आंखों की स्कैनिंग बहुत आसान हो जाएगी। भले ही ग्राहक आपकी वेबसाइट पर केवल स्क्रॉल करेंगे, फिर भी वे आपके द्वारा दी जाने वाली सेवाओं से नहीं चूकेंगे।

यदि आप अपनी सेवा में URL जोड़ते हैं, तो इसे CTA के साथ नेविगेशन बॉक्स के रूप में उपयोग किया जा सकता है। इससे ग्राहक अधिक जानने या सेवा ऑर्डर करने के लिए बॉक्स पर क्लिक करेंगे।

सुविधाएँ प्रस्तुत करने के लिए सर्विस ब्लॉक का उपयोग किया जाता है

सर्विस ब्लॉक का उपयोग आपके द्वारा पेश किए जाने वाले उत्पाद या सेवा की विशेषताओं को उजागर करने के लिए भी किया जा सकता है। इसका मतलब है कि प्रत्येक व्यक्तिगत सेवा ब्लॉक एक विशेष सुविधा प्रस्तुत करेगा। यह चित्रमय प्रतिनिधित्व दिए गए उत्पाद के प्रमुख गुणों को सामने ला सकता है। यह ध्यान में रखते हुए कि आगंतुक बहुत सारा पाठ नहीं पढ़ना चाहते।

सर्विस ब्लॉक का उपयोग फीचर बॉक्स के रूप में किया जाता है
उत्पाद सुविधाओं पर ज़ोर देने के लिए सर्विस ब्लॉक को फ़ीचर बॉक्स के रूप में उपयोग करें

सर्विस ब्लॉक का उपयोग कहां किया जा सकता है

सर्विस ब्लॉक का उपयोग पोस्ट और पेजों के अंदर किया जा सकता है - वास्तव में हर जगह जहां आपको इसकी आवश्यकता होती है। इसका उपयोग होमपेज पर करना अच्छा है जो आमतौर पर वेबसाइट आगंतुकों के साथ पहला संपर्क होता है। चूँकि सर्विस ब्लॉक आसानी से आगंतुकों का ध्यान आकर्षित कर सकता है, इसलिए हम सबसे अधिक देखे जाने वाले पृष्ठों पर सेवाओं का उपयोग करने की सलाह देते हैं।

सर्विस ब्लॉक का उपयोग समर्पित सेवा पेज पर किया जा सकता है, जिस पर होमपेज के समान ही विज़िटरों की संख्या अधिक होती है। आप अपने द्वारा दी जाने वाली सभी सेवाओं को एक ही स्थान पर प्रस्तुत कर सकते हैं।

हम बाद में सेवा पृष्ठ बनाने के तरीके के बारे में बात करेंगे।

वर्डप्रेस थीम के साथ संगतता

सर्विस ब्लॉक का मुख्य लाभ यह है कि यह उन सभी वर्डप्रेस थीम के लिए उपलब्ध है जो वर्डप्रेस ब्लॉक एडिटर (गुटेनबर्ग) का समर्थन करते हैं। इसका मतलब है कि आप इसे हमारी थीम या किसी तीसरे पक्ष की थीम जैसे अवाडा या डिवी पर उपयोग कर सकते हैं। एक चीज़ जो आपको चाहिए वह है Citadela Pro प्लगइन इंस्टॉल करना।

अपनी वेबसाइट पर सर्विस ब्लॉक कैसे जोड़ें

जैसा कि हमने पहले ही बताया है कि एडिटर में सर्विस ब्लॉक जोड़ने के लिए आपको Citadela ब्लॉक प्लगइन की आवश्यकता होगी। प्लगइन सक्रियण के बाद, ब्लॉक स्वचालित रूप से वर्डप्रेस संपादक में जुड़ जाएगा।

सर्विस ब्लॉक को शीर्ष बार में या संपादक के अंदर कहीं भी "+" प्रतीक पर क्लिक करके जोड़ा जा सकता है। उसके बाद बस "सेवा" शब्द का उपयोग करके दिए गए ब्लॉक को खोजें।

“+” पर क्लिक करके वर्डप्रेस एडिटर में सर्विस ब्लॉक जोड़ें
"+" पर क्लिक करके सर्विस बॉक्स जोड़ना

सर्विस ब्लॉक जोड़ने का दूसरा विकल्प "/" का उपयोग करना और "सेवा" शब्द लिखना है।

स्लैश "/" के साथ सर्विस ब्लॉक डालें
स्लैश "/" का उपयोग करके सर्विस ब्लॉक डालें

पूर्ण। उपलब्ध विकल्पों के साथ सर्विस ब्लॉक इस तरह दिखता है।

सर्विस ब्लॉक बनाया गया
सर्विस ब्लॉक इस तरह दिखता है

सर्विस ब्लॉक सेटिंग्स

पहली चीज़ के रूप में आप सेवा लेआउट चुन सकते हैं जो आपकी वेबसाइट डिज़ाइन के लिए बेहतर अनुकूल होगा। डिफ़ॉल्ट रूप से बॉक्स लेआउट है, जो आइकन, शीर्षक और विवरण को केंद्र में रखेगा। आप इसे शीर्ष टूलबार में सूची लेआउट में बदल सकते हैं। आइकन को शीर्षक के बगल में ले जाया जाएगा और सब कुछ बाईं ओर संरेखित किया जाएगा।

बॉक्स लेआउट को सूची लेआउट में बदलना
एक साधारण क्लिक में अपने सर्विस ब्लॉक के लिए लेआउट कॉन्फ़िगर करें

सर्विस ब्लॉक के अंदर एक प्लेसहोल्डर होता है, जो संकेत के रूप में भी काम करता है। आपको ठीक-ठीक पता चल जाएगा कि उस व्यक्तिगत बॉक्स में क्या लिखना है। शीर्षक का अर्थ आमतौर पर सुविधा की सेवा का नाम होता है। नीचे दिया गया पाठ आमतौर पर सेवा का अधिक वर्णन करता है या बताता है कि ग्राहक को इसका ऑर्डर क्यों देना चाहिए।

टेक्स्ट को हमेशा की तरह फ़ॉर्मेट किया जा सकता है, आप इसे बोल्ड, इटैलिक सेट कर सकते हैं या एक लिंक जोड़ सकते हैं।

इंस्पेक्टर का उपयोग करके ब्लॉक अनुकूलन

इंस्पेक्टर में उन्नत सेटिंग्स आपको सर्विस ब्लॉक को अपनी आवश्यकताओं के अनुसार संशोधित करने की अनुमति देती है। तुम बदल सकते हो:

1. ब्लॉक रंग

  • पृष्ठभूमि का रंग
  • शीर्षक का रंग
  • पाठ का रंग
सर्विस ब्लॉक का रंग बदला
अपने ब्लॉक का रंग बदलकर उसे अनुकूलित करें

2. सर्विस ब्लॉक में आइकन या छवि

सर्विस ब्लॉक डिफ़ॉल्ट रूप से आइकन प्रदर्शित करता है। आप सर्च बार का उपयोग करके पिकर से अलग आइकन चुन सकते हैं। आप आइकन का रंग भी बदल सकते हैं. आइकन की जगह आप किसी इमेज का भी इस्तेमाल कर सकते हैं. इसे आइकन आकार से मेल खाने या सर्विस बॉक्स की चौड़ाई में फिट करने के लिए सेट किया जा सकता है।

सर्विस ब्लॉक इंस्पेक्टर में आइकन और छवि विकल्प
चुनें कि आप ब्लॉक के अंदर क्या प्रदर्शित करना चाहते हैं - आइकन या एक छवि?

यदि आप सर्विस बॉक्स के अंदर आइकन या छवि प्रदर्शित नहीं करना चाहते हैं, तो आप इस सुविधा को पूरी तरह से बंद कर सकते हैं (आइकन या छवि दिखाएं -> कोई नहीं)।

3. लिंक

विज़िटर्स को दूसरे पेज पर ले जाने के लिए, आप सर्विस बॉक्स में लिंक जोड़ सकते हैं। सही ढंग से चुने गए CTA से क्लिकों की संख्या और रूपांतरण दर में वृद्धि होती है। आप बस "और पढ़ें" लिख सकते हैं और यूआरएल डाल सकते हैं। आप इस लिंक को नए ब्राउज़र टैब में खोलना भी चुन सकते हैं।

सर्विस ब्लॉक में यूआरएल लिंक डालें
कॉल-टू-एक्शन संदेश बनाने के लिए URL डालें

4. कस्टम सीएसएस क्लास

उन्नत वर्डप्रेस उपयोगकर्ताओं के लिए, अन्य ब्लॉकों की तरह, स्वयं का सीएसएस कोड जोड़ने का विकल्प उपलब्ध है। यह आपको सर्विस ब्लॉक डिज़ाइन में बड़े बदलाव करने की अनुमति देता है।

एकाधिक सेवाओं के साथ सेवा पृष्ठ कैसे बनाएं

जैसा कि हमने इस लेख की शुरुआत में बताया था, सेवा पृष्ठ का उपयोग सभी सेवाओं को एक ही स्थान पर प्रस्तुत करने के लिए किया जा सकता है। एक नया पेज बनाएं और एक साथ या एक के बाद एक कई सर्विस ब्लॉक डालें। सेवाओं वाले ब्लॉक आपकी आवश्यकताओं के आधार पर कहीं भी रखे जा सकते हैं। यह बस आप पर निर्भर है कि आप इसका उपयोग कैसे करते हैं।

सर्विस ब्लॉक का उपयोग करके वर्डप्रेस ब्लॉक एडिटर में सर्विस पेज कैसे जोड़ें?

  • सबसे पहली चीज़ के रूप में आपको जोड़ना होगा कॉलम ब्लॉक
  • स्तंभों की संख्या निर्धारित करें. यदि आप 3 सेवाएँ प्रस्तुत करना चाहते हैं, तो आपको 3 कॉलम की आवश्यकता होगी
  • उसके बाद प्रत्येक कॉलम में एक सर्विस ब्लॉक जोड़ें
अधिक सेवा ब्लॉकों द्वारा सेवा पृष्ठ बनाया गया
3 सर्विस ब्लॉक कॉलम ब्लॉक में नेस्टेड हैं

चूँकि प्रत्येक सेवा एक व्यक्तिगत ब्लॉक है, प्रशासन सरल और स्पष्ट है। आप चयनित ब्लॉक को डुप्लिकेट कर सकते हैं और इसे अपने पेज पर कहीं और उपयोग कर सकते हैं। सबसे अच्छी बात यह है कि सर्विस ब्लॉक मोबाइल डिवाइस पर रिस्पॉन्सिव वर्जन में भी अच्छे दिखेंगे।

क्या आपने पहले ही हमारा सर्विस ब्लॉक आज़मा लिया है? आप इसे कैसे पाते हें? हम नीचे टिप्पणियों में आपकी पहली प्रतिक्रिया देखने के लिए उत्सुक हैं।

"Highlight your services using Service block – AitThemes Custom block" पर 3 विचार

    1. हैलो स्कॉटी,

      पूछने के लिए धन्यवाद।
      सर्विस ब्लॉक निम्नलिखित प्लगइन के साथ आता है: https://www.ait-themes.club/wordpress-plugins/citadela-blocks

      साभार!
      ज़्लात्को
      एआईटी टीम

टिप्पणियाँ बंद हैं।