एलिमेंटर नव मेनू विजेट: कोई एलिमेंटर प्रो की आवश्यकता नहीं है
नव मेनू एक मास्टर एडॉन्स विजेट है जो एलिमेंटर हेडर, फूटर या पेज में किसी भी वर्डप्रेस मेनू को रखता है और आपको पैनल से स्टाइल करने देता है प्रत्येक डिवाइस के लिए एक क्षैतिज या ऊर्ध्वाधर लेआउट चुनें, मुख्य आइटम, ड्रॉपडाउन और सबमेनू को उनके सामान्य, होवर और सक्रिय राज्यों में स्टाइल करें, और मल्टी-कॉलम पैनल के लिए मेगा मेनू एक्सटेंशन के साथ इसे जोड़ दें फोन पर यह डिफ़ॉल्ट रूप से हैमबर्गर टॉगल में ढह जाता है मास्टर एडॉन्स प्रो पॉपअप और ऑफकैनवास मेनू के साथ, किसी भी चौड़ाई के लिए हैमबर्गर लेआउट जोड़ता है।
क्षैतिज, ऊर्ध्वाधर और हैमबर्गर लेआउट
डेस्कटॉप, टैबलेट और फोन के लिए लेआउट अलग से सेट करें क्षैतिज एक शीर्ष बार सूट वर्टिकल चार प्रकारों में आता है: साइड ड्रॉपडाउन, टॉगल, अकॉर्डियन और साइड के साथ सामान्य, जो पेज के किनारे पर मेनू पिन करता है फोन डिफ़ॉल्ट रूप से हैमबर्गर टॉगल का उपयोग करते हैं प्रो के साथ आप किसी भी चौड़ाई के लिए हैमबर्गर उठा सकते हैं और मेनू को डिफ़ॉल्ट ड्रॉपडाउन, पॉपअप या ऑफकैनवास पैनल के रूप में खोल सकते हैं।
- एलिमेंट के अतिरिक्त ब्रेकप्वाइंट सहित, प्रति डिवाइस लेआउट सेट।
- सामान्य, टॉगल, अकॉर्डियन या साइड के रूप में लंबवत मेनू।
- मास्टर एडॉन्स प्रो के साथ पॉपअप और ऑफकैनवास हैमबर्गर मेनू।
- के साथ काम करता है मेगा मेनू बहु-स्तंभ पैनलों के लिए विस्तार।
लंबवत मेनू लेआउट: सामान्य, टॉगल, अकॉर्डियन और साइड
लेआउट में वर्टिकल चुनें और दूसरा नियंत्रण, टाइप, प्रकट होता है प्रत्येक प्रकार सबमेनू को एक अलग तरीके से खोलता है, और लेआउट और टाइप दोनों को प्रति डिवाइस सेट किया जा सकता है, इसलिए एक मेनू डेस्कटॉप पर सामान्य रह सकता है और फोन पर अकॉर्डियन पर स्विच कर सकता है।
- सामान्य जब पाठक अपने मूल आइटम को घुमाता है तो सूची के किनारे एक सबमेनू खोलता है।
- टॉगल क्लिक पर अपने मूल के अंतर्गत एक सबमेनू का विस्तार करता है, और कई एक साथ खुले रह सकते हैं।
- अकॉर्डियन क्लिक पर भी फैलता है, लेकिन एक सबमेनू खोलने से वह बंद हो जाता है जो खुला था।
- साइड पृष्ठ के किनारे पर मेनू पिन करता है केवल मुख्य आइटम बार में बैठते हैं, और उनके सबमेनू इसके बगल में एक पैनल में खुलते हैं।
सामान्य: सबमेनू होवर पर किनारे की ओर खुलता है।
टॉगल करें: सबमेनू अपने आइटम के अंतर्गत फैलता है।
अकॉर्डियन: एक समय में एक सबमेनू खुला।
साइड: पेज के किनारे पर एक बार में मुख्य आइटम, उसके बगल में एक पैनल में सबमेनू के साथ।
प्रत्येक मेनू स्तर और राज्य को स्टाइल करें
स्टाइल टैब में मुख्य मेनू आइटम, ड्रॉपडाउन मेनू, ड्रॉपडाउन मेनू आइटम, ड्रॉपडाउन सबमेनू और ड्रॉपडाउन सबमेनू आइटम के लिए अलग-अलग अनुभाग हैं प्रत्येक को सामान्य, होवर और सक्रिय राज्यों के लिए रंग और पृष्ठभूमि मिलती है, साथ ही पैडिंग, सीमाएं और डिवाइडर, इसलिए वर्तमान पृष्ठ का लिंक बाकी हिस्सों से अलग दिख सकता है।
- मुख्य वस्तुओं और ड्रॉपडाउन वस्तुओं के लिए सामान्य, होवर और सक्रिय अवस्थाएँ।
- ड्रॉपडाउन पैनल, इसके आइटम और गहरे सबमेनू के लिए अलग स्टाइल।
- वस्तुओं के बीच विभाजक, प्रकार, आकार और रंग के साथ।
हैमबर्गर टॉगल और संकेतक आइकन
हैमबर्गर टॉगल को एक आइकन, टेक्स्ट या दोनों के रूप में स्टाइल करें, एक डिफ़ॉल्ट, स्टैक्ड या फ़्रेमयुक्त दृश्य और एक वर्ग या सर्कल आकार के साथ यह एक आइकन दिखा सकता है जबकि मेनू बंद है और दूसरा जब यह खुला है संकेतक आइकन उन वस्तुओं को चिह्नित करते हैं जिनमें ड्रॉपडाउन और सबमेनू हैं: अपने स्वयं के आइकन चुनें, उन्हें दिखाएं या छिपाएं, और उनका आकार, रंग, स्थिति और रोटेशन सेट करें।
- हैमबर्गर एक आइकन, टेक्स्ट या दोनों के रूप में टॉगल करता है।
- बंद और खुले मेनू के लिए अलग-अलग आइकन।
- रोटेशन के साथ कस्टम ड्रॉपडाउन और सबमेनू संकेतक आइकन।
ड्रॉपडाउन रिक्ति और प्रति-डिवाइस लेआउट
ड्रॉपडाउन चौड़ाई और मेनू के शीर्ष से इसके अंतर को सेट करें, आइटम और प्रत्येक लिंक के अंदर पैडिंग के बीच अंतराल संक्रमण अवधि नियंत्रित करती है कि कितनी तेजी से होवर रंग और ड्रॉपडाउन बदलते हैं क्योंकि लेआउट प्रति डिवाइस सेट है, आप तय करते हैं कि मेनू क्षैतिज बार से ऊर्ध्वाधर सूची में कहां स्विच करता है, या प्रो के साथ हैमबर्गर के लिए।
- ड्रॉपडाउन चौड़ाई और ऊपर से अंतर।
- आसान टैपिंग के लिए आइटम और लिंक पैडिंग के बीच अंतराल।
- होवर और ड्रॉपडाउन परिवर्तनों के लिए संक्रमण अवधि।
एलिमेंटर प्रो मेनू विजेट बनाम मास्टर एडॉन्स नव मेनू
एलिमेंट के फ्री प्लगइन में वर्डप्रेस मेनू रखने और स्टाइल करने के लिए कोई विजेट नहीं है इसके मेनू और वर्डप्रेस मेनू विजेट एलिमेंट प्रो के साथ आते हैं यहां बताया गया है कि वे कैसे तुलना करते हैं।
| एलिमेंट प्रो | मास्टर ऐडऑन नव मेनू | |
|---|---|---|
| कीमत | एलिमेंट प्रो लाइसेंस | मास्टर ऐडऑन में शामिल; प्रो के साथ पॉपअप और ऑफकैनवास हैमबर्गर प्रकार |
| लेआउट | क्षैतिज, ऊर्ध्वाधर, ड्रॉपडाउन | क्षैतिज, ऊर्ध्वाधर (4 प्रकार), हैमबर्गर |
| मोबाइल मेनू | आपके द्वारा चुने गए ब्रेकप्वाइंट के नीचे टॉगल करें | डिफ़ॉल्ट रूप से फोन पर हैमबर्गर; प्रो के साथ पॉपअप और ऑफकैनवास |
| प्रति डिवाइस लेआउट | एक ब्रेकप्वाइंट सेटिंग | हर डिवाइस के लिए सेट करें |
| होवर सूचक एनिमेशन | हाँ | नहीं |
| मेगा मेनू | ड्रॉपडाउन सामग्री के साथ मेनू विजेट | मेगा मेनू एक्सटेंशन |
यदि आप पहले से ही एलिमेंटर प्रो के लिए भुगतान करते हैं, तो इसके मेनू विजेट काम करते हैं इसके बिना, नव मेनू और मेगा मेनू एक्सटेंशन आपको एलिमेंटर प्रो के बिना एक स्टाइल हेडर मेनू देता है।
एक नज़र में नव मेनू
विजेट क्या करता है, मास्टर ऐडऑन 3.2।3 से पढ़ें।
| आइटम | नव मेनू विजेट |
|---|---|
| मेनू स्रोत | उपस्थिति, मेनू से कोई भी मेनू, मेनू चुनें में चुना गया |
| लेआउट | प्रत्येक डिवाइस पर क्षैतिज और लंबवत; डिफ़ॉल्ट रूप से फोन पर हैमबर्गर |
| लंबवत प्रकार | सामान्य, टॉगल, अकॉर्डियन और साइड |
| डेस्कटॉप और टैबलेट पर हैमबर्गर | मास्टर एडॉन्स प्रो |
| हैमबर्गर प्रकार | फोन पर डिफ़ॉल्ट; प्रो के साथ पॉपअप और ऑफकैनवास |
| सबमेनू | ड्रॉपडाउन, उसके आइटम, गहरे सबमेनू और उनके आइटम के लिए अलग शैली अनुभाग |
| राज्यों | मुख्य वस्तुओं और ड्रॉपडाउन वस्तुओं के लिए सामान्य, होवर और सक्रिय |
| संकेतक चिह्न | आकार, रंग, स्थिति और रोटेशन के साथ आपके द्वारा चुने गए ड्रॉपडाउन और सबमेनू आइकन |
| होवर सूचक एनिमेशन | नहीं (एलिमेंटर प्रो के मेनू विजेट में वे हैं) |
| चिपचिपा | विजेट में कोई सेटिंग नहीं; हेडर कंटेनर को चिपचिपा बनाएं |
| मेगा मेनू पैनल | मेगा मेनू एक्सटेंशन |
| जरूरतें | एलिमेंट और मास्टर एडॉन्स, कोई एलिमेंट प्रो नहीं |
नव मेनू उदाहरण
विजेट के साथ निर्मित पांच लाइव डेमो एक खोलें, फिर नीचे दिए गए टेम्पलेट व्यूअर से लेआउट आयात करें।
- चारकोल नवबार और मेगा मेनू: मल्टी-कॉलम मेगा मेनू पैनल के साथ एक डार्क हेडर बार।
- शीर्ष बार के साथ नव मेनू: मुख्य मेनू के ऊपर एक संपर्क पट्टी।
- ड्रॉपडाउन मेनू विविधताएँ: एक ही मेनू पर कई ड्रॉपडाउन शैलियाँ।
- लंबवत नेविगेशन मेनू: मेनू एक ऊर्ध्वाधर सूची के रूप में।
- लंबवत साइड मेनू: साइड प्रकार पृष्ठ के किनारे पर पिन किया गया है।
एलिमेंटर में एक नव मेनू कैसे जोड़ें
विजेट आपके द्वारा वर्डप्रेस में बनाए गए मेनू का उपयोग करता है, इसलिए वहां से शुरू करें।
- उपस्थिति > मेनू के अंतर्गत अपना मेनू बनाएं।
- एलिमेंटर में, मास्टर ऐडऑन नेव मेनू विजेट को अपने हेडर, पाद लेख या पेज में खींचें।
- मेनू चुनें में मेनू चुनें और डेस्कटॉप के लिए एक लेआउट चुनें।
- प्रत्येक डिवाइस पर लेआउट की जांच करने के लिए टैबलेट और फोन दृश्य पर स्विच करें फोन डिफ़ॉल्ट रूप से हैमबर्गर टॉगल प्राप्त करें।
- स्टाइल टैब में मेनू आइटम, ड्रॉपडाउन और टॉगल को स्टाइल करें, फिर प्रकाशित करें।
एक पूर्ण हेडर वॉकथ्रू के लिए, पढ़ें प्रो के बिना एलिमेंटर में एक नव मेनू कैसे बनाएंएक साइट-वाइड हेडर के लिए, मुफ्त का उपयोग करें थीम बिल्डर.
के साथ अच्छी तरह से जोड़ेः मेगा मेनू बहु-स्तंभ पैनलों के लिए, ऑफ-कैनवास सामग्री (प्रो) स्लाइड-आउट पैनल के लिए, थीम बिल्डर साइट-वाइड हेडर के लिए, प्रदर्शन की शर्तें (प्रो) लॉग-इन आगंतुकों को एक अलग मेनू दिखाने के लिए, और टैब इन-पेज नेविगेशन के लिए।
नव मेनू के लिए अक्सर पूछे जाने वाले प्रश्न
यह अन्य नव मेनू विजेट से कैसे अलग है?
एलिमेंट के अपने मेनू विजेट को एलिमेंट प्रो की आवश्यकता होती है मास्टर एडॉन्स नव मेनू एलिमेंट प्रो के बिना चलता है और प्रति-डिवाइस लेआउट, चार लंबवत मेनू प्रकार, प्रत्येक मेनू स्तर और राज्य के लिए अलग स्टाइल, कस्टम संकेतक आइकन और एक स्टाइल करने योग्य हैमबर्गर टॉगल मेगा मेनू एक्सटेंशन के साथ भी काम करता है।
क्या मैं मेगा मेनू एक्सटेंशन के साथ इस मेनू का उपयोग कर सकता हूं?
हाँ मेगा मेनू एक्सटेंशन चालू करें, वर्डप्रेस मेनू स्क्रीन से मेनू आइटम के लिए पैनल सामग्री का निर्माण करें, फिर नव मेनू विजेट में उस मेनू का चयन करें विजेट सामने के छोर पर मेगा मेनू पैनल दिखाता है।
क्या सामान्य, होवर और सक्रिय के लिए विभिन्न शैलियों को स्थापित करना मुश्किल है?
नहीं, स्टाइल टैब खोलें, मेनू का एक हिस्सा चुनें जैसे मुख्य मेनू आइटम, और प्रत्येक स्थिति के लिए रंग सेट करने के लिए सामान्य, होवर और सक्रिय टैब के बीच स्विच करें।
मैं विजेट में दिखाए गए मेनू को कैसे संपादित करूं?
विजेट एक वर्डप्रेस मेनू दिखाता है, इसलिए आप इसे उपस्थिति, मेनू के तहत संपादित करते हैं वहां आइटम जोड़ें, नाम बदलें या फिर से व्यवस्थित करें और सहेजें विजेट में मेनू नियंत्रण का चयन करें उस स्क्रीन का सीधा लिंक है, और परिवर्तन एक ताज़ा करने के बाद एलिमेंट में दिखाई देते हैं।
मैं एक सबमेनू कैसे जोड़ूं?
उपस्थिति में, मेनू, आइटम को उस आइटम के नीचे दाईं ओर थोड़ा खींचें, जब तक कि वर्डप्रेस इसे उप आइटम के रूप में चिह्नित न करे, तब सहेजें विजेट इसे एक ड्रॉपडाउन के रूप में दिखाता है इसे स्टाइल, ड्रॉपडाउन मेनू और ड्रॉपडाउन मेनू आइटम में स्टाइल करें।
क्या मुझे प्रो के बिना मोबाइल पर हैमबर्गर मेनू मिलेगा?
हाँ। फोन पर विजेट डिफ़ॉल्ट रूप से हैमबर्गर पर स्विच हो जाता है, और मेनू टॉगल के नीचे अपनी जगह पर खुल जाता है। डेस्कटॉप या टैबलेट पर हैमबर्गर का उपयोग करना, या इसे पॉपअप या ऑफकैनवास पैनल के रूप में खोलना, मास्टर एडॉन्स प्रो की आवश्यकता है।
"ऑफकैनवास" या "पॉपअप" मेनू प्रकार के लिए सबसे अच्छा उपयोग मामला क्या है?
दोनों प्रो हैमबर्गर प्रकार हैं ऑफकैनवास बाएं या दाएं से मेनू को स्लाइड करता है, जो फोन और न्यूनतम डिजाइन के अनुरूप है पॉपअप पृष्ठ पर मेनू खोलता है, जो पोर्टफोलियो या एजेंसी साइटों पर पूर्ण-साइट नेविगेशन के लिए अच्छी तरह से काम करता है प्रो के बिना, फोन पर हैमबर्गर टॉगल के तहत जगह में मेनू खोलता है।
क्या यह मेनू मेरे मौजूदा वर्डप्रेस थीम के हेडर के साथ काम करेगा?
हां, आप विजेट कहीं भी रख सकते हैं एलिमेंटर चलाता है अपने थीम के हेडर को पूरी तरह से बदलने के लिए, मुफ्त के साथ एक हेडर टेम्पलेट बनाएं मास्टर एडॉन्स थीम बिल्डर और इसमें नव मेनू विजेट जोड़ें।
क्या मेरे पास मोबाइल बनाम डेस्कटॉप पर एक अलग मेनू शैली हो सकती है?
हाँ लेआउट, संरेखण और कई शैली सेटिंग्स प्रति डिवाइस सेट किया जा सकता है उदाहरण के लिए, डेस्कटॉप पर एक क्षैतिज पट्टी रखें, टैबलेट पर एक ऊर्ध्वाधर अकॉर्डियन का उपयोग करें और फोन पर हैमबर्गर टॉगल करें।
क्या मैं मेनू को चिपचिपा बना सकता हूं?
विजेट में कोई चिपचिपा सेटिंग नहीं है, इसलिए हेडर कंटेनर को चिपचिपा बनाएं इसके बजाय एलिमेंटर प्रो के साथ, उन्नत, मोशन इफेक्ट्स, स्टिकी का उपयोग करें: उस कंटेनर पर शीर्ष प्रो के बिना, जोड़ें selector { position: sticky; top: 0; z-index: 99; } मास्टर एडॉन्स कस्टम सीएसएस अनुभाग में कंटेनर के लिए हमारे चिपचिपा हेडर गाइड पूर्ण सेटअप को कवर करता है।
मेरा मेनू क्यों नहीं दिखाता?
चार चीजों की जांच करें विजेट को मेनू चुनें में चुने गए मेनू की आवश्यकता है, और साइट को उपस्थिति, मेनू के तहत कम से कम एक मेनू की आवश्यकता है एक हेडर टेम्पलेट केवल दिखाता है कि इसकी प्रदर्शन स्थिति कहां लागू होती है फोन पर मेनू हैमबर्गर में मुड़ा हुआ है, इसलिए जांचें कि टॉगल रंग हेडर पृष्ठभूमि से बाहर खड़ा है अंतिम, परिवर्तन के बाद अपने कैश और किसी भी जावास्क्रिप्ट देरी सेटिंग को साफ़ करें।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
