বিষয়বস্তুর সারণী
একটি মেগা মেনু হল একটি বড়, প্যানেল-স্টাইলের ড্রপডাউন যা একটি নেভিগেশন আইটেমের নীচে খোলে এবং কলামগুলিতে একবারে অনেকগুলি লিঙ্ক তৈরি করে, সেগুলিকে একটির নীচে স্ট্যাক করার পরিবর্তে। এটি একটি সংকীর্ণ, স্ক্রোলযোগ্য সাবমেনুকে একটি সম্পূর্ণ সাইট বিভাগের বিস্তৃত পূর্বরূপ দিয়ে প্রতিস্থাপন করে, যাতে দর্শকরা নেস্টেড মেনুগুলির মাধ্যমে শিকার করার পরিবর্তে তাদের বিকল্পগুলি দেখতে পায়।
আপনি পরিদর্শন করেছেন প্রায় প্রতিটি বড় খুচরা বা SaaS সাইটে আপনি একটি ব্যবহার করেছেন। অ্যামাজনের ক্যাটাগরি মেনু, একটি বিশ্ববিদ্যালয়ের একাডেমিক ড্রপডাউন, একটি সফ্টওয়্যার কোম্পানির পণ্য-এবং-সমাধান প্যানেল: সমস্ত মেগা মেনু। এই নির্দেশিকাটি কভার করে যে একটি মেগা মেনুকে নিয়মিত ড্রপডাউন থেকে আলাদা করে তোলে, যখন অতিরিক্ত জটিলতা পরিশোধ করে, কখন তা হয় না এবং কীভাবে একটি পৃষ্ঠা নির্মাতা লাইসেন্সের জন্য অর্থ প্রদান না করে এলিমেন্টরে একটি তৈরি করা যায়।
একটি মেগা মেনু কি?
একটি মেগা মেনু হল একটি দ্বি-মাত্রিক ড্রপডাউন প্যানেল, যার অর্থ এটি একটি একক উল্লম্ব স্ট্যাকের পরিবর্তে প্রস্থ এবং উচ্চতা উভয়ই ব্যবহার করে। ছয় বা সাতটি লিঙ্কের একটি কলামের পরিবর্তে, একটি মেগা মেনু চার বা পাঁচটি কলাম দেখাতে পারে, যার প্রত্যেকটির নিজস্ব শিরোনাম, সাব-লিঙ্ক এবং কখনও কখনও একটি আইকন, থাম্বনেইল চিত্র বা ছোট প্রচার ব্লক রয়েছে।
ট্রিগারটি যেকোনো ড্রপডাউনের মতোই কাজ করে: পণ্য, পরিষেবা বা দোকানের মতো শীর্ষ-স্তরের আইটেম হোভার করুন বা ক্লিক করুন। যা দেখা যাচ্ছে তা ভিন্ন। একটি আদর্শ ড্রপডাউন একটি সংকীর্ণ তালিকা দেখায়। একটি মেগা মেনু একটি পূর্ণ-প্রস্থ বা কাছাকাছি-পূর্ণ-প্রস্থ প্যানেল খোলে যা বিভাগ অনুসারে সংগঠিত কয়েক ডজন লিঙ্ক ধারণ করতে পারে নিলসেন নরম্যান গ্রুপ থেকে গবেষণা কিভাবে দর্শকরা বড় নেভিগেশন প্যানেল স্ক্যান করে।
কিভাবে একটি মেগা মেনু একটি স্ট্যান্ডার্ড ড্রপডাউন থেকে আলাদা হয়
ব্যবহারিক পার্থক্য তিনটি জিনিসের নিচে আসে: প্রস্থ, গঠন এবং বিষয়বস্তুর ধরন।
- প্রস্থ: একটি স্ট্যান্ডার্ড ড্রপডাউন 200 থেকে 300 পিক্সেল চওড়া হয়; একটি মেগা মেনু বেশিরভাগ ভিউপোর্টে বিস্তৃত হতে পারে।
- গঠন: একটি ড্রপডাউন একটি কলাম; একটি মেগা মেনু একাধিক কলাম ব্যবহার করে, প্রায়ই উপ-শিরোনামের অধীনে গোষ্ঠীভুক্ত।
- বিষয়বস্তু: একটি ড্রপডাউন হল প্লেইন টেক্সট লিঙ্ক; একটি মেগা মেনু প্রায়ই আইকন, থাম্বনেইল ছবি বা সংক্ষিপ্ত বিবরণের সাথে লিঙ্কগুলিকে মিশ্রিত করে।
সেই কাঠামোগত পার্থক্যের কারণেই মেগা মেনুগুলি আরও পরিকল্পনা নেয়। একটি স্ট্যান্ডার্ড ড্রপডাউন একসাথে নিক্ষেপ করা সহজ: ছয়টি লিঙ্ক তালিকাভুক্ত করুন এবং আপনি সম্পন্ন করেছেন। একটি মেগা মেনুর একটি প্রকৃত তথ্য আর্কিটেকচার প্রয়োজন: কোন বিভাগগুলি শীর্ষ বিলিং পায়, প্রতিটি কলামে কী যায় এবং কীভাবে পুরো জিনিসটি একটি ফোনের স্ক্রিনে ভেঙে পড়ে যেখানে চারটি কলামের পাশাপাশি জায়গা নেই৷।
মেগা মেনু বনাম ড্রপডাউন বনাম অফ-ক্যানভাস মেনু
মেগা মেনু অনেক নেভিগেশন সংগঠিত করার একমাত্র উপায় নয়। এখানে তিনটি সবচেয়ে সাধারণ নিদর্শন তুলনা কিভাবে।
| নেভিগেশন প্রকার | জন্য সেরা | শক্তি | সতর্ক থেকো |
|---|---|---|---|
| স্ট্যান্ডার্ড ড্রপডাউন | প্রতি বিভাগে মুষ্টিমেয় পৃষ্ঠা সহ সাইট | তৈরি করতে দ্রুত, দর্শকদের জন্য কোন শেখার বক্ররেখা নেই | 8 থেকে 10 লিঙ্কের পরে ঘরের বাইরে চলে যায় |
| মেগা মেনু | বড় ক্যাটালগ, অনেক বিভাগ বা পণ্য লাইন | এক নজরে পুরো বিভাগটি দেখায়, চিত্র এবং গ্রুপিংয়ের জন্য ঘর | বাস্তব নকশা এবং বিষয়বস্তু পরিকল্পনা প্রয়োজন; অতিরিক্ত করা সহজ |
| অফ-ক্যানভাস মেনু | মোবাইল-প্রথম সাইট, ন্যূনতম শিরোনাম | হেডার পরিষ্কার রাখে, ছোট পর্দায় ভালো কাজ করে | একটি ট্যাপের পিছনে নেভিগেশন লুকায়, একটি অতিরিক্ত ধাপ যোগ করে |
যখন একটি মেগা মেনু আসলে সাহায্য করে
একটি মেগা মেনু তার জটিলতা অর্জন করে যখন একটি সাইটে সত্যিকারের গভীর নেভিগেশন থাকে। কয়েক ডজন পণ্য বিভাগ সহ ই-কমার্স স্টোর, বিভাগ এবং প্রোগ্রাম সহ বিশ্ববিদ্যালয়, অনেকগুলি বিভাগ সহ মিডিয়া সাইট এবং একাধিক পণ্য এবং ব্যবহারের ক্ষেত্রে SaaS কোম্পানিগুলি দ্রুত একটি স্ট্যান্ডার্ড ড্রপডাউনকে ছাড়িয়ে যায়।
পরীক্ষাটি সহজ: যদি আপনার বর্তমান ড্রপডাউনের জন্য ইতিমধ্যেই একটি স্ক্রলবারের প্রয়োজন হয়, অথবা দর্শকরা অনুসন্ধানের মাধ্যমে বিভাগ পৃষ্ঠাগুলিতে অবতরণ করে কারণ তারা শিরোনামে সেগুলি খুঁজে পায়নি, একটি মেগা মেনু একটি সাজানোর পরিবর্তে একটি বাস্তব সমস্যার সমাধান করছে৷।
যখন একটি মেগা মেনু সাহায্য করে তার চেয়ে বেশি আঘাত করে
পাঁচটি পৃষ্ঠা সহ একটি ছোট ব্রোশিওর সাইটের একটি মেগা মেনুর প্রয়োজন হয় না, এবং যাইহোক একটি তৈরি করা সাধারণত সাইটটিকে এটির চেয়ে আরও জটিল মনে করে। যদি আপনার সম্পূর্ণ নেভিগেশন ছয় বা সাতটি লিঙ্কে ফিট হয়, তাহলে একটি মেগা মেনু ভিজ্যুয়াল ওজন, অতিরিক্ত মার্কআপ এবং আরও একটি জিনিস যোগ করে যা একটি ফোনে ভেঙ্গে যেতে পারে, কোন প্রকৃত সুবিধা ছাড়াই।
একটি খারাপ মেগা মেনু একটি সাধারণ মেনুর চেয়ে খারাপ। সাইটের প্রতিটি পৃষ্ঠাকে একটি প্যানেলে ক্র্যাম করা কারণ "আরো দৃশ্যমান ভাল" দর্শকরা আসলে যে লিঙ্কগুলি চান তা তাদের অধীনে চাপা দেয়। যদি প্রতিটি কলাম সমানভাবে গুরুত্বপূর্ণ দেখায়, তবে তাদের কোনটিই নয়। আপনি প্যানেল তৈরি করার আগে লোকেরা আসলে যে বিভাগগুলি অনুসন্ধান করে সেগুলির তালিকাটি ছাঁটাই করুন৷।
সাধারণ মেগা মেনু ডিজাইন প্যাটার্ন
- লিঙ্কের কলাম: প্লেইন শ্রেণীবদ্ধ লিঙ্ক তালিকা, সবচেয়ে সাধারণ প্যাটার্ন এবং বজায় রাখা সবচেয়ে সহজ।
- বৈশিষ্ট্যযুক্ত বা প্রচার প্যানেল: একটি প্রচার চিত্র, ব্যানার, বা কল-টু-অ্যাকশন ব্লকের সাথে মিশ্রিত কলাম লিঙ্ক করুন।
- আইকন-নেতৃত্বাধীন মেনু: প্রতিটি লিঙ্ক একটি ছোট আইকনের সাথে যুক্ত, SaaS বৈশিষ্ট্য এবং সমাধান মেনুতে সাধারণ।
- ট্যাবড মেগা মেনু: শীর্ষ-স্তরের বিভাগগুলি প্যানেলের ভিতরে ট্যাব হিসাবে কাজ করে, কোন কলামগুলি দেখায় তা পরিবর্তন করে।
অ্যাক্সেসযোগ্যতা এবং মোবাইল বিবেচনা
একটি মেগা মেনু শুধুমাত্র তার কীবোর্ড সমর্থন হিসাবে ভাল। প্রতিটি ট্রিগার হোভার এবং ফোকাস উভয় ক্ষেত্রেই খুলতে হবে, যেহেতু একজন দর্শক কীবোর্ডের সাহায্যে হেডারের মাধ্যমে ট্যাবিং করে কিছু ঘোরাফেরা করতে পারে না। যোগ করুন aria-expanded ট্রিগার এবং aria-haspopup তাই স্ক্রিন রিডাররা ঘোষণা করে যে একটি প্যানেল উপলব্ধ, এবং নিশ্চিত করুন যে Escape প্যানেলটি বন্ধ করে এবং ট্রিগারে ফোকাস ফিরিয়ে দেয়।
ফোনে পাশাপাশি চারটি কলামের জন্য কোন জায়গা নেই, তাই বেশিরভাগ মেগা মেনু হ্যামবার্গার আইকনের নীচে একটি স্ট্যাক করা অ্যাকর্ডিয়নে ভেঙে পড়ে। একটি বাস্তব দর্শকের মতো ভেঙে পড়া সংস্করণটি পরীক্ষা করুন: ট্যাপ লক্ষ্যগুলি একটি থাম্বের জন্য যথেষ্ট বড় হওয়া উচিত এবং তালিকাটি যে পৃষ্ঠাটি রক্ষা করছে তার চেয়ে নীচে পৌঁছাতে বেশি স্ক্রলিং নেওয়া উচিত নয়৷।
এলিমেন্টরে কীভাবে একটি মেগা মেনু বিনামূল্যে তৈরি করবেন
এলিমেন্টরের নিজস্ব মেগা মেনু বিকল্পটি এলিমেন্টর প্রো-এর পিছনে থাকে, এলিমেন্টরের অন্তর্ভুক্ত নেস্টেড মেনু উপাদানের ভিতরে মেগা মেনু ডকুমেন্টেশন। আপনি যদি Elementor-এর বিনামূল্যের সংস্করণে থাকেন, তাহলে সেই পথটি বন্ধ হয়ে যাবে।
দ্য মাস্টার অ্যাডঅন মেগা মেনু এক্সটেনশন এলিমেন্টর প্রো ছাড়াই আপনি একই ফলাফল পান। এটি আপনার বিদ্যমান ওয়ার্ডপ্রেস নেভিগেশন মেনুতে থাকা যেকোনো আইটেমকে এটির নীচে একটি সম্পূর্ণ ডিজাইন করা এলিমেন্টর প্যানেলের জন্য একটি ট্রিগারে পরিণত করে এবং এটি কয়েক ডজন টুলের মধ্যে একটি মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন লাইব্রেরি.
- এলিমেন্টরের পাশাপাশি মাস্টার অ্যাডঅন (ফ্রি) ইনস্টল এবং সক্রিয় করুন, তারপর মাস্টার অ্যাডঅন → এক্সটেনশন থেকে মেগা মেনু এক্সটেনশন সক্ষম করুন।
- চেহারা → মেনুতে যান, অথবা আপনার হেডার খুলুন মাস্টার অ্যাডঅন থিম বিল্ডার যদি আপনার হেডারটি সেখানেই থাকে এবং মেগা মেনু সক্ষম করুন চালু করুন। প্রতিটি মেনু আইটেমের পাশে একটি বেগুনি মাস্টার মেগা ব্যাজ প্রদর্শিত হবে; আপনি যে আইটেমটিকে একটি মেগা মেনুতে পরিণত করতে চান তার ব্যাজটিতে ক্লিক করুন।
- সেই আইটেমটিতে মেগা মেনু সক্ষম করুন, তারপর প্যানেল ডিজাইন করতে এলিমেন্টর দিয়ে সম্পাদনা করুন ক্লিক করুন: কলাম, ছবি, আইকন বা প্রচার ব্লক, বিভাগটির প্রয়োজন যাই হোক না কেন।
- প্যানেলের প্রস্থ, সম্পূর্ণ প্রস্থ বা ধারণ সেট করুন, তারপর ডেস্কটপ এবং একটি বাস্তব ফোন উভয়েই এটি প্রকাশ করুন এবং পরীক্ষা করুন৷।
এটি প্রথমে একটি সমাপ্ত বিন্যাসে দেখতে চান? দ্য মেগা মেনু ডেমো এবং চারকোল নববার এবং মেগা মেনু বিভাগ উভয়ই একটি লাইভ হেডারে এক্সটেনশন দেখায়।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
মেগা মেনু মানে কি?
একটি মেগা মেনু হল একটি বড়, মাল্টি-কলাম ড্রপডাউন প্যানেল যা একটি নেভিগেশন আইটেমের নীচে খোলে এবং একসাথে অনেকগুলি লিঙ্ক প্রদর্শন করে, প্রায়শই বিভাগ দ্বারা গোষ্ঠীবদ্ধ এবং আইকন বা চিত্রগুলির সাথে যুক্ত করা হয়। এটি একটি সাইট বিভাগের একটি বিস্তৃত, সংগঠিত পূর্বরূপের সাথে একটি একক সংকীর্ণ তালিকা প্রতিস্থাপন করে।
কিভাবে একটি মেগা মেনু তৈরি করবেন?
একটি নিয়মিত নেভিগেশন মেনু আইটেমকে একটি মেগা মেনু ট্রিগারে পরিণত করুন, তারপর প্যানেলের বিষয়বস্তু ডিজাইন করুন: লিঙ্কের কলাম, শিরোনাম এবং ঐচ্ছিক ছবি বা আইকন৷ ওয়ার্ডপ্রেস এবং এলিমেন্টরে, মাস্টার অ্যাডনস মেগা মেনুর মতো একটি প্লাগইন ট্রিগার পরিচালনা করে এবং আপনাকে প্যানেলটি দৃশ্যত তৈরি করতে দেয়, তাই আপনাকে ড্রপডাউন মার্কআপ হ্যান্ড-কোড করার দরকার নেই।
একটি নিয়মিত মেনু এবং একটি মেগা মেনু মধ্যে পার্থক্য কি?
একটি নিয়মিত ড্রপডাউন মেনু পাঠ্য লিঙ্কগুলির একটি একক সংকীর্ণ কলাম দেখায়। একটি মেগা মেনু একাধিক কলাম সহ একটি বিস্তৃত প্যানেল খোলে এবং প্রায়শই লিঙ্কগুলির পাশাপাশি চিত্র, আইকন বা সংক্ষিপ্ত বিবরণে মিশে যায়। নিয়মিত মেনু মুষ্টিমেয় পৃষ্ঠার জন্য উপযুক্ত; অনেক বিভাগ বা বিভাগ সহ মেগা মেনু স্যুট সাইট।
একটি মেগা মেনু ব্যবহার করার সুবিধা কি কি?
একটি মেগা মেনু দর্শকদের নেস্টেড সাবমেনু খুলতে এবং পুনরায় খুলতে বাধ্য করার পরিবর্তে এক নজরে একটি সম্পূর্ণ সাইট বিভাগ দেখায়। এটি একটি গভীর পৃষ্ঠায় পৌঁছানোর জন্য ক্লিকের সংখ্যা হ্রাস করে, আপনাকে আইকন বা থাম্বনেইলের মতো ভিজ্যুয়াল ইঙ্গিতগুলির জন্য জায়গা দেয় এবং অনেকগুলি বিভাগ সহ স্টোর, বিশ্ববিদ্যালয় এবং সফ্টওয়্যার সাইটগুলির জন্য ভালভাবে কাজ করে৷।
ম্যাক্স মেগা মেনু কি বিনামূল্যে?
ম্যাক্স মেগা মেনু, একটি স্বতন্ত্র ওয়ার্ডপ্রেস প্লাগইন, অতিরিক্ত বৈশিষ্ট্যের জন্য অর্থপ্রদানের অ্যাড-অন সহ WordPress।org-এ একটি বিনামূল্যের সংস্করণ রয়েছে। আপনি যদি ইতিমধ্যেই Elementor-এ তৈরি করে থাকেন, তাহলে Master Addons Mega Menu এক্সটেনশন হল একটি বিনামূল্যের বিকল্প যা একটি পৃথক মেনু-বিল্ডার ইন্টারফেসের পরিবর্তে Elementor এডিটর দিয়ে প্যানেল ডিজাইন করে।
আমি কিভাবে আমার নিজস্ব মেনু তৈরি করব?
আপনার নেভিগেশন মেনুটি প্রথমে উপস্থিতির অধীনে তৈরি করুন, তারপরে ওয়ার্ডপ্রেসে মেনু, দর্শকদের সেগুলি দেখতে হবে এমন ক্রমে আপনি যে পৃষ্ঠাগুলি এবং লিঙ্কগুলি চান তা যোগ করুন৷ একবার সেই মেনুটি বিদ্যমান থাকলে, আপনি এর যেকোনো আইটেমকে একটি মেগা মেনু ট্রিগারে পরিণত করতে পারেন এবং এর উপরে ড্রপডাউন প্যানেল ডিজাইন করতে পারেন।
সম্পর্কিত পড়া
