हर वेब मालिक जानता है कि ट्रैफिक उनकी साइट की जीवन रेखा है, और अच्छी सामग्री बाढ़ लाने की कुंजी है। लेकिन आगंतुकों को प्राप्त करना एकमात्र चीज नहीं है; उन्हें बनाए रखना भी आवश्यक है। यहीं पर वेब डिज़ाइन और यूजर इंटरफेस महत्वपूर्ण भूमिका निभाते हैं। यदि आपकी वेबसाइट सहज और आंखों को भाने वाली है, तो आपका आगंतुक आपकी साइट पर अधिक समय बिताएगा, खोज इंजन आपकी साइट को अधिक पसंद करेंगे, और आपकी साइट खोज परिणामों में उच्च स्थान प्राप्त करेगी।
सहज और उपयोग में आसान वेब डिज़ाइन के प्रमुख तत्वों में से एक मेनू है। यदि आप अपने मेनू को अधिकांश अन्य साधारण वेब मेनू के बीच खड़ा करना चाहते हैं, तो आप मेगा मेनू का उपयोग अपने मेनू के भीतर छवियों, विजेट्स, और वस्तुतः किसी भी इंटरैक्टिव वेब तत्व को शामिल करने के लिए कर सकते हैं। और यदि आप एक वर्डप्रेस उपयोगकर्ता हैं, तो इसके लिए एक प्लगइन है।
मेगा मेनू को समझना
मेगा मेनू क्या है? यह वेब डिज़ाइन में हाल के रुझानों में से एक है जिसे प्रमुख साइटों द्वारा अपनाया गया है, विशेष रूप से ई-कॉमर्स क्षेत्र में जैसे Wal-Mart, OfficeMax, Target, Adidas, Puma, Toys-R-Us, आदि। मेगा मेनू की प्रकृति इसे ऑनलाइन खुदरा विक्रेताओं के लिए एकदम सही बनाती है। लेकिन यह अन्य प्रकार की वेबसाइटों के लिए भी आदर्श है, जैसे द व्हाइट हाउस या IMDB।
मेनू वेबसाइट जितना ही पुराना है। यह वह उपकरण है जिसका उपयोग आगंतुक उनके द्वारा विज़िट की जाने वाली वेबसाइटों को नेविगेट करने में मदद के लिए करते हैं। पारंपरिक मेनू जिन्हें हम प्यार और नफरत करने लगे हैं, उपयोगकर्ताओं को टेक्स्ट की स्ट्रिंग्स और ड्रॉप-डाउन टेक्स्ट देकर उनका कार्य पूरा करते हैं, लेकिन एक मेगा मेनू चीजों को कुछ पायदान ऊपर ले जाता है।
मेगा मेनू उपयोगकर्ताओं को मेनू में अन्य वेब तत्व जोड़ने की अनुमति देता है। उदाहरण के लिए, आप अपने ब्लॉग से नवीनतम पांच पोस्ट को उनकी फीचर्ड छवियों के साथ मेनू के अंदर शामिल कर सकते हैं। इस क्षमता का उपयोग करके, ऑनलाइन खुदरा विक्रेता अपने उत्पादों की छवियों और शायद दिन के सौदों को मेगा मेनू में जोड़ सकते हैं और इसे एक और बिलबोर्ड के रूप में उपयोग कर सकते हैं जहां वे अपने उत्पादों को और बढ़ावा दे सकते हैं।
अपने वर्डप्रेस ब्लॉग में मेगा मेनू जोड़ना
यदि वर्डप्रेस आपकी वेबसाइट को शक्ति देता है, और आप उपयोगकर्ता अनुभव के हिस्से के रूप में मेगा मेनू डालना चाहते हैं, तो प्रक्रिया एक प्लगइन इंस्टॉल करने और थोड़ा सेटअप करने जितनी आसान है।
वर्डप्रेस प्लगइन रिपॉजिटरी में कई विकल्प हैं जिन्हें आप ढूंढ सकते हैं, लेकिन हम सबसे लोकप्रिय में से एक का उपयोग करने जा रहे हैं जिसके 100 हजार से अधिक इंस्टॉल हैं, लगभग पूर्ण पांच-सितारा रैंकिंग है, और जिसे नियमित रूप से अपडेट किया जाता है: Max Mega Menu। आप इसे अपने मौजूदा थीम के साथ उपयोग कर सकते हैं और तत्वों को ड्रैग एंड ड्रॉप करके संपादित कर सकते हैं।
आप अपने वर्डप्रेस डैशबोर्ड के भीतर से "Plugins -> Add New" मेनू पर जाकर और "Max Mega Menu" खोजकर प्लगइन प्राप्त कर सकते हैं।
इंस्टॉल और सक्रिय करने के बाद, साइडबार से "Appearance -> Menus" पर जाएं। फिर आपको मेनू ट्री के बाईं ओर इसकी सेटिंग्स के माध्यम से Max Mega Menu को सक्षम करने की आवश्यकता है। यदि आपको सेटिंग्स नहीं मिल रही हैं, तो ड्रॉप-डाउन से संपादित करने के लिए मेनू के रूप में "Primary" चुनने का प्रयास करें।
जब आप व्यक्तिगत मेनू आइटम पर अपने माउस पॉइंटर को होवर करेंगे तो आपको अतिरिक्त मेगा मेनू विकल्प दिखाई देंगे।
Mega Menu विकल्पों पर क्लिक करने से एक पैनल लॉन्च होगा जिसमें इस मेनू आइटम के लिए सभी मेगा मेनू सेटिंग्स होंगी। आप जो बुनियादी कार्य कर सकते हैं वे हैं:
- नियमित, कैस्केडिंग, ड्रॉप-डाउन मेनू जिसे "Flyout" कहा जाता है या "Mega Menu" के बीच चुनें जहां मेनू क्षेत्र मेनू चौड़ाई भरता है
- उपलब्ध विजेट्स को मेनू में जोड़ें
- चुनें कि आप उस विशेष मेनू के लिए कितने कॉलम का उपयोग करना चाहते हैं
प्रत्येक अतिरिक्त विजेट संपादन बटन के साथ आता है ताकि उपयोगकर्ता अंदर की सामग्री को समायोजित कर सकें।
चूंकि अंतिम परिणाम इस बात पर निर्भर करेंगे कि आप मेगा मेनू में कौन से विजेट डालते हैं, सब कुछ इस बात पर निर्भर करता है कि आपके शस्त्रागार में कौन से विजेट हैं। आपकी संग्रह में जितने अधिक आइटम होंगे, संभावनाएं उतनी ही बड़ी होंगी।
कुछ थीम और प्लगइन्स अपने स्वयं के विशेष विजेट्स के साथ आते हैं। आप अच्छे पुराने Google की मदद से अधिक वर्डप्रेस विजेट्स भी ढूंढ सकते हैं। और चूंकि आप "Text" विजेट और हल्की कोडिंग के संयोजन का उपयोग करके वस्तुतः कुछ भी जोड़ सकते हैं, आपकी कल्पना के लिए आकाश की सीमा है।
त्वरित केस स्टडी
आपको यह अंदाजा देने के लिए कि आप प्लगइन के साथ क्या कर सकते हैं, मैंने एक त्वरित केस स्टडी करने की कोशिश की।
पहले मैंने मेनू को Flyout से Mega Menu में बदल दिया। फिर मैंने सब मेनू के साथ एक मौजूदा मेनू चुना, उन कुछ सब मेनू को हटा दिया जिनकी मुझे आवश्यकता नहीं थी, और Max Mega Menu पैनल खोला। मैंने कॉलम को सबमेनू की संख्या से मेल खाने के लिए समायोजित किया, और JetPack के इमेज विजेट का उपयोग करके एक छवि जोड़ी।
चीजों को खुशनुमा बनाने के लिए, मैंने एक कैलेंडर और एक सोशल मीडिया आइकन विजेट भी जोड़ा, सिर्फ इसलिए कि मैं कर सकता था।
अब आइए हमारे छोटे केस स्टडी के पहले और बाद की तुलना करें। यहां मेनू मेगा मेनू जोड़ने से पहले जैसा दिखता था।
और यहां ट्वीकिंग के बाद मेरे मेनू का परिणाम है।
तो आप मेगा मेनू के बारे में क्या सोचते हैं? क्या यह सिर्फ एक अस्थायी प्रवृत्ति है, या यह लंबे समय तक रहेगा? क्या आप अपनी साइट पर मेगा मेनू जोड़ेंगे? नीचे कमेंट्स में अपनी राय साझा करें।
