प्रो के बिना एलिमेंटर में एक नव मेनू कैसे बनाएं (फ्री विजेट)

आप प्रो खरीदने के बिना एलिमेंटर में एक काम कर रहे, स्टाइल नेविगेशन मेनू का निर्माण कर सकते हैं एलिमेंटर का अपना मेनू विजेट केवल प्रो है, लेकिन मुफ्त मास्टर एडॉन्स नव मेनू विजेट किसी भी वर्डप्रेस मेनू को संपादक में खींचता है, इसे पैनल से स्टाइल करता है, और एक हैमबर्गर टॉगल में ढह जाता है छोटी स्क्रीन पर।

नीचे: कोर एलिमेंटर अंतराल क्यों छोड़ता है, इसे भरने के तीन तरीके, खुद का निर्माण, और जहां मुफ्त बंद हो जाता है वह अंतिम भाग सामान्य से अधिक मायने रखता है, क्योंकि एक लोकप्रिय मोबाइल मोड मुफ्त नहीं है और अधिकांश गाइड अन्यथा कहते हैं।

क्यों एलिमेंटर फ्री में कोई मेनू विजेट नहीं है

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

आप अभी भी उपस्थिति > मेनू के तहत मेनू का निर्माण कर सकते हैं वर्डप्रेस इसे ठीक पंजीकृत करता है अंतर डिजाइन पक्ष पर है: कोर एलिमेंटर के पास उस मेनू को छोड़ने के लिए कुछ भी नहीं है, इसलिए आप जहां भी आपकी थीम इसे प्रिंट करने का फैसला करती है, वहां फंस जाते हैं।

एक मेनू-तैयार थीम के साथ एक साधारण साइट पर, जो पर्याप्त हो सकता है जिस क्षण आप एक कस्टम हेडर, एक चिपचिपा बार, एक हैमबर्गर टॉगल को नियंत्रित करते हैं, या एक मेगा मेनू चाहते हैं, मुफ्त एलिमेंट अकेले वहां नहीं पहुंच सकता है।

नामकरण वर्षों में स्थानांतरित हो गया है, जो भ्रम जोड़ता है पुराने ट्यूटोरियल कहते हैं नव मेनू, नए लोग वर्डप्रेस मेनू कहते हैं लाइसेंस कभी नहीं बदला इसे हमेशा प्रो की आवश्यकता होती है।

प्रो के बिना एक नव मेनू जोड़ने के तीन तरीके

तीन वास्तविक विकल्प, प्रत्येक स्टाइल और मोबाइल व्यवहार पर अलग-अलग तरीके से कारोबार करता है।

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

मास्टर ऐडऑन नव मेनू विजेट। प्रो लाइसेंस के बिना एलिमेंटर-नेटिव विकल्प। गिरा देना नव मेनू विजेट किसी भी टेम्पलेट में, इसे उपस्थिति > मेनू से एक मेनू पर इंगित करें, और पैनल से रंग, रिक्ति, सबमेनू और मोबाइल टॉगल को स्टाइल करें।

मास्टर एडॉन्स मेगा मेनू. बहुत सारी श्रेणियों वाली साइटों के लिए, मेगा मेनू एक्सटेंशन मल्टी-कॉलम पैनल बनाता है और यह भी मुफ़्त है यह अपने स्वयं के वॉकथ्रू के साथ एक अलग उपकरण हैः प्रो के बिना एलिमेंटर में मेगा मेनू कैसे बनाएं.

एलिमेंटर प्रो। यदि आप पहले से ही इसके मालिक हैं, तो इसका मेनू विजेट और थीम बिल्डर इसे मूल रूप से करते हैं और आपको उनका उपयोग करना चाहिए एक नौकरी के लिए दो प्लगइन्स चलाने से केवल वजन बढ़ता है।

मेनू बनाएं, समाप्त करना शुरू करें

पूरे निर्माण में होता है डब्ल्यूपी-एडमिन और एलिमेंट संपादक कोई कोड स्निपेट, कोई बच्चा थीम संपादित नहीं शुरू करने से पहले, अपनी थीम की जांच करें पहले से ही अपने स्वयं के हेडर को प्रिंट नहीं कर रहा है, क्योंकि दो स्टैक्ड हेडर सबसे आम गड़बड़ लोग यहां बनाते हैं।

चरण १: मेनू पंजीकृत करें

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

चरण २: एक हेडर टेम्पलेट बनाएं

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

चरण 3: Nav मेनू विजेट जोड़ें और अपना मेनू चुनें

“Nav Menu” के लिए एलिमेंटर पैनल खोजें और इसे हेडर में खींचें विजेट सेटिंग्स में, मेनू चुनें जिसे आपने मेनू चुनें ड्रॉपडाउन से चरण एक में बनाया था, फिर लेआउट सेट करें क्षैतिज एक मानक हेडर के अनुरूप है; वर्टिकल एक साइडबार के अनुरूप है और आपको सामान्य, टॉगल, अकॉर्डियन और साइड उप-प्रकार देता है।

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

चरण ४: इसे स्टाइल करें

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

चरण ५: इसे प्रकाशित और असाइन करें

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

चरण ६: इसे सामने के छोर पर जांचें

साइट लोड करें और पुष्टि करें कि एक हेडर प्रतिपादन है, दो नहीं यदि आप थीम के मेनू को भी देखते हैं, तो इसे सीएसएस के साथ छिपाने के बजाय थीम की अपनी कस्टमाइज़र सेटिंग्स में अक्षम करें।

मोबाइल पर काम कर रहा है

एक मेनू जो केवल डेस्कटॉप पर काम करता है समाप्त नहीं हुआ फोन पर नव मेनू विजेट एक हैमबर्गर टॉगल में ढह जाता है, और वह टॉगल मुफ्त है, जिसमें इसका आइकन, इसकी सक्रिय स्थिति और इसकी स्टाइलिंग शामिल है।

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

मुफ्त मोबाइल मेनू क्या है पर स्पष्ट हो: ढह पैनल टॉगल के तहत जगह में फैलता है यह छोटी और मध्यम मेनू अच्छी तरह से सूट करता है एक पूर्ण ऑफ-कैनवास पैनल जो पक्ष से स्लाइड करता है, एक प्रो सुविधा है, जो अगले भाग में शामिल है।

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

जहां मुफ्त संस्करण बंद हो जाता है

दो सीमाएं, और दोनों आपके द्वारा उनके आसपास डिजाइन करने से पहले जानने योग्य हैं, बजाय इसके कि बाद में।

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

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

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

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

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

आगे क्या करना है

एक क्षैतिज लेआउट के साथ हेडर का निर्माण करें, फिर इसे अपने फोन पर लोड करें कुछ और स्टाइल करने से पहले अधिकांश मेनू समस्याएं मोबाइल समस्याएं हैं, और वे एक वास्तविक डिवाइस पर दस सेकंड में दिखाई देते हैं।

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