सर्वश्रेष्ठ मूल वर्डप्रेस ब्लॉक [त्वरित अवलोकन]

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

जब वर्डप्रेस ने 2018 में नए गुटेनबर्ग संपादक की घोषणा की थी तो हम इसे लेकर उत्साहित थे। अब कुछ वर्षों के बाद हम एक बड़ा सुधार देख रहे हैं। वेबसाइट बनाने के लिए गुटेनबर्ग वर्डप्रेस एडिटर एक बेहतरीन टूल है।

गुटेनबर्ग संपादक के लिए ये सभी मानक वर्डप्रेस ब्लॉक हमारे नवीनतम प्रोजेक्ट में पूरी तरह कार्यात्मक हैं मुक्त Citadela वर्डप्रेस थीम. कृपया आप इसे किसी भी वेबसाइट पर उपयोग कर सकते हैं खाता बनाएं और इसे निःशुल्क डाउनलोड करें।

साथ AitThemes Citadela प्लगइन्स, आप किसी कंपनी, व्यवसाय, ब्लॉग या गैर-लाभकारी वेबसाइट प्रस्तुति के लिए विशिष्ट सामग्री बना सकते हैं। या फिर एक नया ऑनलाइन व्यवसाय भी शुरू करें। वेबसाइट की गति और वेबसाइट संपादन में आसानी सबसे महत्वपूर्ण कारक हैं।

ब्लॉक क्या है?

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

लेकिन आप सबसे उपयुक्त ब्लॉक कैसे ढूंढते हैं जो आपके इरादे के अनुकूल हो?

वर्डप्रेस ब्लॉक को बेहतर ढंग से समझने में आपकी मदद के लिए, हमने सबसे लोकप्रिय ब्लॉकों का यह अवलोकन तैयार किया है।

पाठ्य सामग्री ब्लॉक

ऐसे कई ब्लॉक हैं, जिनका उपयोग आप अपनी वेबसाइट पर टेक्स्ट सामग्री डालने के लिए कर सकते हैं। आप कई ब्लॉक का उपयोग कर सकते हैं. वर्डप्रेस 5.4 से एक नई सेटिंग है, आप टेक्स्ट का रंग बदल सकते हैं।

• अनुच्छेद
• शीर्षक
• उद्धरण
• सूची
• पुलकोट
• मेज
• कविता
• पूर्वस्वरूपित

इसके अलावा, आप क्लासिक ब्लॉक का उपयोग करते हैं जो लंबे पैराग्राफ के लिए आसान हो सकता है।

बटन ब्लॉक

बटन ब्लॉक के साथ वर्डप्रेस में एक आकर्षक CTA बटन बनाना बहुत आसान हो गया है। आपको कस्टम सीएसएस दर्ज करने या HTML समझने की आवश्यकता नहीं है। बटन को अच्छा और आकर्षक दिखाने के लिए आप अपने पसंदीदा रंग का हेक्साडेसिमल कोड दर्ज कर सकते हैं - लेकिन ऐसा करना ज़रूरी नहीं है।

बटन ब्लॉक का उपयोग कहां करें?

एक बार जब वेब विज़िटर आपकी वेबसाइट पर आ जाता है, तो आप उन्हें कार्रवाई करने के लिए प्रोत्साहित करना चाहते हैं। सीटीए बटन इसी के लिए हैं।

सामान्य तौर पर, 3 स्थान हैं जहां आपको वर्डप्रेस बटन ब्लॉक का उपयोग करना चाहिए:

• होमपेज - ऐसी कार्रवाई पूरी करने के लिए जो आपके लक्ष्य को पूरा करेगी, जैसे न्यूज़लेटर के लिए साइन अप करें, विशेष ऑफ़र सौदे की खोज करें या निःशुल्क परीक्षण के लिए पंजीकरण करें।
• उत्पाद पृष्ठ - इस पर निर्भर करते हुए कि आपका उत्पाद पृष्ठ किस प्रकार लीड है, इसमें 1 सीटीए बटन (खरीदें) या अधिक बटन हो सकते हैं, उदाहरण के लिए उत्पाद विवरण, खरीदें, इच्छा सूची में जोड़ें, आदि।
• ब्लॉग - सीटीए बटन किसी अन्य उपयोगी लेख या आपके उत्पाद/सेवा की खरीद को संदर्भित कर सकते हैं।

बटन ब्लॉक सेटिंग्स

इंस्पेक्टर में, दाईं ओर, आप आसानी से अपने बटन की सेटिंग्स प्रबंधित कर सकते हैं:

• शैली
• पृष्ठभूमि का रंग
• लिपि का रंग
• सीमा

आपके सीटीए बटन में लिखा गया टेक्स्ट छोटा और सीधा होना चाहिए, जिससे आप अपने वेब विज़िटर्स से जो कार्रवाई करवाना चाहते हैं उसे प्रोत्साहित किया जा सके।

