Wix Harmony Editor: मेन्यू ऐड और मैनेज करना
मेन्यू की मदद से विजिटर्स आसानी से आपकी साइट एक्सप्लोर कर सकते हैं और आपकी पेशकश के बारे में जान सकते हैं। उन पेज और लिंक को चुनें जो आपके लिए सबसे ज़्यादा मायने रखते हैं। आपके मेन्यू का लुक और काम करने का तरीका आप तय करते हैं, ताकि विजिटर्स किसी भी डिवाइस का इस्तेमाल करें, नेविगेशन हमेशा आसान लगे।
मेन्यू ऐड करना
मेन्यू की मदद से विजिटर्स आपकी साइट के अलग-अलग पेज पर जा सकते हैं। ऐड एलिमेंट्स पैनल की मेन्यू कैटेगरी में मौजूद हॉरिजॉन्टल, वर्टिकल और हैमबर्गर ऑप्शन से एक
साइट मेन्यू ऐड होता है, जो आपकी साइट के पेज से कनेक्टेड होता है। यानी, नए पेज इस मेन्यू में अपने-आप दिखाई देते हैं।
आप खास सेक्शन के लिए एक
अलग कस्टम मेन्यू भी ऐड कर सकते हैं और चुन सकते हैं कि वह हॉरिजॉन्टल, वर्टिकल या हैमबर्गर मेन्यू के रूप में दिखाई दे। उदाहरण के लिए, अपनी साइट के फुटर या किसी ऐसे खास पेज के लिए कस्टम मेन्यू बनाएं, जिसे अपने अलग नेविगेशन की ज़रूरत हो।
मेन्यू ऐड करने के लिए:
एडिटर के ऊपर बाईं ओर + ऐड पर क्लिक करें।
मेन्यू कैटेगरी चुनें।
सलाह: लिस्ट ब्राउज़ करने के लिए कैटेगरी के आगे मौजूद ऐरो आइकन पर क्लिक करें।आप जिस तरह का मेन्यू ऐड करना चाहते हैं, उसके हिसाब से नीचे दिए गए स्टेप फॉलो करें:
पर क्लिक करें।साइट मेन्यू
पर क्लिक करें। कस्टम मेन्यू
क्या आप जानते हैं?
अगर आप अपने शीर्षलेख में मेन्यू बार जोड़ते हैं, तो वह
मोबाइल पर अपने-आप हैमबर्गर मेन्यू बन जाता है। इससे छोटी स्क्रीन पर आपकी साइट का नेविगेशन साफ़-सुथरा रहता है।
मेन्यू आइटम जोड़ना और मैनेज करना
मेन्यू जोड़ने के बाद, वे आइटम चुनें जिन्हें आप दिखाना चाहते हैं। सामान्य साइट पृष्ठ, ऐप और CMS पृष्ठों के कलेक्शन या किसी कलेक्शन के खास पृष्ठ चुनें। अपने क्लाइंट की ज़रूरतों के मुताबिक अनुभव तैयार करने के लिए, आप ड्रॉपडाउन कंटेनर और लिंक भी जोड़ सकते हैं।
आप किसी मौजूदा मेन्यू और उसमें दिखने वाले आइटम को कभी भी एडजस्ट कर सकते हैं। कंटेंट को नया बनाए रखने के लिए, और आइटम जोड़ें, गैर-ज़रूरी आइटम हटाएँ या उनका क्रम बदलें।
मेन्यू मैनेज करने के लिए:
- अपने एडिटर पर जाएं।
- मेन्यू पर क्लिक करें।
- मैनेज मेन्यू पर क्लिक करें।
- अब चुनें कि आगे क्या करना है:
और मेन्यू आइटम जोड़ें
मेन्यू आइटम का लिंक बदलें
मेन्यू आइटम को रिनेम करें
मेन्यू से कोई आइटम हटाएं
मेन्यू आइटम को रीऑर्डर करें
को दबाकर रखें और उसे अपनी पसंद की जगह पर ड्रैग करें।
अपने मेन्यू में ड्रॉपडाउन जोड़ना
एक जैसे पेज को एक मेन्यू आइटम के नीचे ग्रुप करने और नेविगेशन को आसानी से स्कैन करने के लिए ड्रॉपडाउन का इस्तेमाल करें। किसी पेज या लिंक को पैरेंट आइटम के रूप में चुनें और ड्रॉपडाउन बनाने के लिए उसके नीचे दूसरे पेज नेस्ट करें।
ड्रॉपडाउन जोड़ने और सेट अप करने के लिए:
मेन्यू पर क्लिक करें।
मैनेज मेन्यू पर क्लिक करें।
तय करें कि कौन-सा मेन्यू आइटम ड्रॉपडाउन का टाइटल होगा।
पहले मेन्यू आइटम को ड्रॉपडाउन में मूव करें:
संबंधित मेन्यू आइटम को ड्रॉपडाउन टाइटल के नीचे ड्रैग करें।
ड्रैग किए गए आइटम पर होवर करें और मोर ऐक्शंस आइकन पर क्लिक करें।
मूव अंडर "पेज नेम" चुनें।
जिन बाकी आइटम को आप ड्रॉपडाउन में मूव करना चाहते हैं, उन सभी के लिए स्टेप 5 दोहराएं।
पर क्लिक करें। 
इसके बजाय माउस से ड्रैग करें:
पेज को जल्दी से ड्रॉपडाउन आइटम में बदलना चाहते हैं? किसी पेज को ऊपर या नीचे ड्रैग करें, फिर उसे थोड़ा दाईं ओर तब तक ड्रैग करें, जब तक वह किसी दूसरे पेज के नीचे "टक" न हो जाए। नीचे दिए गए GIF में देखें कि यह कैसा दिखना चाहिए।
मेन्यू का लेआउट बदलना
साफ़ मेन्यू लेआउट होने से विज़िटर तुरंत देख सकते हैं कि उन्हें आगे कहां जाना है। अगर आप सभी आइटम को एक लाइन या कॉलम में दिखाना चाहते हैं, तो मेन्यू बार चुनें। इससे हॉरिजॉन्टल मेन्यू में स्पेस खत्म होने पर आइटम कैसे दिखेंगे, इस पर भी आपको ज़्यादा कंट्रोल मिलता है। अगर आप नेविगेशन खोलने के लिए कॉम्पैक्ट आइकन चाहते हैं, तो हैमबर्गर मेन्यू चुनें—यह साफ़, मिनिमल लेआउट या कम स्पेस के लिए बढ़िया विकल्प है।
मेन्यू का लेआउट बदलने के लिए:
- अपने एडिटर पर जाएं।
- मेन्यू पर क्लिक करें।
- ऐक्शन बार पर चेंज फ़ॉर्मैट पर क्लिक करें।
- मेन्यू के नीचे सही विकल्प चुनें:
- मेन्यू बार: मेन्यू आइटम नेविगेशन बार में दिखते हैं। बार को हॉरिजॉन्टल या वर्टिकल रखने के लिए, ओरिएंटेशन के नीचे सही विकल्प चुनें।
टिप: हॉरिजॉन्टल मेन्यू में, विज़िटर की स्क्रीन पर सभी आइटम के लिए पर्याप्त जगह न होने पर आप उनका आइटम बिहेवियर भी चुन सकते हैं—मेन्यू को एक्सपैंड होने दें (फिट टू टेक्स्ट) या अतिरिक्त आइटम में स्क्रॉल करने के लिए बटन जोड़ें (फिट टू स्क्रॉल)। - हैमबर्गर: विज़िटर को एक आइकन दिखता है, जिस पर क्लिक करने से मेन्यू खुलता है। यह साफ़ और मिनिमल लेआउट के लिए एक बढ़िया विकल्प है।
- मेन्यू बार: मेन्यू आइटम नेविगेशन बार में दिखते हैं। बार को हॉरिजॉन्टल या वर्टिकल रखने के लिए, ओरिएंटेशन के नीचे सही विकल्प चुनें।
वर्टिकल और हॉरिजॉन्टल मेन्यू डिज़ाइन करना
कलर और बॉर्डर से लेकर टेक्स्ट, कॉर्नर और लेआउट तक, हर डिटेल को कस्टमाइज़ करके अपने मेन्यू को अलग बनाएं। आपका मेन्यू चाहे हॉरिजॉन्टल हो या वर्टिकल, आप मेन्यू बार और उसके आइटम का लुक कंट्रोल कर सकते हैं, ड्रॉपडाउन डिज़ाइन कर सकते हैं और स्पेसिंग एडजस्ट कर सकते हैं। ऐसा करने से विज़िटर के लिए सब कुछ बिल्कुल सही दिखेगा।
हैमबर्गर मेन्यू डिज़ाइन कर रहे हैं?
ज़्यादा जानकारी के लिए,
हैमबर्गर मेन्यू पर हमारा आर्टिकल पढ़ें। आप बटन से लेकर कंटेनर तक, हर हिस्से को डिज़ाइन कर सकते हैं।
वर्टिकल या हॉरिजॉन्टल मेन्यू डिज़ाइन करने के लिए:
मेन्यू पर क्लिक करें।
एक्शन बार में सभी डिज़ाइन विकल्प आइकन पर क्लिक करें।
सिलेक्ट अ पार्ट में मेन्यू का संबंधित हिस्सा चुनें:
पर क्लिक करें।मेन्यू बार और मेन्यू आइटम
: अपने ब्रांड कलर या कस्टम कलर में से कोई कलर चुनकर मेन्यू का कलर बदलें।
: मेन्यू को अलग दिखाने के लिए उसके बॉर्डर का कलर, चौड़ाई और स्टाइल सेट करें। बॉर्डर की हर साइड को अलग-अलग डिज़ाइन करने के लिए, एडिट इंडिविजुअल बॉर्डर्स आइकन 
पर क्लिक करें।
: अपने मेन्यू के कॉर्नर्स को ज्यादा स्क्वेयर या राउंड बनाने के लिए, रेडियस के नीचे मौजूद स्लाइडर को ड्रैग करें। हर कॉर्नर को अलग-अलग डिज़ाइन करने के लिए, एडिट इंडिविजुअल कॉर्नर्स आइकन 
: मेन्यू को दिलचस्प 3D इफेक्ट देने के लिए इनर और आउटर शैडो लगाएं और उसकी पोजिशन, ब्लर, कलर वगैरह सेट करें।
: अपने कंटेंट को पर्याप्त स्पेस देने के लिए पैडिंग जोड़ें और आइटम के बीच की स्पेसिंग एडजस्ट करें।
: तय करें कि इस मेन्यू पर साइट की डायरेक्शन (लेफ्ट-टू-राइट या राइट-टू-लेफ्ट) लागू करनी है या नहीं। वर्टिकल मेन्यू के लिए, आप मेन्यू आइटम की चौड़ाई और ड्रॉपडाउन ओपन या बंद दिखाने का विकल्प भी चुन सकते हैं।आइटम का टेक्स्ट
ड्रॉपडाउन और ड्रॉपडाउन आइटम
पर क्लिक करें।
: फ़ॉन्ट, कलर, फॉर्मेटिंग, एलाइनमेंट, कैरेक्टर स्पेसिंग वगैरह बदलकर ड्रॉपडाउन मेन्यू आइटम डिज़ाइन करें।मेन्यू आइटम्स का होवर स्टेट डिज़ाइन करें:
विज़िटर के होवर करने पर मेन्यू का लुक बदलकर उसे आकर्षक और इंटरैक्टिव बनाएं। रेडी-मेड इफ़ेक्ट चुनने के लिए, एक्शन बार में होवर डिज़ाइन आइकन पर क्लिक करें। इसके अलावा, डिज़ाइन पैनल में मेन्यू आइटम्स या आइटम्स टेक्स्ट चुनकर होवर स्टेट को शुरू से कस्टमाइज़ करें।
पर क्लिक करें। इसके अलावा, डिज़ाइन पैनल में मेन्यू आइटम्स या आइटम्स टेक्स्ट चुनकर होवर स्टेट को शुरू से कस्टमाइज़ करें।
मोबाइल पर मेन्यू के साथ काम करना
जब आप अपनी साइट को फोन पर देखते हैं, तो आपका हेडर एक सहज और क्लटर-फ़्री अनुभव देने के लिए बदल जाता है। आपके डेस्कटॉप हेडर के एलिमेंट्स, जैसे नेविगेशन लिंक और सोशल आइकॉन, एक कॉम्पैक्ट हैमबर्गर मेन्यू में मूव हो जाते हैं। इससे सबसे ज़रूरी एलिमेंट्स ही सबसे ऊपर दिखाई देते हैं। आप ज़रूरत के मुताबिक मोबाइल मेन्यू के अंदर एलिमेंट्स मूव कर सकते हैं या उन्हें बाहर निकाल सकते हैं।
मोबाइल पर हेडर मेन्यू एडजस्ट करने के लिए:
पृष्ठ के सबसे ऊपर दाईं ओर मोबाइल आइकन पर क्लिक करें।
हैमबर्गर मेन्यू आइकन पर क्लिक करें।
रेगुलर मोड ड्रॉपडाउन पर क्लिक करें और हैमबर्गर मेन्यू चुनें।
पर क्लिक करें।
- चुनें कि आगे क्या करना है:
- कंटेनर में एलिमेंट्स की पोज़िशन बदलें: एलिमेंट्स को ड्रैग करके हैमबर्गर मेन्यू के कंटेनर में मूव करें।
- कंटेनर में एलिमेंट्स जोड़ें: हैमबर्गर मेन्यू के कंटेनर में और एलिमेंट्स जोड़ने के लिए ऐड एलिमेंट्स पैनल का इस्तेमाल करें। ये एलिमेंट्स सिर्फ़ मोबाइल के लिए होते हैं, इसलिए डेस्कटॉप पर दिखाई नहीं देते।
- किसी एलिमेंट को वापस हेडर में मूव करें: एलिमेंट पर राइट-क्लिक करें और मूव टू हेडर चुनें।
अक्सर पूछे जाने वाले सवाल
ज़्यादा जानकारी के लिए नीचे दिए गए किसी सवाल पर क्लिक करें।
क्या मैं मेन्यू बार का साइज़ बदल सकता हूं?
क्या मैं हेडर में एक से ज़्यादा मेन्यू जोड़ सकता हूं?
क्या मेन्यू से किसी पृष्ठ को हटाने पर वह मेरी साइट से डिलीट हो जाता है?
क्या मुझे मेन्यू में अपनी साइट के सभी पृष्ठ दिखाने होंगे?
मेन्यू आइटम पर होवर करने पर दिखने वाली अंडरलाइन को कैसे बदलें?