Wix के साथ शुरुआत करनाWix के साथ अपनी वेबसाइट और बिज़नेस बनाएँअपनी वेबसाइट बनाने, टेम्पलेट कस्टमाइज़ करने, या अपनी ऑनलाइन प्रेज़ेंस बेहतर बनाने के लिए प्रोफ़ेशनल्स को हायर करने के लिए हमारे AIटूल्स देखे
वेबसाइट बनानापढ़ें कि Wix एडिटर का इस्तेमाल कैसे करें और अपनी साइट पर कंटेंट कैसे मैनेज करें। जानें कि अपने विज़िटर्स की प्राइवेसी कैसे सुरक्षित रखें और अपनी साइट को एक्सेसिबल कैसे बनाएं।
अकाउंट और बिलिंगअपनी अकाउंट सेटिंग्स देखें, अपने सब्सक्रिप्शन और प्लान मैनेज करें और अपने इनवॉइस समझें.
Wix मोबाइल ऐप का इस्तेमाल करनाअपने बिज़नेस को चलते-फिरते अच्छे से चलाने के लिए हमारे मोबाइल ऐप्स का इस्तेमाल करें और अपनी साइट के मेंबर्स के टच में रहने के लिए एक खास ऐप सेट अप करें।
डोमेन कनेक्ट करनाअपनी साइट के लिए डोमेन खरीदने, कनेक्ट करने या ट्रांसफर करने का तरीका जानने के लिए हमारे स्टेप-बाय-स्टेप गाइड को फॉलो करें, और जानें कि अपनी साइट का डेटा कैसे सुरक्षित रखें।
अपना बिज़नेस मैनेज़ करनाअपने बिज़नेस और वेब प्रेजेंस को बढ़ाने के लिए टूल्स लें। अपनी खास ज़रूरतों के लिए सही टूल्स ढूंढें, ऑनलाइन पेमेंट सेट अप करें और अपनी साइट के एनालिटिक्स पर नज़र रखें।
अपनी साईट प्रमोट करना सर्च इंजन पर इसे प्रमोट करके, ईमेल भेजकर और पेड ऐड चलाकर अपनी साइट को ज़्यादा विज़िबल बनाना सीखें। प्रैक्टिकल टिप्स से अपनी ऑनलाइन प्रेजेंस को बेहतर बनाएं।
स्टूडियो, पार्टनर और एंटरप्राइअपने स्टूडियो या एंटरप्राइज़ अकाउंट का ज़्यादा से ज़्यादा फ़ायदा उठाएँ, एडवांस्ड फ़ीचर्स के साथ जो आपको ज़्यादा अच्छे से काम करने में मदद करेंगे.
और अधिक मदद की आवश्यकता है?साइट परफॉर्मेंस और टेक्निकल दिक्कतों के लिए सॉल्यूशन ढूंढें, उन दिक्कतों के बारे में जानें जिन्हें हम ठीक करने पर काम कर रहे हैं या मदद के लिए हमसे कॉन्टैक्ट करें।
placeholder-preview-image
Wix Learnहमारे कोर्सेज़ और ट्यूटोरियल के ज़रिए अपने स्किल्स का विकास करें।
Wix ब्लॉगवेब डिज़ाइन, मार्केटिंग आदि के लिए सुझाव पाएं।
SEO लर्निंग हबसर्च इंजन से ऑर्गेनिक साइट ट्रैफिक बढ़ाना सीखें।
वेबसाइट विकासहमारे फ़ुल-स्टैक प्लेटफ़ॉर्म का उपयोग करके एक कस्टम साइट बनाएं।
placeholder-preview-image

Studio Editor: मेगा मेन्यू जोड़ना और कस्टमाइज करना

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

मेगा मेन्यू कंटेनर जोड़ना और सेट अप करना

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

मेगा मेन्यू जोड़ने के लिए:

  1. अपने एडिटर में संबंधित हॉरिजॉन्टल मेन्यू चुनें।
  2. मैनेज मेन्यू पर क्लिक करें।
  3. पैनल के नीचे + ऐड आइटम पर क्लिक करें।
  4. मेगा मेन्यू चुनें।
  5. मेगा मेन्यू के लिए एक टाइटल डालें।
    टिप: विजिटर इसी टाइटल पर होवर करके मेगा मेन्यू देखेंगे।
  6. हो गया पर क्लिक करें।
  7. मेगा मेन्यू में कंटेंट जोड़ें:
    1. (मैनेज मेन्यू पैनल में) एडिट पर क्लिक करें, जो कंटेनर के आगे है।
    2. कंटेनर में अपनी जरूरत के सभी एलिमेंट जोड़ें।
