logo

एक्स्ट्रा ब्लॉक टाइप्स (EBT) - नया लेआउट बिल्डर अनुभव❗

एक्स्ट्रा ब्लॉक टाइप्स (EBT) - स्टाइलिश, कस्टमाइज़ेबल ब्लॉक टाइप्स: स्लाइडशो, टैब्स, कार्ड्स, एकॉर्डियन्स और कई अन्य। बैकग्राउंड, DOM बॉक्स, जावास्क्रिप्ट प्लगइन्स के लिए बिल्ट-इन सेटिंग्स। आज ही लेआउट बिल्डिंग का भविष्य अनुभव करें।

डेमो EBT मॉड्यूल्स EBT मॉड्यूल्स डाउनलोड करें

❗एक्स्ट्रा पैराग्राफ टाइप्स (EPT) - नया पैराग्राफ्स अनुभव

एक्स्ट्रा पैराग्राफ टाइप्स (EPT) - एनालॉजिकल पैराग्राफ आधारित मॉड्यूल्स का सेट।

डेमो EPT मॉड्यूल्स EPT मॉड्यूल्स डाउनलोड करें

स्क्रॉल

डेमो: EPT पैराग्राफ्स

24/09/2025, by Ivan

EPT Documentation

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

पैराग्राफ्स के साथ इस्तेमाल करना आसान

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

Create EPT Paragraphs

इसलिए आप पेज पर कुछ क्लिक में नया पैराग्राफ जोड़ सकते हैं।

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

https://www.drupal.org/docs/contributed-modules/paragraphs

पैराग्राफ कंटेंट और सेटिंग्स

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

EPT Design Options

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

प्रत्येक EPT पैराग्राफ में DOM बॉक्स सेटिंग्स होती हैं ताकि पैराग्राफ के ऊपर और नीचे गैप और पैराग्राफ के अंदर पैडिंग सेट की जा सके:

Drupal EPT DOM Box

 

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

बैकग्राउंड रंग, इमेज या वीडियो

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

चित्र

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

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

EPT मॉड्यूल्स फिलहाल केवल YouTube बैकग्राउंड वीडियो को सपोर्ट करते हैं।

प्रोग्रामर कहाँ इकट्ठा होते हैं?

स्टैक ओवरफ्लो लाउंज में।

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

C#

बैकग्राउंड इमेज स्टाइल फील्ड में, आप चुन सकते हैं कि बैकग्राउंड इमेज कैसे व्यवहार करेगी। यदि आपकी इमेज बहुत छोटी है, तो "कवर" या "पैरालैक्स" का चयन करने का प्रयास करें ताकि बैकग्राउंड इमेज पूरे पैराग्राफ को भर दे:

चित्र
Parallax background image

एज टू एज पैराग्राफ्स

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

चित्र
Edge to edge paragraph

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

42

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

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

स्टैक ओवरफ्लो यूनिवर्सिटी में।

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

कंटेनर मैक्स विथ उस पैराग्राफ के भीतर सामग्री की चौड़ाई कॉन्फ़िगर करने में मदद करता है जो एज टू एज विकल्प का उपयोग करता है। चूँकि पैराग्राफ पूरी चौड़ाई तक फैल जाता है, इसलिए टेक्स्ट के लिए चौड़ाई निर्धारित करना आवश्यक है — कभी-कभी यह पैराग्राफ के बीच भिन्न हो सकता है। आप कंटेनर मैक्स विथ क्लासेज के मान बदल सकते हैं; डिफ़ॉल्ट रूप से, EPT निम्नलिखित कंटेनर चौड़ाई विकल्प प्रदान करता है:

  • ऑटो (100%) — टेक्स्ट कंटेनर के लिए फुल विथ
  • xxSmall — 280px
  • xSmall — 480px
  • Small — 780px
  • डिफ़ॉल्ट — 960px
  • Large — 1120px
  • xLarge — 1320
  • xxLarge — 1600

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

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

चित्र
Styles

परिणाम:

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

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

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

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

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

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

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

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

कस्टमाइज़ेबल जावास्क्रिप्ट प्लगइन्स

कुछ EPT मॉड्यूल्स, जैसे EPT स्लाइडशो, जावास्क्रिप्ट प्लगइन्स का उपयोग करते हैं:
https://www.drupal.org/project/ept_slideshow

आप इस जावास्क्रिप्ट प्लगइन को अपनी आवश्यकताओं के अनुसार कस्टमाइज़ कर सकते हैं:

चित्र

 

सिंगल स्लाइड मोड:

Jane Doe

जेन डो

Girl 3

जेन डो

John Doe

जॉन डो

मल्टिपल स्लाइड्स — कैरोसेल मोड:

चित्र
EPT Slideshow settings
चित्र
Carousel settings
Jane Doe

जेन डो

Girl 3

जेन डो

John Doe

जॉन डो

EPT मॉड्यूल्स का उपयोग करने के लिए धन्यवाद! मुझे EPT मॉड्यूल्स के लिए आपके किसी भी विचार को सुनकर खुशी होगी:

Drupal.org पर एक इश्यू बनाएं

एक प्रश्न पूछें

LinkedIn पर संदेश भेजें