क्या आप अपनी वेबसाइट के यूआई/यूएक्स को बेहतर बनाने में मदद के लिए एक अद्भुत मेनू बनाने का कोई तरीका ढूंढ रहे हैं? अगर हां, तो आप सही जगह पर हैं. यहां हमने आपकी सहायता के लिए एक विस्तृत मार्गदर्शिका तैयार की है।
सबसे पहले, हम आपको अपनी वर्डप्रेस वेबसाइट के लिए मेनू बनाने के तरीके के बारे में चरण-दर-चरण पूर्वाभ्यास दिखाते हैं। और एक बार जब आप इसे समझ जाएंगे, तो हम आपको मार्गदर्शन देंगे कि अपने वर्डप्रेस मेनू को कस्टमाइज़ और सुपरचार्ज करने के लिए एलिमेंटर नेविगेशन मेनू विजेट का उपयोग कैसे करें।
विषयसूची:
यह जानना महत्वपूर्ण है कि नेविगेशन मेनू न केवल आपकी साइट पर ट्रैफ़िक लाने के लिए बल्कि बेहतर एसईओ रैंकिंग के लिए भी महत्वपूर्ण हैं।
दरअसल, नेव-मेनू मुख्य रूप से उपयोगकर्ता सहभागिता के लिए डिज़ाइन किए गए हैं, लेकिन यह एकमात्र उद्देश्य नहीं है।
दूसरा सबसे महत्वपूर्ण कारक "वेबक्रॉलर" या बॉट्स की भूमिका को ध्यान में रखना है जो वेबसाइटों को क्रॉल करने और सामग्री को प्रासंगिक स्तर पर अनुक्रमित करने और सामग्री को सही स्थान पर रैंक करने के लिए खोज इंजन को वापस रिपोर्ट करने के लिए डिज़ाइन किया गया है।
इसलिए, यदि आप बहुत जटिल मेनू बना रहे हैं, तो बॉट्स के लिए आपकी सामग्री को रैंक करना मुश्किल होगा, लेकिन आप अपने विज़िटर भी खो देंगे।
संक्षेप में, "नेविगेशन में आसानी" बेहतर उपयोगकर्ता अनुभव को बढ़ाने में एक महत्वपूर्ण योगदानकर्ता है और साथ ही हमारी साइट रैंकिंग को बढ़ावा देने और ट्रैफ़िक को बढ़ाने में भी महत्वपूर्ण भूमिका निभाता है।
यह कई व्यावसायिक वेबसाइटों के लिए एक जटिल मेनू बार के बजाय एकल नेविगेशन आइकन रखने का एक उत्कृष्ट कारण है, जो क्लिक करने पर एक पूर्ण-स्क्रीन मेनू पर लोड होता है।
100% प्रतिक्रियाशील नेविगेशन मेनू के साथ एलिमेंटर प्रो विजेट के लिए धन्यवाद
इस ट्यूटोरियल में, हम आपको दिखाएंगे कि अनुकूलित, उन्नत वर्डप्रेस मेनू प्राप्त करने के लिए एलिमेंटर नेविगेशन मेनू विजेट का
एलिमेंटर नेविगेशन विजेट के साथ शुरुआत करने से पहले, आइए जानें कि हम एलिमेंटर फ्री संस्करण का उपयोग करके एक सरल वर्डप्रेस मेनू कैसे बना सकते हैं।
अब, वर्डप्रेस मेनू बनाने के लिए, आपको कोई विशेष plugin इंस्टॉल करने की आवश्यकता नहीं है। डिफ़ॉल्ट रूप से, वर्डप्रेस एक उपयोग में आसान मेनू बिल्डर के साथ आता है, जो आपकी वेबसाइट के लिए सरल नेविगेशन मेनू बनाने में आपकी मदद करेगा।
ऐसा कहा जा रहा है कि, आपके पास मेनू के लिए किसी भी अनुकूलन विकल्प तक पहुंच नहीं होगी। यह वर्तमान में सक्रिय वर्डप्रेस थीम के डिज़ाइन पर आधारित होगा। लेकिन अगर आप बस इतना ही चाहते हैं, तो यह आपकी वर्डप्रेस वेबसाइट के लिए नेविगेशन मेनू सेट करने का एक शानदार तरीका है।
सबसे पहली बात, आपको अपने वर्डप्रेस बैकएंड डैशबोर्ड में लॉग इन करना होगा।
अब, बाएं साइडबार से Appearance > Menus । यहां आपको बाईं ओर "मेनू आइटम जोड़ें" और दाईं ओर "मेनू संरचना" के साथ दो कॉलम वाला लेआउट मिलेगा।
मेनू संरचना के अंतर्गत, आपको "मेनू नाम" के लिए एक फ़ील्ड मिलेगी। यह उस मेनू का नाम होगा जिसे हम अभी बना रहे हैं। आइए इसे मेनू 1 कहते हैं।
नोट : चिंता न करें. आपके पाठक मेनू नाम नहीं देख पाएंगे. यह आपके सभी विभिन्न मेनू को व्यवस्थित रखने में मदद करने वाली एक सुविधा है।
अपने मेनू को एक नाम देने के बाद, इसे उपलब्ध कराने के लिए "मेनू बनाएं" बटन पर क्लिक करें। अब, आपको विभिन्न मेनू आइटम जोड़ने की आवश्यकता है।
अब वह भाग आता है जहां आप अपने नए मेनू को मेनू आइटम से भरते हैं। अपने बाईं ओर "मेनू आइटम जोड़ें" अनुभाग के अंतर्गत, आपको उन चीज़ों की एक व्यवस्थित सूची मिलेगी जिन्हें आप अपने मेनू में जोड़ सकते हैं।
डिफ़ॉल्ट रूप से, इसमें आपका कोई भी पेज, पोस्ट, लैंडिंग पेज, कस्टम लिंक और श्रेणियां शामिल हैं।
बस चेकबॉक्स का उपयोग करके उन मेनू आइटम का चयन करें जिन्हें आप जोड़ना चाहते हैं, और फिर "मेनू में जोड़ें" बटन पर क्लिक करें। यह आपके मेनू को आपके सभी चयनित मेनू आइटम से भर देगा।
नोट सबसे हालिया , सभी देखें और खोजें के बीच स्विच करने का विकल्प होता है । यदि बहुत सारी वस्तुएं हों तो इन विकल्पों का उपयोग करना याद रखें।
एक बार जब आप सभी मेनू आइटम जोड़ना समाप्त कर लें, तो "मेनू सहेजें" बटन दबाएं, और अगले चरण पर जाएं।
क्या आप जानते हैं कि डिफ़ॉल्ट रूप से वर्डप्रेस आपको सबमेनू भी बनाने की अनुमति देता है? सबमेनू संरचना बनाते समय, आपके पास एक पैरेंट मेनू आइटम और एक चाइल्ड मेनू आइटम होता है।
जब कोई उपयोगकर्ता मूल मेनू आइटम पर होवर करता है, तो यह उसके नीचे छिपे सभी चाइल्ड मेनू आइटम को प्रकट कर देगा।
बिल्कुल सटीक?
अब एक सबमेनू संरचना बनाने के लिए, आपको बस एक मेनू आइटम चुनना है जिसे आप मूल मेनू पर रखना चाहते हैं। इसके बाद, उन सभी मेनू आइटम को खींचें और छोड़ें जिन्हें आप चाइल्ड मेनू आइटम के रूप में चाहते हैं। अब बस इसे दाईं ओर खींचें और आपका काम हो गया!
अब जब आपने अपना नया मेनू बना लिया है और सबमेनू जोड़ लिया है, तो इसका स्थान प्रबंधित करने का समय आ गया है।
अपने मेनू संपादक के शीर्ष पर, आपको "स्थान प्रबंधित करें" नामक एक विकल्प दिखाई देगा। इस पर क्लिक करें और निम्न स्क्रीन के समान कुछ दिखाई देना चाहिए:
अब, उपलब्ध मेनू स्थान आपके द्वारा इंस्टॉल की गई थीम पर निर्भर करेगा। इस amp में, हमारे पास एक थीम है जो 3 मेनू का समर्थन करती है।
प्रत्येक उपलब्ध मेनू स्थान के लिए एक मेनू निर्दिष्ट करने के बाद "परिवर्तन सहेजें" पर क्लिक करें और बस इतना ही।
अब आप वर्डप्रेस द्वारा डिफ़ॉल्ट रूप से प्रदान की जाने वाली सभी बुनियादी मेनू सुविधाओं को जानते हैं। हालाँकि, यदि आप अधिक अनुकूलन और कार्यक्षमता चाहते हैं, तो एलिमेंटर प्रो नेव मेनू विजेट के बारे में जानने के लिए आगे पढ़ें।
यदि आप अपनी वर्डप्रेस साइट पर एक अनुकूलित नेविगेशन मेनू जोड़ना चाहते हैं, तो आपको एलिमेंटर प्रो संस्करण की आवश्यकता होगी। एलिमेंटर प्रो संस्करण एलिमेंटर नेव विजेट -साथ कई अन्य विशेष सुविधाओं जैसे 300+ टेम्पलेट, एक थीम बिल्डर, एक पॉपअप विजेट, WooCommerce विजेट और कई अन्य दिलचस्प सुविधाओं के साथ आता है।
नेव मेनू विजेट की विशिष्ट मुख्य विशेषताएं क्या हैं? यहाँ एक संक्षिप्त परिचय दिया गया है.
जैसा कि हमने ऊपर बताया है, आपको एक मूल वर्डप्रेस मेनू बनाने की आवश्यकता होगी और फिर आप प्रो-नेव-मेनू विजेट का उपयोग करके डिफ़ॉल्ट वर्डप्रेस मेनू को कस्टमाइज़ करेंगे। एक बार जब आप प्राथमिक सूची बना लेते हैं, तो अगला कदम इसे अपने इच्छित स्थान, यानी हेडर अनुभाग में जोड़ना होता है।
अब जब आपने बुनियादी सेटिंग्स पूरी कर ली हैं, तो आइए नेव-मेनू विजेट का उपयोग करके मेनू को कस्टमाइज़ करें।
सेटिंग अनुभाग के सबसे ऊपरी कोने पर, तीन विकल्प उपलब्ध हैं; सामग्री, शैली और उन्नत।
लेआउट अनुभाग : आपके पास तीन विकल्प हैं क्षैतिज, ऊर्ध्वाधर, या एक छिपा हुआ ड्रॉपडाउन अकॉर्डियन।
संरेखित अनुभाग : यह अनुभाग आपको मेनू टेक्स्ट आइटम को संरेखित करने में मदद करता है; केंद्र, दाएँ, या बाएँ।
एनीमेशन अनुभाग : यह अनुभाग आपको नीचे, ऊपर या डबल लाइन एनीमेशन प्रभाव जोड़ने की अनुमति देगा। आप फ़्रेम, पृष्ठभूमि और सूक्ष्म पाठ एनिमेशन भी चुन सकते हैं।
रेखांकित एनिमेशन इस प्रकार हैं:
इसी तरह, फ़्रेमयुक्त, ओवरलाइन, डबल लाइन, बैकग्राउंड और टेक्स्ट एनीमेशन भी हैं। उनमें से हर एक एनिमेशन का अपना सेट पेश करता है और आप उन्हें स्वयं जांच कर जान सकते हैं कि आपको उनसे क्या मिलता है।
पॉइंटर अनुभाग : ड्रॉपडाउन मेनू से पॉइंटर का प्रकार चुनें।
सबमेनू संकेतक अनुभाग : एलीमेंटर विजेट कई सबमेनू स्टाइलिंग विकल्पों से भरा हुआ है। जहां आप न सिर्फ मेन्यू के रंग, स्टाइल और बैकग्राउंड को भी कंट्रोल कर सकते हैं।
पैडिंग और मेनू रिक्ति: पैडिंग को जल्दी से समायोजित किया जा सकता है। आप मेनू और सबमेनू के लिए क्षैतिज पैडिंग, ऊर्ध्वाधर पैडिंग, बीच के स्थान के साथ-साथ दाएं, बाएं और केंद्र संरेखण को बदल सकते हैं।
एलिमेंटर मेनू स्पेसिंग और पैडिंग को बहुत अच्छी तरह से अपनाता है। उन्होंने यह सुनिश्चित करने के लिए दरवाजे के पीछे कड़ी मेहनत की कि वे डेवलपर के पास उपकरण ला सकें ताकि वे आसानी से वह डिज़ाइन बना सकें जिसके बारे में वे सोच रहे हैं।
मेनू रिक्ति कई विकल्प प्रदान करती है जिनमें शामिल हैं:
रंग पृष्ठभूमि और टाइपोग्राफी : आप वांछित रंग योजना और पृष्ठभूमि रंग की सहायता से अपना अनुरूप-ब्रांडेड लुक प्राप्त कर सकते हैं। साथ ही, आप पारदर्शी या अर्ध-पारदर्शी मेनू विकल्प भी चुन सकते हैं।
एक डिज़ाइनर के रूप में, आप इन विकल्पों के साथ जितना हो सके खेल सकते हैं और यह सुनिश्चित कर सकते हैं कि आप पृष्ठभूमि को अपनी पसंद के अनुसार डिज़ाइन करें।
मोबाइल वेब का एक महत्वपूर्ण हिस्सा है, और इसीलिए एलिमेंटर डेवलपर्स टूल भी प्रदान करते हैं ताकि आप मोबाइल के लिए भी नेवबार बना सकें।
एलीमेंटर विजेट आपको वर्डप्रेस पर मोबाइल मेनू विकल्पों के लिए पूर्ण नियंत्रण की अनुमति देता है। आप केवल-मोबाइल स्क्रीन के लिए सेटिंग्स के एक अलग सेट के साथ मोबाइल स्क्रीन दृश्य को नियंत्रित कर सकते हैं। एलिमेंटर सेटिंग अनुभाग के नीचे मोबाइल स्क्रीन सेटिंग्स के लिए एक विकल्प है जहां आप अपने मोबाइल स्क्रीन विकल्प देख सकते हैं।
संक्षेप में, एलीमेंटर की मोबाइल मेनू विशेषताएं इस प्रकार हैं:
रिस्पॉन्सिव नेविगेशन: मेनू की रिस्पॉन्सिव स्थिति प्रदान करता है।
मेनू किसी भी वेबसाइट की सबसे महत्वपूर्ण विशेषताओं में से एक है। क्योंकि यह आगंतुकों को आपकी वेबसाइट पर चलने में मदद करता है और यदि आपने स्मार्ट तरीके से एक सूची बनाई है तो यह आपके आगंतुकों को आपकी साइट पर लंबे समय तक बनाए रखने में मदद करेगा। मेनू भी उतना ही महत्वपूर्ण है जितना कि किसी भी वेबसाइट का संपूर्ण लेआउट, हेडर और फ़ूटर अनुभाग।
इसलिए, मेनू विजेट सभी आवश्यक सुविधाओं के साथ आपके अद्वितीय ब्रांड लुक देने में सक्षम होना चाहिए। एलीमेंटर नेविगेशन विजेट सुविधा संपन्न क्षमताओं के साथ आता है जो ग्राहकों को आपके ब्रांड की आवाज़ में फिट होने के लिए मेनू अनुभाग को अनुकूलित करने की अनुमति देता है। अब, आप अपनी वेबसाइट पर, अपने लैंडिंग पृष्ठ, हेडर, या किसी अन्य अनुभाग पर जहां आप इसे प्रदर्शित करना चाहते हैं, एक कस्टम टेलर-निर्मित स्टाइलिश मेनू का उपयोग कर सकते हैं।
किसी वेबसाइट के शीर्षलेख और पादलेख आवश्यक तत्व हैं। अधिकांश मामलों में, हेडर नेविगेशन प्रदान करता है…
बाज़ार में दो सबसे लोकप्रिय वर्डप्रेस थीम एस्ट्रा और ओसियनडब्ल्यूपी हैं। पेशेवर…
एक उत्कृष्ट समाचार वेबसाइट बनाने के लिए आपको वेब डिज़ाइनर बनने की आवश्यकता नहीं है। हम…
न्यूज़पेपर थीम tagDiv द्वारा डिज़ाइन की गई सबसे महत्वपूर्ण वर्डप्रेस थीम में से एक है, जो…
जब ऑनलाइन स्टोर स्थापित करने की बात आती है, तो WooCommerce एक पसंदीदा plugin है। यह…
जब कोई व्यक्ति आपकी वेबसाइट पर जाता है तो आम तौर पर वह पहली चीज़ हेडर देखता है,…
टिप्पणियाँ देखें
नमस्ते, आपकी पोस्ट के लिए धन्यवाद, कृपया मुझे बताएं यदि आपके कोई प्रश्न हैं, तो कृपया एक संदेश छोड़ें और आप तत्व के संपादक हैं या आप अपने पेज पर हैं, एक टिप्पणी छोड़ना न भूलें। कोमो पुएडो सॉल्यूशनारलो? गौरव
नमस्ते! आमतौर पर, यह समस्या तब सामने आती है जब आपका मेनू या तो खाली होता है या सहेजा नहीं जाता है। कृपया वर्डप्रेस मेनू साइड पर दोबारा जांच करें।
नमस्ते, अपने सबमेनू या मेनू आइटम पर स्वचालित निर्देशों के लिए हमसे परामर्श करने के लिए आपका स्वागत है।
धन्यवाद.
नमस्ते, क्षमा करें मैं आपका प्रश्न पूरी तरह से समझ नहीं पाया? क्या आप निर्दिष्ट कर सकते हैं?
क्या आप जानते हैं कि सबमेनू कैसे काम करता है और एक डिवाइडर कैसे प्राप्त करता है?
नमस्ते, यह अनुशंसित नहीं है क्योंकि नेविगेशन को पढ़ना बहुत जटिल होगा, इस मामले में यह मेगा मेनू शैली बेहतर है
जब कोई मोबाइल फोन उपलब्ध हो तो मेनू। क्या आपको पता है कि आपको फोन पर क्या करना चाहिए?
नमस्ते, यदि आप एलिमेंटर नेविगेशन विजेट का उपयोग करते हैं तो मोबाइल मेनू डिस्प्ले स्वचालित है। लेकिन आपको मेनू सेटिंग्स में सेटिंग कॉल "ब्रेकपॉइंट" की जांच करनी चाहिए। यह वह स्क्रीन आकार है जब आपका मेनू टॉगल होगा।
अब यह अगली बार है, मैं अगले चरण को जारी रखने जा रहा हूं, अब यह अगली थीम क्रिएटन है। मुझे अभी भी पता है.
इस बिंदु पर, एक पुराने जमाने का क्या मतलब है, एक पुराने बेटे के लिए एक मेनू क्या है? ईप्रो
नमस्ते, दुर्भाग्य से यह संभव नहीं है, एलिमेंटर नेव विजेट में ऐसा कोई विकल्प नहीं है।
सियाओ. मेनू का पूर्ण दृश्यता में उपयोग करना और पृष्ठ की दृश्य सामग्री देखना संभव है। यदि आप ऐसा चाहते हैं तो आपको पृष्ठभूमि में रंग भरने के लिए अपने मेनू की जांच करने की आवश्यकता है, और आप इसे अवैध रूप से लिखने का प्रयास भी नहीं कर सकते। ग्रेजी