मैनेज मेन्यू पैनल, जिसमें नए मेगा मेन्यू कंटेनर में एलिमेंट जोड़ना शुरू करने के लिए एडिट पर क्लिक किया जा रहा है
क्या आप मेगा मेन्यू से साइट पेजों को लिंक करना चाहते हैं?
साइट पेज से लिंक किए गए एलिमेंट को मेगा मेन्यू कंटेनर में रखने पर वे एक्सेसिबल नहीं होते। इसलिए, हमारा सुझाव है कि अगले सेक्शन में दिए गए स्टेप की मदद से पेज को ड्रॉपडाउन मेन्यू आइटम के तौर पर जोड़ें। वेब एक्सेसिबिलिटी के बारे में ज्यादा जानें।

ड्रॉपडाउन मेन्यू बनाना

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

ड्रॉपडाउन मेन्यू बनाने के लिए:

  1. अपने एडिटर में संबंधित हॉरिजॉन्टल मेन्यू चुनें।
  2. मैनेज मेन्यू पर क्लिक करें।
  3. (अगर आइटम को हॉरिजॉन्टल मेन्यू में नहीं जोड़ा गया है) ऐड आइटम पर क्लिक करें और अपना मनचाहा मेन्यू आइटम सेट अप करें।
  4. संबंधित मेन्यू आइटम को मेगा मेन्यू के नीचे नेस्ट करें:
    1. मैनेज मेन्यू पैनल में आइटम चुनें।
    2. आइटम को ड्रैग और ड्रॉप करके मेगा मेन्यू के नीचे ले जाएं।
एक GIF, जिसमें मैनेज मेन्यू पैनल से आइटम को ड्रैग और ड्रॉप करके मेगा मेन्यू के नीचे ले जाते और ड्रॉपडाउन मेन्यू बनाते हुए दिखाया गया है।
ड्रॉपडाउन मेन्यू आइटम मैनेज करना चाहते हैं?
ड्रॉपडाउन मेन्यू में आइटम को रीऑर्डर, रीनेम और रिमूव करने के लिए मैनेज मेन्यू पैनल का इस्तेमाल करें।

मेगा मेन्यू कंटेनर का लेआउट एडजस्ट करना

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

लेआउट बदलने के लिए:

  1. अपने एडिटर में संबंधित मेन्यू चुनें।
  2. लेआउट आइकन पर क्लिक करें।
  3. मेगा मेन्यू पर क्लिक करें।
  4. लेआउट एडजस्ट करने के लिए इन ऑप्शन का इस्तेमाल करें:
    • स्ट्रेच कंटेनर: तय करें कि कंटेनर विजिटर की स्क्रीन की पूरी चौड़ाई तक स्ट्रेच हो या नहीं। इसे डिसेबल करने पर, आप कैनवस या इंस्पेक्टर पैनल में अपनी मनचाही चौड़ाई सेट कर सकते हैं।
    • मार्जिन: मेगा मेन्यू कंटेनर और स्क्रीन के किनारों के बीच स्पेस (px या % में) जोड़ें।
    • आइटम और कंटेनर के बीच स्पेस: स्लाइडर को ड्रैग करके मेन्यू और मेगा मेन्यू कंटेनर के बीच का स्पेस बढ़ाएं या घटाएं।
Studio Editor के मेन्यू लेआउट पैनल में मेगा मेन्यू टैब।

मेगा मेन्यू डिजाइन करना

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

कंटेनर का डिजाइन कस्टमाइज करने के लिए:

  1. अपने एडिटर में संबंधित मेन्यू चुनें।
  2. एडिटर में सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio Editor में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. व्हाट डू यू वांट टू डिजाइन? ड्रॉप-डाउन से सबमेन्यू कंटेनर चुनें।
  2. कंटेनर को डिजाइन करने के लिए उपलब्ध ऑप्शंस का इस्तेमाल करें:
    • बैकग्राउंड फिल्स: कंटेनर के बैकग्राउंड के लिए कोई कलर, ग्रेडिएंट या इमेज सेट करें। आप अलग-अलग ओपेसिटी लेवल वाली कई बैकग्राउंड लेयर्स जोड़ सकते हैं।
    • बॉर्डर्स: कंटेनर में बॉर्डर्स जोड़ें और उनका डिजाइन कस्टमाइज करें।
    • कॉर्नर्स: कंटेनर के कॉर्नर्स को ज्यादा गोल या रेक्टैंगुलर बनाएं।
    • शैडोज: 3D इफेक्ट के लिए कंटेनर के पीछे शैडो जोड़ें।
इंस्पेक्टर पैनल में सबमेन्यू कंटेनर को डिजाइन करने के लिए सिलेक्ट करने और मेगा मेन्यू के उपलब्ध ऑप्शंस दिखाने वाला स्क्रीनशॉट।