नव मेनू विजेट सेटिंग्स

प्रत्येक साइट को एक मेनू की आवश्यकता होती है, और थीम का डिफ़ॉल्ट हेडर शायद ही कभी एक कस्टम एलिमेंटर डिज़ाइन से मेल खाता है मुफ्त नव मेनू विजेट में एलिमेंट के लिए मास्टर ऐडऑन एलिमेंट संपादक के अंदर किसी भी वर्डप्रेस मेनू को प्रस्तुत करता है: प्रति डिवाइस सेट क्षैतिज या ऊर्ध्वाधर लेआउट, स्टाइल सबमेनू, और एक हैमबर्गर टॉगल जो फोन पर काम करता है।

यह गाइड विजेट के माध्यम से पहले ड्रैग से लाइव पेज पर काम करने वाले ड्रॉपडाउन के साथ स्टाइल मेनू तक चलता है।

नेविगेशन मेनू विजेट क्या करता है #

विजेट एक मेनू खींचता है जिसे आपने उपस्थिति, मेनू के तहत बनाया था और इसे एक एलिमेंट तत्व के रूप में प्रस्तुत करता है आप लेआउट और व्यवहार चुनते हैं, आइटम के हर राज्य को स्टाइल करते हैं, ड्रॉपडाउन और मोबाइल टॉगल, सभी एलिमेंट पैनल से मेनू आइटम स्वयं, उनके लेबल, ऑर्डर और सबमेनू, वर्डप्रेस में प्रबंधित रहते हैं, इसलिए सामग्री संपादक कभी भी मेनू में एक पृष्ठ जोड़ने के लिए एलिमेंट को स्पर्श नहीं करते हैं।

इससे पहले कि आप शुरू करें #

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया? देखना स्थापना गाइड.
• नेविगेशन विजेट के अंतर्गत मास्टर ऐडऑन विकल्प पैनल में Nav मेनू विजेट सक्षम किया गया है।
• के तहत बनाया गया एक मेनू उपस्थिति, मेनू आपके डैशबोर्ड में डेमो होम, प्राइसिंग, टीम और संपर्क के साथ एक “main मेनू” का उपयोग करता है, साथ ही संपर्क के तहत एक FAQ सबमेनू का भी उपयोग करता है।

नेविगेशन मेनू विजेट कैसे जोड़ें #

एलिमेंट संपादक में, खोजें तत्वों लिए पैनल नव मेनू और इसे पृष्ठ पर खींचें, आम तौर पर एक हेडर अनुभाग में विजेट तुरंत आपका पहला वर्डप्रेस मेनू प्रस्तुत करता है।

मेनू और लेआउट चुनें #

द सामान्य अनुभाग पूरे विजेट को चलाता है। मेनू चुनें अपनी मेनू स्क्रीन से प्रत्येक मेनू को सूचीबद्ध करता है; प्रस्तुत करने के लिए एक चुनें। लेआउट ऑफर क्षैतिज, लंबवत और हैमबर्गर (प्रो), और आप इसे प्रत्येक डिवाइस के लिए अलग से सेट कर सकते हैं ऊर्ध्वाधर मेनू के लिए, प्रकार व्यवहार जोड़ता हैः सामान्य, टॉगल, अकॉर्डियन या साइडएक ऊर्ध्वाधर लेआउट में डेमो मेनू यहाँ हैः

हेडर के लिए, क्षैतिज सामान्य चयन है। संरेखण आइटम को बाएं, केंद्र, दाएं या उचित स्थान देता है कोई एकल ब्रेकपॉइंट सेटिंग नहीं है: टैबलेट या फोन दृश्य के लिए एलिमेंट स्विच करें और उस डिवाइस के लिए लेआउट चुनें फोन डिफ़ॉल्ट रूप से हैमबर्गर टॉगल का उपयोग करते हैं एक बार वर्टिकल की कोशिश करने के लायक है भले ही आपको इसकी आवश्यकता न हो; दोनों लेआउट को देखकर संरेखण विकल्प क्लिक करते हैं।

ड्रॉपडाउन कॉन्फ़िगर करें #

द ड्रॉपडाउन मेनू अनुभाग सबमेनू व्यवहार और संकेतक को नियंत्रित करता हैः

• ड्रॉपडाउन संकेतकः सबमेनू ले जाने वाली वस्तुओं के बगल में तीर दिखाएं या छिपाएं।
• संकेतक स्थिति, बीच का अंतर, आइकन आकारः तीर कहाँ बैठता है और कितना बड़ा है।
• ड्रॉपडाउन चिह्नः सामान्य और होवर स्थिति और एक घुमाएँ नियंत्रण के साथ, किसी भी आइकन के लिए डिफ़ॉल्ट शेवरॉन को स्वैप करें।
• ड्रॉपडाउन चौड़ाई और संरेखणः सबमेनू पैनल का आकार और पाठ संरेखण।
• सबमेनू संकेतक: तीसरे स्तर के मेनू के लिए आइकन।

मोबाइल टॉगल सेट करें #

जब कोई डिवाइस हैमबर्गर लेआउट का उपयोग करता है, तो मेनू टॉगल बटन के पीछे ढह जाता है हैमबर्गर मेनू अनुभाग इसे कॉन्फ़िगर करता हैः संरेखण, प्रकार (आइकन, टेक्स्ट, या दोनों), देखना (डिफ़ॉल्ट, स्टैक्ड, या फ़्रेमयुक्त), आकार (वर्ग या वृत्त), और सामान्य और सक्रिय राज्यों के लिए अलग आइकन संपादक को मोबाइल पूर्वावलोकन पर स्विच करें और टॉगल इसके नीचे रखे मेनू के साथ दिखाई देता हैः

