विषय-सूची
एक रेस्तरां मेगा मेनू एक विस्तृत ड्रॉपडाउन पैनल है जो आपके पूरे भोजन मेनू, आहार संबंधी जानकारी, खुलने का समय और एक बुकिंग बटन को कई क्लिक के पीछे दफनाने के बजाय एक ही स्थान पर रखता है भोजन, कीमतें, घंटे और बुक करने का तरीका देखने के इच्छुक डायनर आते हैं आमतौर पर एक फोन पर अक्सर आपके और कहीं और के बीच निर्णय लेते समय।
यह मार्गदर्शिका मुफ़्त एलिमेंट और मुफ़्त के साथ एक बनाती है मास्टर एडॉन्स मेगा मेनूकोई एलिमेंटर प्रो की जरूरत नहीं है यहाँ समाप्त परिणाम है होवरिंग “Dishes” श्रेणियों, कीमतों, आहार टैग, आज रात के विशेष, और एक आरक्षित तालिका बटन के साथ पूर्ण रेस्तरां मेनू खोलता हैः
यदि आपको रेस्तरां मेगा मेनू शैली पसंद है तो आप इसे डाउनलोड कर सकते हैं और मास्टर एडॉन्स विजेट बिल्डर में आयात कर सकते हैं फिर आप अपनी आवश्यकताओं के आधार पर टेक्स्ट रंग, छवि, यूआरएल आदि को आसानी से अनुकूलित कर सकते हैं और इसे अपने रेस्तरां वेबसाइट पर अपने मेगा मेनू में उपयोग कर सकते हैं।
रेस्तरां मेगा मेनू डाउनलोड करें
एक रेस्तरां मेगा मेनू में क्या शामिल होना चाहिए
कुछ भी बनाने से पहले, तय करें कि पैनल में जगह क्या कमाती है इस गाइड में हम जो लेआउट बनाते हैं, उसमें चार जोन हैं, और वे लगभग हर रेस्तरां को कवर करते हैंः
| जोन | सामग्री | यह वहाँ क्यों है |
|---|---|---|
| श्रेणी साइडबार | स्टार्टर, पास्ता और रिसोट्टो, लकड़ी से चलने वाला पिज़्ज़ा, मुख्य और ग्रिल, मिठाइयाँ, वाइन और पेय | भोजन करने वालों को सीधे उस अनुभाग पर जाने दें जिसकी वे परवाह करते हैं |
| डिश ग्रिड | डिश के नाम, संक्षिप्त विवरण, कीमतें, शाकाहारी, मसालेदार, शेफ की पसंद जैसे टैग | किसी भी रेस्तरां साइट पर सबसे अधिक वांछित सामग्री टैग में अंतर्निहित आहार संबंधी जानकारी के साथ होती है |
| फीचर्ड कार्ड | आज रात एक तस्वीर, विवरण और कीमत के साथ विशेष है | रसोई को अपनी सबसे अच्छी प्लेट बेचने के लिए जगह देता है |
| क्रिया पादिका | एक टेबल बटन, खुलने का समय, पता, पूर्ण मेनू पीडीएफ लिंक आरक्षित करें | केवल सूचित करने के बजाय यात्रा को परिवर्तित करता है |
क्या छोड़ना है: आपकी पूरी कहानी के बारे में, प्रेस का उल्लेख है, और सामाजिक फ़ीड उन में से संबंधित हैं पाद लेख। नेविगेशन पैनल लोगों को कहीं लाने के लिए है, पूरी कहानी बताने के लिए नहीं।
क्या आपको इसके लिए एलिमेंटर प्रो की आवश्यकता है?
नहीं एलिमेंट का अपना मेगा मेनू विजेट एलिमेंट प्रो के अंदर बैठता है, लेकिन नीचे दिया गया मुफ्त मार्ग बिना सदस्यता के एक ही पैनल बनाता है।
| मार्ग | लागत | समझौता |
|---|---|---|
| एलिमेंटर प्रो मेगा मेनू विजेट | वार्षिक लाइसेंस का भुगतान किया | आपके द्वारा बनाई गई प्रत्येक साइट पर प्रो की आवश्यकता होती है, साथ ही प्रयोगात्मक सुविधाओं को सक्षम करना |
| कस्टम सीएसएस/हाथ से कोडित ड्रॉपडाउन | मुक्त | नाजुक, मेनू परिवर्तनों के बीच संपादित करना कठिन, कोई दृश्य संपादन नहीं |
| मास्टर एडॉन्स मेगा मेनू | मुक्त | एक प्लगइन जोड़ता है; पैनल को किसी भी अन्य पेज की तरह एलिमेंटर में दृष्टिगत रूप से डिज़ाइन किया गया है |
एक एकल-स्थान रेस्तरां के लिए अपने मेनू को वर्ष में कुछ बार अपडेट करना, मुफ्त विस्तार पर्याप्त है कई संपादकों को एक बड़ा बहु-स्थान समूह अभी भी प्रो के व्यापक टूलसेट से मूल्य प्राप्त कर सकता है, लेकिन यह पूरी साइट के बारे में एक निर्णय है, मेगा मेनू के बारे में विशेष रूप से एलिमेंट यहां अपने प्रो मेगा मेनू वर्कफ़्लो का दस्तावेजीकरण किया गया है अगर आप सीधे इसकी तुलना करना चाहते हैं।
आपको क्या चाहिए
- एलिमेंटर (मुफ़्त संस्करण ठीक है)
- एलिमेंट के लिए मास्टर ऐडऑन, स्थापित और सक्रिय
- आपके मेनू अनुभागों के लिए पहले से ही बनाए गए पृष्ठ (वे अभी के लिए प्लेसहोल्डर हो सकते हैं)
चरण १: मेगा मेनू एक्सटेंशन सक्षम करें
मास्टर एडॉन्स प्रत्येक विजेट और एक्सटेंशन को टॉगल के पीछे रखता है ताकि अप्रयुक्त कभी लोड न हों। पर जाएँ मास्टर ऐडऑन → सेटिंग्स, खोलो एक्सटेंशन टैब, और खोजें मेगा मेनू प्रदर्शन समूह में इसके टॉगल को फ्लिप करें और क्लिक करें परिवर्तन सहेजें। यदि आपको टॉगल दिखाई नहीं देता है, तो आप संभवतः पुराने प्लगइन संस्करण पर हैं, इसलिए पहले अपडेट करें।
चरण २: वर्डप्रेस मेनू की संरचना करें और मेगा मेनू पर स्विच करें
को जा उपस्थिति → मेनू और किसी भी डिजाइन को छूने से पहले कंकाल का निर्माण करें इस निर्माण में मेनू को पांच वस्तुओं के साथ मुख्य मेनू कहा जाता हैः होम, व्यंजन, हमारे बारे में, ब्लॉग, खाता। “Dishes” वह आइटम है जिसे मेगा पैनल मिलता है।
पहले संरचना को सही करें मेगा पैनल एक मेनू आइटम से जुड़ा हुआ है, इसलिए बाद में पुनर्व्यवस्थित करने का मतलब है कि डिजाइन कार्य को फिर से करना।
एक्सटेंशन सक्रिय होने के साथ, ए मास्टर एडॉन्स मेगा मेनू बॉक्स मेनू स्क्रीन के बाएं कॉलम में दिखाई देता है इसे स्विच करें मेगा मेनू सक्षम करें पर टॉगल करें जिस क्षण आप करते हैं, एक बैंगनी मास्टर मेगा बैज हर मेनू आइटम के बगल में दिखाता है वह बैज वह जगह है जहां प्रत्येक आइटम के मेगा मेनू विकल्प रहते हैं।
चरण ३: अपने व्यंजन आइटम के लिए मेगा मेनू चालू करें
क्लिक करें मास्टर मेगा “Dishes” आइटम पर बैज। एक सेटिंग्स पॉपअप चार टैब के साथ खुलता है: सामग्री, सेटिंग्स, आइकन और बैज।
- पर सामग्री टैब, फ्लिप करें मेगामेनू सक्षम हाँ पर स्विच करें। मेगामेनु सामग्री संपादित करें बटन जलता है।
- पर सेटिंग्स टैब, पैनल आकार और व्यवहार सेट करें हमने इस्तेमाल किया कस्टम चौड़ाई १००० पीएक्स पर, एक डिश ग्रिड प्लस एक विशेष कार्ड के लिए पर्याप्त चौड़ा यदि आपके डिजाइन को पूरी स्क्रीन की आवश्यकता है तो पूर्ण चौड़ाई भी है।
- सेट मोबाइल मेनू बिल्डर सामग्री के लिए, ट्रिगर प्रभाव होवर करने के लिए, और संक्रमण फीका करने के लिए। आइकन और बैज टैब वैकल्पिक अतिरिक्त हैं (उदाहरण के लिए, मौसमी मेनू पर एक “New” बैज)।
- क्लिक करें सहेजें.
आप सेटिंग्स टैब से मेगा मेनू चौड़ाई कॉन्फ़िगर करते हैं: पूर्ण चौड़ाई, डिफ़ॉल्ट, या हमारे १००० पीएक्स की तरह एक कस्टम चौड़ाई वही टैब मोबाइल मेनू स्रोत, ट्रिगर प्रभाव (होवर या क्लिक), संक्रमण एनीमेशन, और मेनू लेबल और विवरण के लिए टॉगल रखता हैः
चरण ४: एलिमेंट में पैनल डिजाइन करें
सामग्री टैब पर वापस, क्लिक करें मेगामेनू सामग्री संपादित करेंपैनल सामान्य एलिमेंटर संपादक में खुलता है, इसलिए आप इसे किसी अन्य पृष्ठ की तरह डिज़ाइन करते हैं ऊपर दी गई तालिका से चार ज़ोन बनाएंः
- हेडर स्ट्रिपः रेस्तरां का नाम और एक छोटा रसोई नोट (“रसोईघर रात 11:00 बजे तक खुला रहता है · लकड़ी का ओवन प्रतिदिन 4” पर जलता है) नोट चुपचाप उन “are वे खोलते हैं?” प्रश्न का उत्तर देता है, बिना किसी को घंटों तक शिकार किए।
- श्रेणी साइडबारः स्टार्टर, पास्ता और रिसोट्टो, लकड़ी से चलने वाला पिज़्ज़ा, मुख्य और ग्रिल, मिठाइयाँ, वाइन और पेय, प्रत्येक में एक डिश काउंट होता है।
- डिश ग्रिडः नाम, एक-पंक्ति विवरण, मूल्य, और शाकाहारी, मसालेदार, या शेफ की पिक जैसे टैग टैग एक अलग कॉलम के बिना आहार फ़िल्टरिंग को संभालते हैं।
- फीचर्ड कार्ड और एक्शन फुटरः आज रात फोटो और कीमत के साथ विशेष है, ए एक टेबल बटन आरक्षित करें, खुलने का समय और पता, और एक “डाउनलोड पूर्ण मेनू (पीडीएफ)” लिंक। यदि आप संरचित खुलने का समय दिखाना चाहते हैं, तो व्यावसायिक घंटे विजेट उन्हें एक ही स्थान पर संपादन योग्य रखता है।
प्रत्येक डिश का नाम, मूल्य और टैग बाईं ओर एलिमेंटर पैनल से संपादन योग्य रहता है बाद में मेनू को अपडेट करना एक सामग्री संपादन है, डिज़ाइन कार्य नहीं जब आप कर रहे हों तो टेम्पलेट प्रकाशित करें और संपादक को बंद करें।
चरण ५: मेनू को अपने हेडर में रखें
मेगा मेनू में रहने के लिए एक हेडर की आवश्यकता होती है यदि आपकी थीम का हेडर पहले से ही मुख्य मेनू प्रदर्शित करता है तो आप इस चरण को छोड़ सकते हैं, लेकिन मास्टर एडॉन्स के साथ हेडर का निर्माण एक संपादक में सब कुछ रखता है थीम बिल्डर मुफ्त हैएलिमेंटर प्रो के विपरीत।
- को जा मास्टर ऐडऑन → थीम बिल्डर और क्लिक करें नया टेम्पलेट जोड़ें.
- टेम्पलेट प्रकार को सेट करें हेडर, स्विच सक्रियण पर, और शर्तों के तहत चुनें शामिल करें → पूरी साइट.
- क्लिक करें एलिमेंट के साथ संपादित करें.
हेडर टेम्पलेट के अंदर, खींचें नेविगेशन मेनू विजेट और पिक मुख्य मेनू मेनू चुनें के तहत लेआउट को क्षैतिज पर सेट करें और इसे संरेखित करें हालांकि आपके हेडर डिज़ाइन के लिए कॉल करें “Dishes” आइटम अपने मेगा पैनल को स्वचालित रूप से अपने साथ ले जाता है।
चरण ६: होवर करें और परिणाम की जांच करें
हेडर प्रकाशित करें और अपनी साइट खोलें होवर “डिशेसंबाल और पूर्ण रेस्तरां मेनू पृष्ठ पर नीचे गिरता है: बाईं ओर श्रेणियां, बीच में कीमतों के साथ व्यंजन, आज रात का विशेष और दाईं ओर एक टेबल बटन आरक्षित करें।
यह सुनिश्चित करने के लिए प्रत्येक श्रेणी के माध्यम से क्लिक करें कि डिश मायने रखती है और लिंक व्यवहार करते हैं, फिर इसके पीछे पृष्ठ के खिलाफ पैनल की जांच करें एक अंधेरे नायक पर एक अंधेरे पैनल को एक सीमा या छाया की आवश्यकता होती है ताकि इसके किनारे दिखाई देते रहें।
चरण ७: इसे तेजी से रखें
मेनू छवियां आपकी साइट के प्रत्येक पृष्ठ पर लोड होती हैं, इसलिए एक लापरवाह मेगा मेनू पूरे रेस्तरां वेबसाइट को धीमा कर देता है धीमी रेस्तरां साइटें भोजन खो देती हैं जो मोबाइल डेटा पर विकल्पों की तुलना कर रहे हैं।
- पैनल में एक तस्वीर का उपयोग करें (विशेष रुप से प्रदर्शित विशेष), गैलरी नहीं।
- इसे संपीड़ित करें और WebP परोसें; इसे उस स्थान के आकार में आकार दें जिस पर यह वास्तव में रहता है।
- वास्तविक ऑल्ट टेक्स्ट लिखें (“वुड-फायर मार्गेरिटा पिज्जैम्ब) यह पहुंच और छवि खोज में मदद करता है।
- अपने समग्र की जाँच करें एलिमेंटर पेज की गति मेनू जोड़ने के बाद, पहले नहीं।
चरण ८: इसे फोन पर काम करें
अधिकांश रेस्तरां यातायात मोबाइल है, अक्सर बाहर खड़े लोगों से निर्णय लेते हैं कि क्या अंदर आना है यही कारण है कि हम सेट करते हैं मोबाइल मेनू चरण ३ में बिल्डर सामग्री वापस करने के लिए आपके द्वारा डिज़ाइन किया गया एक ही पैनल नंगे लिंक सूची के बजाय फोन लेआउट की सेवा करता है एक विस्तृत पैनल को अभी भी सुंदर रूप से ढहना हैः
- मोबाइल पर विशेष की तस्वीर छुपाएं, रिजर्व को टेबल बटन रखें एलिमेंट के उत्तरदायी दृश्यता नियंत्रण इसे प्रति तत्व संभालते हैं।
- स्टैकिंग क्रम में श्रेणी लिंक को पहले रखें; विज़िटर इसी के लिए आए थे।
- लंबे स्क्रॉलिंग के बिना “Reserve a Table” बटन को पहुंच योग्य रखें।
- वास्तविक फ़ोन पर परीक्षण करें। संपादक पूर्वावलोकन स्पर्श व्यवहार का अनुमान लगाता है; यह इसे पुन: उत्पन्न नहीं करता है।
यदि डिफ़ॉल्ट टैबलेट ब्रेकप्वाइंट आपके पैनल को अजीब तरह से काटता है, तो अपना खुद का पैनल मुफ़्त में सेट करें कस्टम ब्रेकप्वाइंट एक्सटेंशन.
वैकल्पिक: मौसमी आइटम स्वचालित रूप से दिखाएं
रेस्तरां लगातार समयबद्ध ऑफर चलाते हैं: दोपहर के भोजन के विशेष, उत्सव मेनू, हैप्पी आवर। मुफ़्त के साथ प्रदर्शन शर्तें विस्तार आप पैनल तत्व पर एक तिथि सीमा या सप्ताह के दिन का नियम निर्धारित कर सकते हैं ताकि क्रिसमस मेनू लिंक दिसंबर में दिखाई दे और जनवरी में खुद को हटा दे, कोई भी आधी रात को साइट को संपादित नहीं करेगा।
अक्सर पूछे जाने वाले प्रश्न
मैं एलिमेंट में रेस्तरां मेगा मेनू कैसे बना सकता हूं?
नि: शुल्क मास्टर एडॉन्स मेगा मेनू एक्सटेंशन सक्षम करें, उपस्थिति> मेनू के तहत अपना मेनू बनाएं, मेगा मेनू सक्षम करें पर स्विच करें, फिर अपने व्यंजन आइटम पर मास्टर मेगा बैज पर क्लिक करें और मेगामेनू सक्षम को हाँ में सेट करें मेगामेनू सामग्री संपादित करें पर क्लिक करें और एलिमेंटर में पैनल डिजाइन करें: मेनू श्रेणियां, कीमतों और आहार टैग के साथ व्यंजन, एक विशेष विशेष, और एक टेबल बटन आरक्षित करें अंत में, अपने हेडर में नेविगेशन मेनू विजेट के साथ मेनू प्रदर्शित करें।
क्या मुझे रेस्तरां मेगा मेनू के लिए एलिमेंटर प्रो की आवश्यकता है?
नंबर एलिमेंट का मेगा मेनू विजेट एक प्रो फीचर है, लेकिन मुफ्त मास्टर एडॉन्स मेगा मेनू एक्सटेंशन फ्री एलिमेंट में समान क्षमता जोड़ता है, और आप सामान्य एलिमेंट संपादक में ड्रॉपडाउन पैनल डिजाइन करते हैं।
रेस्तरां वेबसाइट मेनू में क्या शामिल होना चाहिए?
खाद्य मेनू श्रेणियां जैसे स्टार्टर, मेन, डेसर्ट और पेय; शाकाहारी, शाकाहारी और मसालेदार जैसे आहार टैग के साथ पकवान की कीमतें; खुलने का समय और पता; और एक स्पष्ट बुकिंग या ऑनलाइन-ऑर्डर कार्रवाई अपनी कहानी के बारे में छोड़ें, पाद लेख के लिए उल्लेख और सामाजिक फ़ीड दबाएं।
क्या एक मेगा मेनू मेरी रेस्तरां वेबसाइट को धीमा कर देगा?
यह कर सकता है, क्योंकि मेनू छवियां हर पृष्ठ पर लोड होती हैं गैलरी के बजाय अपने प्रदर्शन स्थान के लिए एक एकल संपीड़ित वेबपी फोटो आकार का उपयोग करें, वास्तविक ऑल्ट टेक्स्ट लिखें, और मेनू जोड़ने के बाद अपने पृष्ठ की गति को फिर से ध्यान से किया गया प्रभाव नगण्य है।
मैं मोबाइल पर एक रेस्तरां मेगा मेनू कैसे काम करूं?
बिल्डर सामग्री के लिए मोबाइल मेनू विकल्प सेट करें ताकि फोन आपके डिज़ाइन किए गए पैनल को प्राप्त करें, बुकिंग बटन रखते समय मोबाइल पर डिश फोटो छिपाएं, श्रेणी लिंक को पहले स्टैक करें, और लंबे स्क्रॉलिंग के बिना पहुंचने योग्य टेबल बटन को रिजर्व रखें संपादक पूर्वावलोकन के बजाय हमेशा वास्तविक फोन पर परीक्षण करें।
क्या मैं केवल कुछ तिथियों के दौरान मौसमी मेनू आइटम दिखा सकता हूं?
हाँ। निःशुल्क डिस्प्ले कंडीशंस एक्सटेंशन आपको मेगा मेनू पैनल के अंदर किसी भी तत्व पर एक तिथि सीमा या सप्ताह के दिन का नियम निर्धारित करने देता है, इसलिए एक उत्सव मेनू लिंक दिखाई देता है और साइट को संपादित किए बिना शेड्यूल पर गायब हो जाता है।
क्या मैक्स मेगा मेनू मुफ़्त है, और क्या यह किसी रेस्तरां साइट के लिए उपयुक्त है?
मैक्स मेगा मेनू में वर्डप्रेस रिपॉजिटरी प्लस एक भुगतान प्रो ऐड-ऑन में एक मुफ्त संस्करण है यह एक स्टैंडअलोन मेनू प्लगइन है, जो विशेष रूप से एलिमेंट के लिए नहीं बनाया गया है, इसलिए पैनल को एलिमेंट संपादक के बजाय अपने स्वयं के इंटरफ़ेस में संपादित किया जाता है जिसे आप पहले से ही पृष्ठों के लिए उपयोग करते हैं एक ऑल-एलिमेंट रेस्तरां निर्माण के लिए, मास्टर एडॉन्स मेगा मेनू पूरे पैनल को एक संपादक में रखता है।
संबंधित पढ़ना
