डेमो: EBT ब्लॉक्स

28/09/2025, by Ivan

EBT मॉड्यूल्स का उपयोग करके आप बिना किसी HTML/CSS ज्ञान के आसानी से लैंडिंग पेज सेटअप कर सकते हैं।

Layout Builder और Drupal ब्लॉक्स के साथ उपयोग करने में आसान

EBT मॉड्यूल्स ब्लॉक टाइप्स बनाते हैं जिन्हें आप Layout Builder में उपयोग कर सकते हैं:

EBT Layout Builder

तो आप किसी भी Layout Builder पेज पर कुछ ही क्लिक में नया ब्लॉक जोड़ सकते हैं।

यहाँ Layout Builder मॉड्यूल के बारे में और जानकारी है:

https://www.drupal.org/docs/8/core/modules/layout-builder

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

ब्लॉक एडिट फॉर्म पर आपको दो टैब मिलेंगे: कंटेंट और सेटिंग्स। कंटेंट टैब में फ़ील्ड्स होंगे: शीर्षक, टेक्स्ट, चित्र आदि। सेटिंग्स टैब में EBT कॉमन सेटिंग्स "डिज़ाइन ऑप्शन्स" होंगी, जैसे कि DOM Box, और मॉड्यूल-विशिष्ट सेटिंग्स: जावास्क्रिप्ट प्लगइन सेटिंग्स, प्री-डिफ़ाइंड स्टाइल्स:

Drupal EBT block settings

DOM Box: मार्जिन, बॉर्डर, पैडिंग्स

हर EBT ब्लॉक में DOM Box सेटिंग्स होती हैं ताकि आप ब्लॉक के ऊपर और नीचे गैप्स और ब्लॉक के अंदर पैडिंग्स सेट कर सकें:

EBT Design Options

आप केवल एक साइड, दो साइड्स या सभी साइड्स पर बॉर्डर सेट कर सकते हैं। DOM Box में बॉर्डर का साइज डालना न भूलें, इसके बिना बॉर्डर दिखाई नहीं देगा।

बैकग्राउंड रंग, चित्र या वीडियो

सभी EBT ब्लॉक टाइप्स में बैकग्राउंड सेटिंग्स होती हैं। यह बैकग्राउंड रंग, चित्र और Media मॉड्यूल पर आधारित रिमोट वीडियो को सपोर्ट करता है।

EBT background image

ब्लॉक्स को बेहतर दिखाने के लिए DOM Box के साथ प्रयोग करें, अतिरिक्त पैडिंग्स, मार्जिन या बॉर्डर जोड़कर देखें। यहाँ EBT Accordion/FAQ मॉड्यूल का एक उदाहरण है:
https://www.drupal.org/project/ebt_accordion

पृष्ठभूमि वीडियो

EBT ब्लॉक्स अभी केवल YouTube पृष्ठभूमि वीडियो को सपोर्ट करते हैं।

सामान्य प्रश्न (FAQ)

प्रोग्रामर कहाँ मिलते-जुलते हैं?

Stack Overflow लाउंज में।

क्या आप मुझे एक प्रोग्रामिंग संगीत नोट दे सकते हैं?

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

Background Image Style

एज टू एज ब्लॉक्स

लैंडिंग पेजों में अक्सर हमें पूरी चौड़ाई वाला बैकग्राउंड और बीच में केंद्रित कंटेंट चाहिए होता है। EBT सेटिंग्स में आपके पास "Edge to Edge" चेकबॉक्स होता है जिससे ब्लॉक पूरे चौड़ाई वाले आउटर कंटेनर में बदल जाता है:
Edge to Edge setting

परिणाम:

सामान्य प्रश्न (FAQ)

जीवन का अर्थ क्या है?

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

सेमीकोलन गायब है।

वे कौन से दो शब्द हैं जिन्हें हर प्रोग्रामर ने सबसे पहले कोड करना सीखा?

"नमस्ते, दुनिया।"

प्रोग्रामरों ने प्रोग्राम करना कहाँ सीखा?

Stackoverflow विश्वविद्यालय में।

प्रोग्रामिंग में सुनहरा नियम क्या है?

अगर यह काम कर रहा है, तो इसे मत छुओ।

Container Max Width आपकी Edge to Edge ब्लॉक के अंदर कंटेंट की चौड़ाई को एडजस्ट करने में मदद करता है। जब हम ब्लॉक को पूरी चौड़ाई में फिट करते हैं तो हमें टेक्स्ट की चौड़ाई सेट करनी पड़ती है, कभी-कभी अलग-अलग ब्लॉक्स के लिए अलग-अलग चौड़ाई की ज़रूरत होती है। आप Container Max Width क्लासेज़ के लिए मान बदल सकते हैं। डिफ़ॉल्ट रूप से EBT निम्नलिखित कंटेनर चौड़ाई प्रदान करता है:

Auto (100%) - टेक्स्ट कंटेनर के लिए पूरी चौड़ाई
xxSmall - 280px
xSmall - 480px
Small - 780px
Default - 960px
Large - 1120px
xLarge - 1320px
xxLarge - 1600px

प्रीडिफ़ाइंड स्टाइल्स

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

Predefined styles

परिणाम:

सामान्य प्रश्न (FAQ)

एक प्रोग्रामर के रूप में, आप खुद को 10 साल बाद कहाँ देखते हैं?

कंप्यूटर के सामने बैठा हुआ, शायद प्रोग्रामिंग करता हुआ।

क्या आप प्रोग्रामरों का जीवन चार शब्दों में संक्षेप कर सकते हैं?

खाओ। सोओ। कोड करो। दोहराओ।

प्रोग्रामर जीवन का आनंद कैसे लेते हैं?

जब वे देखते हैं कि उनका कोड बिना त्रुटि के चलता है।

कंप्यूटर प्रोग्रामिंग में सबसे बड़ा झूठ क्या है?

HTML एक प्रोग्रामिंग भाषा है।

प्रीडिफ़ाइंड स्टाइल्स संभवतः आपकी साइट के लिए उपयुक्त न हों, इसलिए आप उन्हें कस्टम थीम में ओवरराइट कर सकते हैं। यदि आपको कोई बग मिलता है या स्टाइल्स या EBT मॉड्यूल्स की कार्यक्षमता के लिए सुधार सुझाना चाहते हैं तो संबंधित EBT मॉड्यूल के लिए drupal.org पर टिकट खोलने में संकोच न करें।