मेनू आइटम को स्टाइल करें #

में शैली टैब, मुख्य मेनू आइटम शीर्ष-स्तरीय लिंक को कवर करता है। टाइपोग्राफी फ़ॉन्ट संभालता हैः

इसके नीचे, सामान्य, होवर, और सक्रिय प्रत्येक टैब ले जाता है रंग, आइटम पृष्ठभूमि रंग, और पाठ छाया, प्लस साझा किया गया क्षैतिज और ऊर्ध्वाधर पैडिंग, बीच में जगहऔर सीमा नियंत्रण डेमो एक नीला होवर रंग सेट करता है, कर्सर पार करने के रूप में लाइव पूर्वावलोकन करता है मूल्य निर्धारणः

टॉगल, ड्रॉपडाउन सूची और आइटम को स्टाइल करें #

तीन और स्टाइल सेक्शन काम खत्म करते हैंः

हैमबर्गर टॉगल को स्टाइल करता है: रंग, पृष्ठभूमि, सीमा त्रिज्या, छाया, आइकन आकार और पैडिंग, सामान्य, होवर और सक्रिय स्थितियों के साथ।

ड्रॉपडाउन मेनू सबमेनू पैनल को स्टाइल करता है: पृष्ठभूमि का रंग, ऊपर से गैप, बॉर्डर और पैडिंग। ड्रॉपडाउन सबमेनू गहरे मेनू को कवर करता है।

ड्रॉपडाउन मेनू आइटम पैनल के अंदर लिंक को समान तीन अवस्थाओं और a के साथ स्टाइल करता है विभाजक वस्तुओं के बीच की रेखा के लिए समूहः

पेज पर रिजल्ट #

लाइव पेज पर, मेनू आपकी स्टाइलिंग में प्रस्तुत होता है: होवर फायरिंग बताता है, और संपर्क के अंतर्गत आने वाला FAQ सबमेनू ठीक वहीं गिरता है जहां ड्रॉपडाउन सेटिंग्स इसे डालती हैं।

सामान्य उपयोग के मामले #

• कस्टम हेडर एलिमेंट के साथ निर्मित, जहां थीम मेनू डिज़ाइन का पालन नहीं कर सकता है।
• लैंडिंग पृष्ठों अपने स्वयं के पतले मेनू के साथ, साइट-व्यापी मेनू से अलग।
• साइडबार नेविगेशन दस्तावेज़ीकरण या श्रेणी पृष्ठों पर लंबवत लेआउट का उपयोग करना।
• मोबाइल-प्रथम मेनू टॉगल के आइकन, दृश्य और आकार विकल्पों पर झुकाव।
• बहु-स्तरीय मेनू स्टाइल ड्रॉपडाउन और सबलेवल पैनल के साथ।

बेहतर नेविगेशन मेनू के लिए युक्तियाँ #

• पहले वर्डप्रेस में मेनू बनाएं। विजेट उपस्थिति, मेनू से मेनू प्रस्तुत करता है; यह उन्हें नहीं बनाता है संरचना वहां, शैली यहां।
• होवर और एक्टिव को अलग-अलग रंग दें। होवर कर्सर का जवाब देता है; सक्रिय आगंतुकों को बताता है कि वे किस पृष्ठ पर हैं एक ही रंग सिग्नल को बर्बाद करता है।
• एक असली फोन पर प्रत्येक डिवाइस की जांच करें। चार-आइटम मेनू टैबलेट में ठीक फिट हो सकता है, जबकि सात-आइटम मेनू में टैबलेट पर ऊर्ध्वाधर लेआउट की भी आवश्यकता हो सकती है।
• ड्रॉपडाउन पृष्ठभूमि को स्पष्ट रूप से स्टाइल करें। पृष्ठ सामग्री पर एक पारदर्शी सबमेनू सबसे आम मेनू शिकायत है जो हम देखते हैं; एक ठोस ड्रॉपडाउन मेनू पृष्ठभूमि इसे एक क्लिक में ठीक कर देती है।

वीडियो ट्यूटोरियल #

यदि आप नेविगेशन मेनू विजेट को एक्शन में देखना चाहते हैं, तो यह वीडियो मेनू चुनने से लेकर लाइव पेज पर स्टाइल किए गए ड्रॉपडाउन तक, पूर्ण सेटअप के माध्यम से चलता हैः

अक्सर पूछे जाने वाले प्रश्न #

लपेटकर #

नेविगेशन मेनू विजेट साइट मेनू डालता है जहां आपके बाकी डिज़ाइन रहते हैं: एक वर्डप्रेस मेनू चुनें, लेआउट चुनें, आइटम को स्टाइल करें, ड्रॉपडाउन और मोबाइल टॉगल करें, और प्रकाशित करें, यह स्वाभाविक रूप से जोड़े के साथ ऑफ-कैनवास सामग्री स्लाइड-आउट मोबाइल नेविगेशन के लिए विजेट (प्रो) का पूरा सेट ब्राउज़ करें मास्टर ऐडऑन विजेट और एक्सटेंशन, और देखें नव मेनू विजेट पृष्ठ एलिमेंटर प्रो के मेनू विजेट के साथ तुलना के लिए।