logo

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

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

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

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

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

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

स्क्रॉल

Drupal Nice Menus और Superfish — ड्रॉपडाउन मेन्यू मॉड्यूल्स का विवरण और तुलना

12/10/2025, by Ivan

Nice Menus और Superfish मॉड्यूल Drupal में ऊर्ध्वाधर (vertical) और क्षैतिज (horizontal) ड्रॉपडाउन मेन्यू बनाने की अनुमति देते हैं। आपको केवल इनमें से एक मॉड्यूल चुनना होता है और उसका उपयोग करना होता है। दोनों मॉड्यूल बहुत लोकप्रिय हैं और इनके लिए कई अतिरिक्त (contributed) मॉड्यूल भी उपलब्ध हैं।

दोनों मॉड्यूल एक ही jQuery लाइब्रेरी Superfish पर आधारित हैं:

https://www.drupal.org/project/nice_menus
https://www.drupal.org/project/superfish
https://github.com/mehrpadin/Superfish-for-Drupal

Nice Menus

Nice Menus मॉड्यूल को सक्षम करने के बाद मेन्यू स्वतः बन जाता है। बस मॉड्यूल को सक्रिय करें — कोई अतिरिक्त लाइब्रेरी जोड़ने की आवश्यकता नहीं है, क्योंकि आवश्यक कोड पहले से मॉड्यूल में शामिल होता है।

इसके बाद “Blocks” अनुभाग में जाएँ, जहाँ आपको कई Nice Menu ब्लॉक्स मिलेंगे। पहला ब्लॉक चुनें और आवश्यक मेन्यू का चयन करें।

यहाँ आप चुन सकते हैं कि कौन-सा मेन्यू प्रदर्शित करना है और वह कैसे दिखाई देगा। उदाहरण के लिए, आप “Management” मेन्यू को ड्रॉपडाउन रूप में दिखा सकते हैं।

Respect "Show as expanded" option सेटिंग पर ध्यान दें — यह सभी सबमेन्यू आइटम्स को डिफ़ॉल्ट रूप से विस्तारित (expanded) दिखाने की अनुमति देती है, ताकि उपयोगकर्ता को पैरेंट आइटम पर क्लिक करने की आवश्यकता न पड़े।

यदि आप चाहते हैं कि मेन्यू नीचे की ओर खुले, तो “Orientation” विकल्प में Down चुनें।

Nice Menus की सेटिंग्स सीमित हैं — यहाँ आप केवल मेन्यू के खुलने की गति और विलंब (delay) समायोजित कर सकते हैं।
पथ: /admin/config/user-interface/nice_menus

बस इतना ही — कुछ क्लिक में आपका ड्रॉपडाउन मेन्यू तैयार है। Nice Menus सरल और तेज़ समाधान प्रदान करता है।

Drupal Superfish

Superfish मॉड्यूल की स्थापना में थोड़ा अधिक समय लगता है, लेकिन इसके परिणामस्वरूप आपको अत्यधिक लचीला और आकर्षक मेन्यू नियंत्रण मिलता है।

इसके लिए आपको Drupal के लिए विशेष रूप से तैयार Superfish लाइब्रेरी की आवश्यकता होती है:
https://github.com/mehrpadin/Superfish-for-Drupal

यदि आपने Libraries API मॉड्यूल स्थापित नहीं किया है, तो इसे पहले स्थापित करें:
https://www.drupal.org/project/libraries

डाउनलोड की गई लाइब्रेरी को इस फ़ोल्डर में रखें:
sites/all/libraries/superfish

इसके अलावा, jQuery Update मॉड्यूल भी स्थापित करें:
https://www.drupal.org/project/jquery_update

सेटिंग्स में फ्रंटएंड के लिए jQuery संस्करण 1.7 और एडमिन इंटरफेस के लिए 1.5 चुनें (ताकि Views में कोई समस्या न हो)।
पथ: /admin/config/development/jquery_update

अब आप Superfish मॉड्यूल को सक्रिय कर सकते हैं और स्थिति रिपोर्ट में यह सुनिश्चित कर सकते हैं कि लाइब्रेरी सही ढंग से कनेक्ट हुई है।
पथ: /admin/reports/status

इसके बाद “Blocks” अनुभाग में जाएँ और किसी एक Superfish ब्लॉक को सक्षम करें:
पथ: /admin/structure/block

Superfish में Nice Menus की तुलना में अधिक कॉन्फ़िगरेशन विकल्प होते हैं। आप यहाँ मेन्यू का प्रकार (जैसे Management), दिशा (बाएँ/दाएँ), स्टाइल (जैसे Blue), और खुलने की गति समायोजित कर सकते हैं।

यदि आप चाहें तो अतिरिक्त jQuery प्लगइन्स जैसे jquery.easing भी जोड़ सकते हैं, लेकिन यह आवश्यक नहीं है — Superfish पहले से ही उत्कृष्ट रूप से काम करता है।

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

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

निष्कर्ष:
Superfish, कार्यक्षमता और लचीलापन (flexibility) के मामले में Nice Menus से अधिक शक्तिशाली है।
हालाँकि, यदि आप तेज़ और सरल समाधान चाहते हैं, तो Nice Menus एक बेहतर विकल्प है।

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

https://www.drupal.org/project/responsive_menus
https://www.drupal.org/project/mobile_navigation