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

Background Video

EPT modules support only YouTube background videos for now.

Where do programmers gather?

In the Stack Overflow lounge.

Can you give me a musical note for programming?

C#

In the Background Image Style field, you can choose how the background image behaves. If your image is too small, try selecting "Cover" or "Parallax" so the background image fills the entire paragraph:

चित्र
Parallax background image

Edge to Edge paragraphs

Very often on landing pages, it's necessary to use a full-width background while centering the content. In the EPT settings, there is a checkbox called "Edge to Edge" that makes the outer container of the paragraph span the full width:

चित्र
Edge to edge paragraph

What is the meaning of life?

42

A semicolon is missing.

Hello, World!

At Stack Overflow University.

If it works — don't touch it.

Container Max Width helps configure the width of the content within a paragraph that uses the Edge to Edge option. Since the paragraph stretches to full width, it's necessary to define the width for the text — sometimes this varies between paragraphs. You can modify the values of the Container Max Width classes; by default, EPT offers the following container width options:

  • Auto (100%) — Full width for the text container
  • xxSmall — 280px
  • xSmall — 480px
  • Small — 780px
  • Default — 960px
  • Large — 1120px
  • xLarge — 1320
  • xxLarge — 1600

Predefined styles

EPT modules usually include a set of predefined styles. This helps save time when styling a new component on your landing page. You can also create your own style and add it to the EPT module.

चित्र
Styles

Result:

As a programmer, where do you see yourself in 10 years?

Sitting in front of a computer, probably programming.

Can you describe the life of programmers in four words?

Eat. Sleep. Code. Repeat.

How do programmers enjoy life?

When they see their code run without errors.

What is the biggest lie in programming?

HTML is a programming language.

Customizable JavaScript plugins

Some EPT modules, such as EPT Slideshow, use JavaScript plugins:
https://www.drupal.org/project/ept_slideshow

You can customize this JavaScript plugin to suit your needs:

चित्र

 

Single slide mode:

Jane Doe

Jane Doe

Girl 3

Jane Doe

John Doe

John Doe

Multiple slides — carousel mode:

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

Jane Doe

Girl 3

Jane Doe

John Doe

John Doe

Thank you for using the EPT modules! I would be happy to hear any ideas for EPT modules:

Create an issue on Drupal.org

Ask a question

Send a message on LinkedIn