Joomla তে ড্রপডাউন মেনু এবং Nested মেনু তৈরি করা একটি সহজ প্রক্রিয়া, যা ব্যবহারকারীদের জন্য ওয়েবসাইটের নেভিগেশন সুবিধাজনক করে তোলে। ড্রপডাউন মেনু এবং Nested মেনু তৈরি করার জন্য আপনাকে মূলত মেনু আইটেম এবং মেনু আইটেমের হায়ারার্কি কনফিগার করতে হবে। নিচে বিস্তারিতভাবে এই প্রক্রিয়া আলোচনা করা হলো।
ড্রপডাউন মেনু তৈরি করার ধাপ
ধাপ ১: মেনু তৈরি
- Joomla অ্যাডমিন প্যানেলে লগইন করুন।
- Menus মেনু থেকে Manage নির্বাচন করুন।
- Add New Menu বাটনে ক্লিক করুন।
- মেনুর নাম (যেমন: Main Menu) এবং মেনু পজিশন (যেমন: mainmenu) লিখুন।
- Save বাটনে ক্লিক করুন।
ধাপ ২: মেনু আইটেম তৈরি
- Menus মেনু থেকে আপনার তৈরি করা মেনু নির্বাচন করুন।
- Add New Menu Item বাটনে ক্লিক করুন।
- মেনু আইটেমের জন্য নাম, টাইপ এবং লিংক কনফিগার করুন।
- মেনু আইটেমের জন্য কনটেন্ট নির্বাচন করুন, যেমন Article, Category Blog, External Link, ইত্যাদি।
- Save & Close বাটনে ক্লিক করুন।
ধাপ ৩: ড্রপডাউন স্টাইল কনফিগার
- Menu Module খুলুন (Extensions > Modules > All Modules > Main Menu)।
- মেনু মডিউলের পজিশন নির্বাচন করুন (যেমন: position-1, position-2)।
- Menu Type সেটিং থেকে Dropdown Menu নির্বাচন করুন।
- Save বাটনে ক্লিক করুন।
ধাপ ৪: ড্রপডাউন মেনু কার্যকরী হওয়া
- আপনার ওয়েবসাইটে গিয়ে চেক করুন। এখন আপনি মেনুতে মাউস রেখে ড্রপডাউন মেনু দেখতে পাবেন, যেখানে সাব-মেনু আইটেম থাকবে।
Nested মেনু তৈরি করার ধাপ
Nested মেনু মানে একটি মেনু আইটেমের অধীনে অন্য মেনু আইটেমগুলি স্থাপন করা। এটি ড্রপডাউন মেনুর মতোই কাজ করে, তবে এতে আরও এক বা একাধিক স্তর থাকে।
ধাপ ১: মেনু আইটেম তৈরি
- Menus মেনু থেকে আপনার মেনু নির্বাচন করুন।
- Add New Menu Item বাটনে ক্লিক করুন।
- মেনু আইটেমের জন্য নাম দিন (যেমন: Products বা Services)।
- মেনু আইটেমের জন্য কন্টেন্ট নির্বাচন করুন (যেমন: Article, Category, ইত্যাদি)।
- Save বাটনে ক্লিক করুন।
ধাপ ২: Nested মেনু আইটেম তৈরি
- প্রথম মেনু আইটেমের অধীনে একটি নতুন মেনু আইটেম তৈরি করুন (যেমন: Product A, Product B)।
- মেনু আইটেমটি নির্বাচন করুন এবং Parent Item ফিল্ডে প্রথম মেনু আইটেমটি নির্বাচন করুন (যেমন: Products বা Services)।
- Save & Close বাটনে ক্লিক করুন।
ধাপ ৩: Nested মেনু অ্যাকটিভ করা
- মেনু মডিউলের সেটিংস খুলুন এবং নিশ্চিত করুন যে Show Sub-menu Items সক্রিয় রয়েছে।
- মেনু মডিউলের পজিশন এবং কনফিগারেশন চেক করুন, যাতে Nested মেনু সঠিকভাবে প্রদর্শিত হয়।
ধাপ ৪: Nested মেনু যাচাই করা
- ওয়েবসাইটে গিয়ে চেক করুন। আপনি যখন মূল মেনু আইটেমের উপর হোভার করবেন, তখন Nested মেনু আইটেমগুলি দেখাবে।
অতিরিক্ত কাস্টমাইজেশন টিপস
- CSS দিয়ে মেনু কাস্টমাইজ করা: ড্রপডাউন বা Nested মেনুর লুক এবং ফিল পরিবর্তন করতে আপনি কাস্টম CSS ব্যবহার করতে পারেন।
উদাহরণ:
#mainmenu li a { background-color: #f0f0f0; padding: 10px; } #mainmenu li ul { display: none; } #mainmenu li:hover > ul { display: block; }
- JavaScript/ jQuery দিয়ে মেনু কাস্টমাইজ করা: আপনি মেনুর এনিমেশন এবং ইন্টারেকশন বাড়াতে JavaScript বা jQuery ব্যবহার করতে পারেন।
- CSS ক্লাস ব্যবহার: আপনি যেকোনো মেনু আইটেমে CSS ক্লাস অ্যাড করে সেগুলোর ডিজাইন পরিবর্তন করতে পারেন। যেমন, হোভার ইফেক্ট, ড্রপডাউন এনিমেশন ইত্যাদি।
Joomla তে ড্রপডাউন এবং Nested মেনু তৈরি করা খুবই সহজ এবং কার্যকর। আপনি সহজেই মেনু আইটেমগুলো তৈরি এবং হায়ারার্কি সেট করতে পারেন, যা ওয়েবসাইটের নেভিগেশন আরও পরিষ্কার এবং ইউজার ফ্রেন্ডলি করে তোলে। CSS এবং JavaScript এর মাধ্যমে মেনু আরও কাস্টমাইজ করে, আপনি একটি আকর্ষণীয় ও ব্যবহারযোগ্য নেভিগেশন সিস্টেম তৈরি করতে পারবেন।
Read more