अगले वर्डप्रेस 5.4 संस्करण में समाचार आ रहा है (रिलीज़ 31 मार्च 2020)

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

कॉलम ब्लॉक

कॉलम ब्लॉक एक अद्भुत वर्डप्रेस ब्लॉक है जो नए लेआउट के लिए दरवाजे खोलता है। यह आपको पृष्ठ तत्वों की व्यवस्था के अधिक विकल्प देता है जिसके परिणामस्वरूप अधिक डिज़ाइन विकल्प मिलते हैं।

कॉलम ब्लॉक के साथ काम करना आसान है:

• कोई अतिरिक्त प्लगइन इंस्टालेशन नहीं.
• कोई कोडिंग आवश्यक नहीं है.
• साफ-सुथरे डिजाइन के लिए आपको बस थोड़ी समझ की जरूरत है।

वर्डप्रेस ब्लॉक एडिटर के रिलीज़ होने से पहले आपको जो पिछली परेशानियों से गुजरना पड़ा था, उसकी तुलना में, कॉलम वर्डप्रेस ब्लॉक का उपयोग करना बहुत आसान है।

कॉलम ब्लॉक का उपयोग कैसे करें?

जैसा कि ऊपर बताया गया है, कॉलम ब्लॉक का उपयोग 2 तरीकों से किया जा सकता है:

• अपने टेक्स्ट के प्रवाह को व्यवस्थित करने के लिए (ब्लॉग पोस्ट में या नियमित पेज पर)।
• अन्य ब्लॉकों को स्तंभों में व्यवस्थित करना।

टेक्स्ट को कॉलम में व्यवस्थित करते समय, उदाहरण के लिए ब्लॉग पोस्ट में, आप पठनीयता बढ़ा रहे हैं और अपनी वेबसाइट को अधिक पारदर्शी और उपयोगकर्ता के अनुकूल बना रहे हैं।

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

कॉलम ब्लॉक सेटिंग्स

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

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

कवर ब्लॉक

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

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

कवर ब्लॉक का उपयोग कहां करें?

जैसा कि ऊपर बताया गया है, कवर ब्लॉक का उपयोग आपके किसी भी पेज पर किया जा सकता है। इसके अलावा, इसे आपकी वेबसाइट के शीर्ष पर लगे हेडर के विपरीत, पृष्ठ पर कहीं भी जोड़ा जा सकता है।

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

• मुखपृष्ठ सहित किसी भी पृष्ठ का शीर्षलेख।
• उत्पाद पृष्ठ पर उपयोग किए गए टेक्स्ट द्वारा ओवरराइट की गई छवि या वीडियो।
• ब्लॉग पोस्ट में सामग्री विभाजक.

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

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

आप ब्लॉक का संरेखण चुन सकते हैं, और निश्चित रूप से, उसके भीतर पाठ का संरेखण भी चुन सकते हैं।

कवर ब्लॉक संरेखण निम्नलिखित विकल्प प्रदान करता है:

• बाये को करी
• मध्य में संरेखित करें
• सही संरेखित
• अत्यधिक चौड़ाई
• पूरी चौड़ाई

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

वर्डप्रेस 5.4 से आप ठोस पृष्ठभूमि के बजाय ग्रेडिएंट पृष्ठभूमि चुन सकते हैं।

गैलरी ब्लॉक

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

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

गैलरी ब्लॉक का उपयोग कहां करें?

अपनी वेबसाइट के प्रकार के आधार पर, आप एक जटिल फोटो गैलरी या सरल छवि प्रस्तुति बनाना चाह सकते हैं। आप गैलरी ब्लॉक का उपयोग यहां कर सकते हैं:

• आपका मुखपृष्ठ
• आपकी फोटो गैलरी के एल्बम के रूप में बनाए गए अलग-अलग उपपृष्ठ
• उत्पाद पृष्ठ
• ब्लॉग भेजा

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

गैलरी ब्लॉक के विभिन्न संरेखण विकल्पों के अलावा, इस ब्लॉक के भीतर कुछ दिलचस्प विकल्प हैं, जैसे:

• उन स्तंभों की संख्या जिनमें छवियाँ पंक्तिबद्ध हैं।
• समान आकार (सबसे छोटी छवि) से मेल खाने के लिए छवि को क्रॉप करना।
• हाइपरलिंक आपको किसी अन्य पेज या मीडिया फ़ाइल से लिंक करने का विकल्प देता है।

छवि ब्लॉक

इमेज ब्लॉक और कुछ नहीं बल्कि आपकी वेबसाइट पर एक छवि प्रदर्शित करने वाला ब्लॉक है।

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

इमेज ब्लॉक का उपयोग कब करें?

छवि ब्लॉक का उपयोग विशेष रूप से तब किया जाना चाहिए जब छवि पर प्रदर्शित वस्तु आपके वेब विज़िटर के लिए विशेष रूप से महत्वपूर्ण हो जिसे आप चाहते हैं:

