প্রতিটি ওয়েব মালিক জানে যে ট্রাফিক তাদের সাইটের প্রাণ, এবং ভালো কন্টেন্ট বাঢ় পাওয়ার চাবি। কিন্তু দর্শক পাওয়া একমাত্র বিষয় নয়; তাদের ধরে রাখাও অত্যন্ত জরুরি। এখানেই ওয়েব ডিজাইন এবং ইউজার ইন্টারফেস একটি উল্লেখযোগ্য ভূমিকা পালন করে। আপনার ওয়েবসাইট যদি ইনটুইটিভ (intuitive) এবং চোখে সুন্দর হয়, আপনার ভিজিটর আপনার সাইটে বেশি সময় কাটাবে, সার্চ ইঞ্জিন আপনার সাইটকে বেশি পছন্দ করবে, এবং আপনার সাইট সার্চ রেজাল্টে উচ্চতর পজিশন পাবে।
ইনটুইটিভ এবং সহজ-ব্যবহারযোগ্য ওয়েব ডিজাইনের মূল উপাদানগুলোর একটি হলো মেনু। আপনি যদি আপনার মেনুকে বেশিরভাগ অন্যান্য সাধারণ ওয়েব মেনুর চেয়ে আলাদা দেখাতে চান, তবে আপনি মেগা মেনু (mega menu) ব্যবহার করতে পারেন আপনার মেনুর মধ্যে ছবি, উইজেট, এবং আপনার চাওয়া প্রায় যেকোনো ইন্টারঅ্যাক্টিভ ওয়েব এলিমেন্ট অন্তর্ভুক্ত করতে। এবং আপনি যদি ওয়ার্ডপ্রেস ব্যবহারকারী হন, তবে এর জন্য একটি প্লাগইন রয়েছে।
মেগা মেনু বোঝা (Making Sense of Mega Menus)
মেগা মেনু কী? এটি ওয়েব ডিজাইনের সাম্প্রতিক ট্রেন্ডগুলোর একটি যা বড় বড় সাইটগুলোর দ্বারা আডপ্ট করা হয়েছে, বিশেষ করে ই-কমার্স যুগে যেন ওয়াল-মার্ট (Wal-Mart), অফিসম্যাক্স (OfficeMax), টার্গেট (Target), অ্যাডিডাস (Adidas), পুমা (Puma), টয়স-আর-আস (Toys-R-Us), ইত্যাদি। মেগা মেনুর প্রকৃতি এটিকে অনলাইন রিটেলারদের জন্য নিখুঁত করে তোলে। কিন্তু এটি অন্যান্য ধরণের ওয়েবসাইটের জন্যও আদর্শ, যেন দ্য হোউট হাউস (The White House) বা আইএমডিবি (IMDb)।
মেনু ওয়েবসাইটের মতো পুরানো। এটি वो টুল যা দর্শকরা ব্যবহার করে ওয়েবসাইট নেভিগেট করতে যা তারা ভিজিট করে। ঐতিহ্যবাহী মেনু যেগুলোর সাথে আমরা বড় হয়েছি এবং ঘৃণা করেছি সেগুলো ব্যবহারকারীদের টেক্সটের স্ট্রিং এবং ড্রপ-ডাউন টেক্সট দিয়ে তাদের কাজ করাতে দেয়, কিন্তু একটি মেগা মেনু বিষয়টিকে কয়েক ধাপ ওপরে নিয়ে যায়।
মেগা মেনু ব্যবহারকারীদের মেনুর সাথে অন্যান্য ওয়েব এলিমেন্ট যোগ করতে দেয়। উদাহরণস্বরূপ, আপনি আপনার ব্লগের লেটেস্ট পাঁচটি পোস্ট তাদের ফিচার্ড ইমেজসহ মেনুর ভেতরে অন্তর্ভুক্ত করতে পারেন। এই ক্ষমতা ব্যবহার করে, অনলাইন রিটেলাররা তাদের পণ্যের ছবি এবং হয়তো ডেল অফ দি ডে (deals of the day) মেগা মেনুতে যোগ করে সেটিকে আরেকটি বিলবোর্ড হিসেবে ব্যবহার করতে পারেন যেখানে তারা তাদের পণ্য আরও প্রচার করতে পারেন।
আপনার ওয়ার্ডপ্রেস ব্লগে মেগা মেনু যোগ করা
যদি ওয়ার্ডপ্রেস আপনার ওয়েবসাইট চালায়, এবং আপনি মেগা মেনুকে ইউজার এক্সপেরিয়েন্সের অংশ হিসেবে যোগ করতে চান, প্রক্রিয়াটি ততটুকু সহজ যে একটি প্লাগইন ইনস্টল করুন এবং একটু সেটআপ করুন।
ওয়ার্ডপ্রেস প্লাগইন রিপোজিটরিতে আপনি বেশ কিছু বিকল্প পাবেন, কিন্তু আমরা সবচেয়ে জনপ্রিয় 그중 একটি ব্যবহার করব যার ১ লক্ষেরও অধিক ইনস্টল, প্রায় নিখুঁত পাঁচ-তারকা র্যাঙ্কিং, এবং যা নিয়মিত আপডেট হয়: Max Mega Menu। আপনি এটি আপনার বিদ্যমান থিমের সাথে ব্যবহার করতে পারেন এবং ড্র্যাগ-অ্যান্ড-ড্রপ দিয়ে এডিট করতে পারেন।
আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে 'Plugins -> Add New' মেনুতে গিয়ে 'Max Mega Menu' সার্চ করে প্লাগইনটি পেতে পারেন।
ইনস্টল এবং এক্টিভেট করার পর, সাইডবার থেকে 'Appearance -> Menus'-এ যান। তারপর মেনু ট্রির বাম পাশের সেটিংসের মাধ্যমে Max Mega Menu এনাবল করুন। আপনি যদি সেটিংস খুঁজে পান না, তবে ড্রপ-ডাউন থেকে 'Primary' মেনুটি এডিট করার জন্য সিলেক্ট করার চেষ্টা করুন।
আপনি পৃথক পৃথক মেনু আইটেমের ওপর মাউস পয়েন্টার হোভার করলে অতিরিক্ত মেগা মেনু অপশন দেখতে পাবেন।
Mega Menu অপশনে ক্লিক করলে একটি প্যানেল খুলবে যাতে এই মেনু আইটেমের সকল মেগা মেনু সেটিং রয়েছে। আপনি যে বেসিক অ্যাকশনগুলো নিতে পারেন:
- সাধারণ, ক্যাসকেডিং, ড্রপ-ডাউন মেনু যাকে 'Flyout' বলা হয় বা 'Mega Menu' যেখানে মেনু এলিয়ার মেনুর প্রস্থ পূরণ করে সেটির মধ্যে বেছে নিন
- উপলব্ধ উইজেট মেনুতে যোগ করুন
- নির্দিষ্ট মেনুর জন্য আপনি কত কলাম ব্যবহার করতে চান সেটি বেছে নিন
প্রতিটি অতিরিক্ত উইজেটে একটি এডিট বাটন থাকে যাতে ব্যবহারকারী ভেতরের কন্টেন্ট অ্যাডজাস্ট করতে পারে।
যেহেতু চূড়ান্ত ফলাফল নির্ভর করবে আপনি মেগা মেনুতে কোন উইজেট রাখছেন, সব কিছু নির্ভর করে আপনার আর্মোরিতে কী কী উইজেট আছে। আপনার কালেকশনে যত বেশি আইটেম থাকবে, সম্ভাবনাগুলো তত বড়।
কিছু থিম এবং প্লাগইন তাদের নিজস্ব স্পেশাল উইজেটের সাথে আসে। আপনি পুরনো গুগলের সাহায্যে আরও ওয়ার্ডপ্রেস উইজেট খুঁজে পেতে পারেন। এবং যেহেতু 'Text' উইজেট এবং হালকা কোডিং-এর কম্বিনেশন ব্যবহার করে আপনি প্রায় যেকোনো জিনিস যোগ করতে পারেন, আপনার কল্পনাকে আকাশই সীমা।
দ্রুত কেস স্টাডি (Quick Case Study)
প্লাগইনটির সাথে আপনি কী করতে পারেন সেটির একটি ধারণা দিতে, আমি একটি দ্রুত কেস স্টাডি করার চেষ্টা করলাম।
প্রথমে আমি মেনুকে Flyout থেকে Mega Menu-এ পরিবর্তন করলাম। তারপর সাব মেনু আছে এমন একটি বিদ্যমান মেনু বেছে নিলাম, যেসব সাব মেনু আমার লাগে না সেগুলি ডিলিট করলাম, এবং Max Mega Menu প্যানেল খুললাম। আমি কলামটি সাবমেনুর সংখ্যার সাথে মিলিয়ে অ্যাডজাস্ট করলাম, এবং JetPack-এর ইমেজ উইজেট ব্যবহার করে একটি ছবি যোগ করলাম।
কিছু আরও মজার করার জন্য, আমি একটি ক্যালেন্ডার এবং সোশ্যাল মিডিয়া আইকন উইজেটও যোগ করলাম, শুধু কারণ আমি পারি।
এখন আমাদের ছোট কেস স্টাডির বিফোর এবং আফ্টার তুলনা করা যাক। মেগা মেনু যোগ করার আগে মেনুটি কেমন দেখত।
এবং এখানে টুইক করার পর আমার মেনুর ফলাফল।
তাহলে মেগা মেনু সম্পর্কে আপনি কী ভাবেন? কি এটা শুধু একটি সাময়িক ট্রেন্ড, yoksa আরও দিন থাকবে? আপনি আপনার সাইটে মেগা মেনু যোগ করবেন? নিচে কমেন্টে আপনার মতামত শেয়ার করুন।
