क्या आप अपनी वेबसाइट के UI/UX को बेहतर बनाने में मदद करने के लिए एक अद्भुत मेनू बनाने का तरीका ढूंढ रहे हैं? अगर ऐसा है, तो आप सही जगह पर हैं। यहां हमने आपकी मदद करने के लिए एक विस्तृत मार्गदर्शिका तैयार की है।
सबसे पहले, हम आपको अपनी वर्डप्रेस वेबसाइट के लिए एक मेनू बनाने के तरीके के बारे में चरण-दर-चरण पूर्वाभ्यास दिखाते हैं। और एक बार जब आप इसे समझ लेते हैं, तो हम आपका मार्गदर्शन करेंगे कि अपने वर्डप्रेस मेनू को अनुकूलित और सुपरचार्ज करने के लिए एलिमेंट नेविगेशन मेनू विजेट का उपयोग कैसे करें।
विषयसूची:
यह जानना महत्वपूर्ण है कि नेविगेशन मेनू न केवल आपकी साइट पर ट्रैफ़िक लाने के लिए बल्कि बेहतर एसईओ रैंकिंग के लिए भी महत्वपूर्ण है।
दरअसल, नेवी-मेन्यू मुख्य रूप से यूजर एंगेजमेंट के लिए बनाए गए हैं, लेकिन यह एकमात्र उद्देश्य नहीं है।
दूसरा सबसे महत्वपूर्ण कारक "वेबक्रॉलर" या बॉट्स की भूमिका को ध्यान में रखना है जो वेबसाइटों को क्रॉल करने के लिए डिज़ाइन किए गए हैं और सामग्री को प्रासंगिक स्तर पर सूचीबद्ध करते हैं और सामग्री को सही स्थान पर रखने के लिए खोज इंजन पर वापस रिपोर्ट करते हैं।
इसलिए, यदि आप बहुत जटिल मेनू बना रहे हैं, तो बॉट के लिए अपनी सामग्री को रैंक करना मुश्किल होगा, लेकिन साथ ही आप अपने आगंतुकों को खो देंगे।
संक्षेप में, "नेविगेशन में आसानी" बेहतर उपयोगकर्ता अनुभव को बढ़ाने के साथ-साथ हमारी साइट रैंकिंग को बढ़ाने और ट्रैफ़िक को बढ़ाने में एक महत्वपूर्ण भूमिका निभाता है।
कई व्यावसायिक वेबसाइटों के लिए एक जटिल मेनू बार के बजाय एकल नेविगेशन आइकन रखने का यह एक उत्कृष्ट कारण है, जो क्लिक किए जाने पर एक पूर्ण स्क्रीन मेनू तक लोड होता है।
100% उत्तरदायी नेविगेशन मेनू के साथ एलिमेंटर प्रो विजेट के लिए धन्यवाद , आप किसी भी कोड का उपयोग किए बिना एक पिक्सेल-परिपूर्ण और अविश्वसनीय रूप से लचीला मेनू बार बना सकते हैं।
इस ट्यूटोरियल में, हम आपको दिखाएंगे कि अनुकूलित, उन्नत वर्डप्रेस मेनू प्राप्त करने के लिए एलिमेंट नेविगेशन मेनू विजेट
एलीमेंटर नेविगेशन विजेट के साथ शुरू करने से पहले, आइए देखें कि हम एलीमेंटर मुफ्त संस्करण का उपयोग करके एक सरल वर्डप्रेस मेनू कैसे बना सकते हैं।
अब, वर्डप्रेस मेनू बनाने के लिए, आपको कोई विशेष plugin स्थापित करने की आवश्यकता नहीं है। डिफ़ॉल्ट रूप से, वर्डप्रेस एक उपयोग में आसान मेनू बिल्डर के साथ आता है, जो आपको अपनी वेबसाइट के लिए सरल नेविगेशन मेनू बनाने में मदद करेगा।
कहा जा रहा है कि, आपके पास मेनू के लिए किसी भी अनुकूलन विकल्प तक पहुंच नहीं होगी। यह वर्तमान में सक्रिय वर्डप्रेस थीम के डिजाइन पर ले जाएगा। लेकिन अगर आप यही चाहते हैं, तो यह आपकी वर्डप्रेस वेबसाइट के लिए एक नेविगेशन मेनू सेट करने का एक शानदार तरीका है।
सबसे पहले चीज़ें, आपको अपने वर्डप्रेस बैकएंड डैशबोर्ड में लॉग इन करना होगा।
अब, लेफ्टहैंड साइडबार से Appearance > Menus । यहां आपको बाईं ओर "मेनू आइटम जोड़ें" और दाईं ओर "मेनू संरचना" वाला दो-स्तंभ लेआउट मिलेगा।
मेनू संरचना के अंतर्गत, आपको "मेनू नाम" के लिए एक फ़ील्ड मिलेगा। यह उस मेनू का नाम होगा जिसे हम अभी बना रहे हैं। आइए इसे मेनू 1 कहते हैं।
नोट : चिंता न करें। आपके पाठक मेनू नाम नहीं देख पाएंगे। यह आपके सभी अलग-अलग मेनू को व्यवस्थित रखने में आपकी सहायता करने के लिए एक विशेषता है।
अपने मेनू को एक नाम देने के बाद, इसे उपलब्ध कराने के लिए "मेनू बनाएं" बटन पर क्लिक करें। अब, आपको विभिन्न मेनू आइटम जोड़ने की आवश्यकता है।
अब वह हिस्सा आता है जहां आप मेनू आइटम के साथ अपना नया मेनू पॉप्युलेट करते हैं। अपने बाईं ओर "मेनू आइटम जोड़ें" अनुभाग के तहत, आपको उन चीजों की एक संगठित सूची मिलेगी, जिन्हें आप अपने मेनू में जोड़ सकते हैं।
डिफ़ॉल्ट रूप से, इसमें आपका कोई भी पृष्ठ, पोस्ट, लैंडिंग पृष्ठ, कस्टम लिंक और श्रेणियां शामिल होती हैं।
चेकबॉक्स का उपयोग करके केवल उन मेनू आइटम का चयन करें जिन्हें आप जोड़ना चाहते हैं, और फिर "मेनू में जोड़ें" बटन पर क्लिक करें। यह आपके मेनू को आपके सभी चयनित मेनू आइटम के साथ पॉप्युलेट करेगा।
नोट : ध्यान दें कि "मेनू आइटम जोड़ें" के अंतर्गत प्रत्येक अनुभाग में - सबसे हाल का , सभी देखें , और खोज । यदि बहुत सारी चीज़ें हों तो इन विकल्पों का उपयोग करना याद रखें।
एक बार जब आप सभी मेनू आइटम जोड़ लेते हैं, तो "मेनू सहेजें" बटन दबाएं, और अगले चरण पर जाएं।
क्या आप जानते हैं कि डिफ़ॉल्ट रूप से वर्डप्रेस आपको सबमेनस भी बनाने की अनुमति देता है? सबमेनू संरचना बनाते समय, आपके पास एक पैरेंट मेनू आइटम और एक चाइल्ड मेनू आइटम होता है।
जब कोई उपयोगकर्ता पैरेंट मेनू आइटम पर होवर करता है, तो यह उसके नीचे छिपे सभी चाइल्ड मेनू आइटम को प्रकट करेगा।
बिल्कुल सटीक?
अब सबमेनू संरचना बनाने के लिए, आपको केवल एक मेनू आइटम चुनना है जिसे आप पैरेंट मेनू पर रखना चाहते हैं। इसके बाद, उन सभी मेनू आइटमों को खींचें और छोड़ें जिन्हें आप इसके अंतर्गत चाइल्ड मेनू आइटम के रूप में चाहते हैं। अब बस इसे दाईं ओर खींचें और आपका काम हो गया!
अब जब आपने अपना नया मेनू बना लिया है और सबमेनू जोड़ दिया है, तो इसके स्थान को प्रबंधित करने का समय आ गया है।
अपने मेनू संपादक के शीर्ष पर, आपको "स्थान प्रबंधित करें" नामक एक विकल्प दिखाई देना चाहिए। उस पर क्लिक करें और निम्न स्क्रीन के समान कुछ दिखना चाहिए:
अब, उपलब्ध मेनू स्थान आपके द्वारा इंस्टॉल की गई थीम पर निर्भर करेगा। इस पूर्व में amp ले, हम उस का समर्थन करता है 3 मेनू एक विषय है।
उपलब्ध मेनू स्थानों में से प्रत्येक के लिए एक मेनू निर्दिष्ट करने के बाद "परिवर्तन सहेजें" पर क्लिक करें और बस हो गया।
अब आप सभी बुनियादी मेनू सुविधाओं को जानते हैं जो वर्डप्रेस डिफ़ॉल्ट रूप से प्रदान करता है। हालाँकि, यदि आप अधिक अनुकूलन और कार्यक्षमता चाहते हैं, तो एलिमेंटर प्रो नव मेनू विजेट के बारे में जानने के लिए पढ़ें।
यदि आप अपनी वर्डप्रेस साइट पर एक अनुकूलित नेविगेशन मेनू जोड़ना चाहते हैं, तो आपको एलिमेंटर प्रो संस्करण की आवश्यकता होगी। एलिमेंटर प्रो संस्करण एलिमेंटर नेवी विजेट के साथ कई अन्य विशेष सुविधाओं जैसे कि 300+ टेम्प्लेट, एक थीम बिल्डर, एक पॉपअप विजेट, WooCommerce विजेट और कई अन्य दिलचस्प विशेषताओं के साथ आता है।
स्वयं नव मेन्यू विजेट की विशिष्ट मुख्य विशेषताएं क्या हैं? यहाँ एक संक्षिप्त परिचय है।
आपको एक बुनियादी वर्डप्रेस मेनू बनाने की आवश्यकता होगी जैसा कि हमने ऊपर उल्लेख किया है और फिर आप प्रो-नेवी-मेनू विजेट का उपयोग करके डिफ़ॉल्ट वर्डप्रेस मेनू को कस्टमाइज़ करेंगे। एक बार जब आप प्राथमिक सूची बना लेते हैं, तो अगला कदम इसे अपने इच्छित स्थान यानी हेडर सेक्शन में जोड़ना होता है।
अब जब आप बुनियादी सेटिंग्स के साथ कर रहे हैं, तो चलिए नेव-मेन्यू विजेट का उपयोग करके मेनू को कस्टमाइज़ करें।
सेटिंग अनुभाग के सबसे ऊपरी कोने पर, तीन विकल्प उपलब्ध हैं; सामग्री, शैली और उन्नत।
लेआउट अनुभाग : आपके पास तीन विकल्प हैं क्षैतिज, ऊर्ध्वाधर या एक छिपी ड्रॉपडाउन समझौते।
संरेखित करें अनुभाग : यह अनुभाग आपको मेनू टेक्स्ट आइटम्स को संरेखित करने में मदद करता है; केंद्र, दाएं या बाएं।
एनिमेशन सेक्शन : यह सेक्शन आपको एनिमेशन इफेक्ट्स को अंडर, ओवर या डबल लाइन एनिमेशन इफेक्ट्स से जोड़ने की अनुमति देगा। आप फ्रेम, पृष्ठभूमि और सूक्ष्म पाठ एनिमेशन के लिए भी जा सकते हैं।
रेखांकन एनिमेशन इस प्रकार हैं:
इसी तरह, फ़्रेमयुक्त, ओवरलाइन, डबल लाइन, पृष्ठभूमि और टेक्स्ट एनीमेशन हैं। उनमें से प्रत्येक अपने स्वयं के एनिमेशन का सेट प्रदान करता है और आप अपने आप को यह जानने के लिए देख सकते हैं कि आपको उनके साथ क्या मिलता है।
सूचक खंड : ड्रॉपडाउन मेनू से सूचक के प्रकार का चयन करें।
सबमेनू सूचक खंड : एलीमेंटर विजेट कई सबमेनू स्टाइल विकल्पों के साथ पैक किया जाता है। जहां आप न केवल रंग, शैली और मेनू की पृष्ठभूमि को नियंत्रित कर सकते हैं।
पैडिंग और मेनू रिक्ति: पैडिंग को जल्दी से समायोजित किया जा सकता है। आप मेन्यू और सबमेनू के लिए हॉरिजॉन्टल पैडिंग, वर्टिकल पैडिंग, इन-बीच स्पेस भी राइट, लेफ्ट और सेंटर्ड अलाइनमेंट बदल सकते हैं।
एलिमेंट मेनू स्पेसिंग और पैडिंग को बहुत अच्छी तरह से करता है। उन्होंने यह सुनिश्चित करने के लिए दरवाजे के पीछे कड़ी मेहनत की कि वे उपकरण को डेवलपर तक ला सकें ताकि वे आसानी से वह डिज़ाइन बना सकें जिसके बारे में वे सोच रहे हैं।
मेनू रिक्ति सहित कई विकल्प प्रदान करता है:
कलर बैकग्राउंड और टाइपोग्राफी : आप वांछित रंग योजना और बैकग्राउंड कलर की मदद से अपने अनुरूप ब्रांडेड लुक पा सकते हैं। इसके अलावा, आप पारदर्शी या अर्ध-पारदर्शी मेनू विकल्प भी चुन सकते हैं।
एक डिजाइनर के रूप में, आप इन विकल्पों के साथ खेल सकते हैं जितना आप कर सकते हैं और यह सुनिश्चित कर सकते हैं कि आप अपनी पसंद के अनुसार पृष्ठभूमि डिज़ाइन करें।
मोबाइल वेब का एक महत्वपूर्ण हिस्सा है, और इसीलिए एलिमेंट डेवलपर्स भी टूल प्रदान करते हैं ताकि आप मोबाइल के लिए भी नेवबार बना सकें।
एलिमेंट विजेट आपको वर्डप्रेस पर मोबाइल मेनू विकल्पों के लिए पूर्ण नियंत्रण की अनुमति देता है। आप केवल मोबाइल स्क्रीन के लिए सेटिंग्स के एक अलग सेट के साथ मोबाइल स्क्रीन दृश्य को नियंत्रित कर सकते हैं। एलिमेंटर सेटिंग सेक्शन में सबसे नीचे मोबाइल स्क्रीन सेटिंग्स का विकल्प है जहाँ आप अपने मोबाइल स्क्रीन विकल्प देख सकते हैं।
संक्षेप में, एलिमेंटर के मोबाइल मेनू की विशेषताएं इस प्रकार हैं:
उत्तरदायी नेविगेशन: मेनू की उत्तरदायी स्थिति प्रदान करता है।
मेनू किसी भी वेबसाइट की सबसे महत्वपूर्ण विशेषताओं में से एक है। क्योंकि यह आगंतुकों को आपकी वेबसाइट के माध्यम से चलने में मदद करता है और यदि आपने स्मार्ट तरीके से एक सूची बनाई है तो यह आपके आगंतुकों को आपकी साइट पर लंबे समय तक बनाए रखने में मदद करेगा। यह मेनू उतना ही महत्वपूर्ण है जितना कि किसी भी वेबसाइट का पूरा लेआउट, हेडर और फूटर सेक्शन।
इसलिए, मेनू विजेट सभी आवश्यक सुविधाओं के साथ आपके अद्वितीय ब्रांड रूप देने में सक्षम होना चाहिए। एलिमेंटर नेविगेशन विजेट सुविधा संपन्न क्षमताओं के साथ आता है जो ग्राहकों को आपके ब्रांड की आवाज में फिट होने के लिए मेनू अनुभाग को अनुकूलित करने की अनुमति देता है । अब, आप अपनी वेबसाइट पर, अपने लैंडिंग पृष्ठ, हेडर, या किसी अन्य अनुभाग पर जहां आप इसे प्रदर्शित करना चाहते हैं, कस्टम दर्जी-निर्मित स्टाइलिश मेनू का उपयोग कर सकते हैं।
एक वेबसाइट के शीर्षलेख और पादलेख आवश्यक तत्व हैं। ज्यादातर मामलों में, हैडर नेविगेशन प्रदान करता है…
बाजार में सबसे लोकप्रिय वर्डप्रेस थीम में से दो एस्ट्रा और ओशनडब्ल्यूपी हैं। पेशेवर…
एक उत्कृष्ट समाचार वेबसाइट बनाने के लिए आपको वेब डिज़ाइनर बनने की आवश्यकता नहीं है। हम…
अख़बार थीम टैगडिव द्वारा डिज़ाइन की गई सबसे महत्वपूर्ण वर्डप्रेस थीम में से एक है, एक…
जब ऑनलाइन स्टोर स्थापित करने की बात आती है, तो WooCommerce गो-टू plugin । यह…
एक हेडर आम तौर पर पहली चीज है जिसे कोई व्यक्ति आपकी वेबसाइट पर जाने पर देखता है,…
टिप्पणियाँ देखें
होला ग्रेसियस पोर एल पोस्ट, कुआंडो एनाडो एल नेओ मेनु नो मी एपारेस मि मेनू सेएदा सोलो अन रिकुडरो ग्रिस एन एल एडिटर डी एलिमेंट वाई सी वोय ए ला पगीना डोंड लो पेंगो नो एपारेस नाडा। कोमो पायेदो सॉल्यूशनारलो? ग्रेसियस
नमस्ते! आमतौर पर, यह समस्या तब दिखाई देती है जब आपका मेनू या तो खाली होता है या सहेजा नहीं जाता है। कृपया वर्डप्रेस मेनू साइड पर डबल-चेक करें।
होला, उना परामर्श, कोमो से पुएडे डार ला इंस्ट्रक्शन पैरा सेरार ऑटोमेटिकामेंटे सबमेनू अल अबिर ओट्रो आइटम डेल मेन्यू।
अनुग्रह।
नमस्ते, क्षमा करें, मैं आपके प्रश्न को पूरी तरह समझ नहीं पाया? क्या आप निर्दिष्ट कर सकते हैं?
सियाओ क्वांडो ले वोसी डेल सबमेन, सोनो ट्रोपो लुंघे आओ सी रिसे ए डिवाइडर सु पिù रिघे?
नमस्ते, यह अनुशंसित नहीं है क्योंकि नेविगेशन पढ़ने के लिए बहुत जटिल होगा, इस मामले में यह एक मेगा मेनू शैली बेहतर है
मेनू डब्ल्यू वेर्सजी मोबिलनेज नी ओटविएरा सीई। याक मोगे जेई यूटवॉर्जिक ज़ेबी वाईस्वीटलालो सी ना टेलीफ़ोनैच?
नमस्ते, यदि आप एलीमेंटर नेविगेशन विजेट का उपयोग करते हैं तो मोबाइल मेनू डिस्प्ले स्वचालित है। लेकिन आपको मेनू सेटिंग में सेटिंग कॉल "ब्रेकपॉइंट" की जांच करनी चाहिए। यह स्क्रीन का आकार है जब आपका मेनू चालू होगा।
Ti dng thằng nyy, mà trên destop tôi chế độ क्षैतिज mà no không nằm ngang, no cứ nằm dọc, tôi dng विषय Creaton। को ग ह त्र मन्ह वेई न्हे।
ज़िआस्ज़टोक, एज़ मिकेप ओल्डहाटो मेग, हॉजी एजी वर्टिकालिस मेन्यूबेन एज़ अल्मेन्युर कट्टिंटास यूटन ने ज़र्जा ओस्ज़े ए मेन्यूट एज़ ओल्डल बेटोल्टसेकोर? ईप्रो
नमस्ते, दुर्भाग्य से यह संभव नहीं है, एलीमेंटर नेवी विजेट में ऐसा कोई विकल्प नहीं है।
सियाओ। वेरेई सपेरे से ई संभव किराया मोडो चे इल मेन्यू रिमंगा सेम्पर विज़िबल एंच क्वांडो सी स्केंडे कॉन ला विज़ुअलिज़ाज़ियन डेला पेजिना। पर्टोपो टुटे ले वोल्टे चे सी हो प्रोवेटो इल मेन्यू स्कैंड मा इल कलर दी बैकग्राउंड डेल मेन्यू नो रेंडेंडोलो प्रैक्टिस अवैध ले स्क्रीट। ग्रेजी