• एक विशिष्ट छवि के साथ वेब विज़िटर का ध्यान आकर्षित करें।
• कैप्शन के साथ छवि प्रदर्शित करें.
• इन्फोग्राफिक्स दिखाएं जो आगंतुकों को चर्चा किए गए मामले को बेहतर ढंग से समझने में मदद करते हैं।

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

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

एक अन्य महत्वपूर्ण विकल्प वैकल्पिक पाठ, कैप्शन और लिंक के लिए इनपुट फ़ील्ड है। मैं इन क्षेत्रों का उपयोग करने की पुरजोर अनुशंसा करता हूं क्योंकि वे ऑन पेज एसईओ में महत्वपूर्ण भूमिका निभाते हैं।

मीडिया और टेक्स्ट ब्लॉक

आइए अधिक उन्नत पेज लेआउट पर चलते हैं जिन्हें आप मीडिया और टेक्स्ट ब्लॉक का उपयोग करके बना सकते हैं। यह कोर वर्डप्रेस ब्लॉक आपको मीडिया और टेक्स्ट को एक साथ सौंदर्यपूर्ण और प्रासंगिक तरीके से संयोजित करने की अनुमति देता है।

मीडिया और टेक्स्ट ब्लॉक का उपयोग कहां करें?

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

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

मीडिया और टेक्स्ट ब्लॉक के लाभ

• ऐसी छवि और पाठ को एक साथ लाना जो प्रासंगिक रूप से एक-दूसरे के साथ फिट हो।
• ब्लॉगपोस्ट में छवि के गलत स्थान से बचना।
• साइट की प्रतिक्रियाशीलता में सहायता करना ("स्टैक ऑन मोबाइल" फ़ंक्शन का उपयोग करें)।

मीडिया और टेक्स्ट ब्लॉक सेटिंग्स

मीडिया और टेक्स्ट ब्लॉक की सेटिंग को देखते समय, आपको कुछ संरेखण विकल्प दिखाई देंगे, उनमें से कुछ अधिकांश अन्य ब्लॉकों की तुलना में अद्वितीय हैं।

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

वर्डप्रेस संस्करण 5.4 (31.3.2020) से एक लिंक डालें. आप लिंक, मीडिया फ़ाइल या अनुलग्नक पृष्ठ में से चुन सकते हैं।

टेबल ब्लॉक

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

टेबल ब्लॉक का उपयोग कहाँ करें?

उपयोगी सामग्री को सुव्यवस्थित और पारदर्शी तरीके से उपलब्ध कराने में तालिकाएँ बहुत बड़ी भूमिका निभाती हैं। निश्चित रूप से, अधिकांश वेबसाइटों ने तालिकाओं का उपयोग किया है। यहां विभिन्न वेबसाइटों पर तालिकाओं का उपयोग करने के कुछ उदाहरण दिए गए हैं:

• डेटा तुलना
• मूल्य निर्धारण तालिकाएँ
• उत्पाद तकनीकी विवरण
• व्यंजनों
• सदस्यता पैकेज का अवलोकन

मुफ़्त वर्डप्रेस कोर के हिस्से के रूप में टेबल ब्लॉक का होना वास्तव में आश्चर्यजनक है।

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

जब आप पृष्ठ में एक टेबल ब्लॉक सम्मिलित करते हैं, तो आपको अपनी तालिका के कई कॉलम और पंक्तियों को परिभाषित करने की आवश्यकता होती है। चिंता न करें, यह संख्या निश्चित नहीं है। आप किसी भी समय अधिक पंक्तियाँ और कॉलम जोड़ सकते हैं (या उन्हें हटा सकते हैं)।

फिर, अपनी तालिका की एक शैली चुनें: डिफ़ॉल्ट या धारियाँ। संरेखण और फ़ॉन्ट शैली पर आगे बढ़ें और अंत में, अपनी तालिका में अंतिम स्पर्श जोड़ने से पहले उसे भरें।

अधिक विकल्पों में शामिल हैं:

• पृष्ठभूमि का रंग
• निश्चित चौड़ाई वाली कोशिकाएँ
• हैडर
• फ़ुटबाल
• लिंक (तालिका में पाठ प्रविष्टि अन्य पृष्ठों से लिंक हो सकती है)

आप अगला कौन सा ब्लॉक देखना चाहेंगे?

आशा है कि आपको हमारे बहुत उपयोगी वर्डप्रेस कोर ब्लॉक के चयन के बारे में पढ़ने में मज़ा आया - जो सभी के लिए मुफ्त में उपलब्ध है। कृपया, हमें बताएं कि आप आगे किन ब्लॉकों के बारे में पढ़ना चाहेंगे या आपको वर्डप्रेस कोर में कौन सी कार्यक्षमताएं अभी भी गायब लगती हैं। पढ़ने के लिए धन्यवाद!