মেগা মেনু এবং ড্রপডাউন মেনু তৈরি করা

উইজেটস এবং মেনু ব্যবস্থাপনা - ওয়ার্ডপ্রেস (Wordpress) - Web Development

347

মেনু WordPress সাইটের একটি গুরুত্বপূর্ণ অংশ, যা ব্যবহারকারীদের সাইটে সহজে নেভিগেট করতে সাহায্য করে। মেগা মেনু এবং ড্রপডাউন মেনু দুটোই একটি উন্নত এবং ভালো ইউজার এক্সপিরিয়েন্স নিশ্চিত করে। এখানে, আমরা দেখবো কিভাবে আপনি মেগা মেনু এবং ড্রপডাউন মেনু তৈরি করতে পারেন।


1. ড্রপডাউন মেনু তৈরি করা

ড্রপডাউন মেনু এমন একটি মেনু, যা সাইটের প্রধান মেনু আইটেমের নিচে আরও সাব-মেনু আইটেমগুলো প্রদর্শন করে।

ড্রপডাউন মেনু তৈরি করার পদ্ধতি:

  1. ড্যাশবোর্ডে লগইন করুন।
  2. Appearance > Menus এ যান।
  3. এখানে, আপনি যদি নতুন মেনু তৈরি করতে চান, তবে Create a new menu বাটনে ক্লিক করুন এবং মেনুর নাম দিন (যেমন: "Main Menu")।
  4. Pages, Categories, অথবা Custom Links থেকে আপনার মেনু আইটেমগুলো যোগ করুন।
  5. ড্রপডাউন মেনু তৈরি করতে, মেনুর কোনো একটি আইটেমের নিচে অন্য আইটেম রাখুন। এই আইটেমটি একটু ডানদিকে সরিয়ে রেখে রাখুন, যাতে এটি সাবমেনু হিসেবে তৈরি হয়।
  6. Save Menu বাটনে ক্লিক করে মেনু সেভ করুন।
  7. এখন, আপনি যে মেনু সিলেক্ট করেছেন, সেটি সাইটের মেনু পজিশনে দেখাবে, এবং ড্রপডাউন ফিচারটি কাজ করবে।

2. মেগা মেনু তৈরি করা

মেগা মেনু হলো একটি বিশাল মেনু যেখানে অনেকগুলো সাব-আইটেম একসাথে বড় আকারে দেখানো হয়। এটি সাধারণত বড় সাইটে ব্যবহৃত হয়, যেখানে অনেক ক্যাটেগরি এবং সাব-ক্যাটেগরি থাকে।

মেগা মেনু তৈরি করার পদ্ধতি:

WordPress তে মেগা মেনু তৈরি করতে আপনাকে সাধারণত কিছু অতিরিক্ত কোডিং বা প্লাগইন ব্যবহার করতে হতে পারে। কিছু থিম যেমন Avada, Divi, এবং Enfold তে মেগা মেনু ফিচার বিল্ট-ইন থাকে, তবে আপনি প্লাগইন ব্যবহার করেও মেগা মেনু তৈরি করতে পারবেন।

থিমের সাথে মেগা মেনু তৈরি করা:
  1. Appearance > Menus এ গিয়ে মেনু তৈরি করুন।
  2. মেনু আইটেমগুলো যোগ করার পর, থিমের সেটিংস থেকে মেগা মেনু সক্রিয় করার অপশন খুঁজুন। বেশিরভাগ থিমে এটি Theme Options বা Header Settings এ থাকে।
  3. যদি থিমটি মেগা মেনু সাপোর্ট করে, তবে আপনি সেখানে মেগা মেনু সক্রিয় করতে পারবেন। মেনু আইটেমের অধীনে অনেক সাব-মেনু আইটেম যুক্ত করা হলে মেগা মেনু অটোমেটিক্যালি প্রদর্শিত হবে।
প্লাগইন ব্যবহার করে মেগা মেনু তৈরি করা:

এছাড়া, আপনি কিছু জনপ্রিয় প্লাগইন ব্যবহার করে সহজে মেগা মেনু তৈরি করতে পারেন। এর মধ্যে অন্যতম প্লাগইন হলো WP Mega Menu এবং Max Mega Menu

  1. WP Mega Menu প্লাগইন ইনস্টল এবং সক্রিয় করুন:
    • Plugins > Add New এ গিয়ে WP Mega Menu প্লাগইনটি ইনস্টল করুন এবং সক্রিয় করুন।
    • প্লাগইন সক্রিয় হওয়ার পর, আপনি Appearance > Menus এ গিয়ে মেগা মেনু সেটিংস দেখতে পাবেন।
  2. Max Mega Menu প্লাগইন ইনস্টল করুন:
    • Plugins > Add New এ গিয়ে Max Mega Menu ইনস্টল এবং সক্রিয় করুন।
    • এখন, আপনি Appearance > Menus এ গিয়ে মেনু আইটেমগুলো নির্বাচিত করে তাদের জন্য মেগা মেনু সেট করতে পারবেন।
    • এই প্লাগইনটি সহজেই মেগা মেনু স্টাইল কাস্টমাইজ করার সুবিধা দেয়।

3. মেনু কাস্টমাইজেশন

ড্রপডাউন এবং মেগা মেনুর ফিচারগুলি কাস্টমাইজ করতে পারেন। আপনি মেনুর ডিজাইন এবং অ্যানিমেশনগুলো পরিবর্তন করতে পারেন। কিছু থিম এবং প্লাগইন আপনাকে এই ধরনের কাস্টমাইজেশন করার জন্য অতিরিক্ত অপশন দেয়।

CSS কাস্টমাইজেশন:

  1. Appearance > Customize এ গিয়ে, আপনি আপনার মেনুর জন্য কাস্টম CSS কোড লিখতে পারেন।
  2. উদাহরণস্বরূপ, আপনি যদি মেনুর হোভার ইফেক্ট পরিবর্তন করতে চান, তবে কিছু CSS কোড যোগ করতে পারেন:

    .menu-item:hover {
        background-color: #333;
        color: #fff;
    }
    

    এর মাধ্যমে মেনুর হোভার ইফেক্ট পরিবর্তিত হবে এবং আপনার সাইটের ডিজাইনের সাথে মিলিয়ে মানানসই হবে।


4. মেনু ভিজ্যুয়াল কাস্টমাইজেশন

মেনু ফন্ট, কালার, বর্ডার, প্যাডিং ইত্যাদি কাস্টমাইজ করতে, আপনার থিমের স্টাইলিং অপশন বা প্লাগইন ব্যবহার করতে পারেন। অনেক থিমের মধ্যে এইসব কাস্টমাইজেশনের জন্য বিল্ট-ইন অপশন থাকে।

ফন্ট এবং কালার পরিবর্তন করা:

  1. Appearance > Customize > Typography এ গিয়ে মেনুর ফন্ট পরিবর্তন করুন।
  2. Colors সেকশনে গিয়ে, মেনুর ব্যাকগ্রাউন্ড এবং টেক্সট কালার পরিবর্তন করুন।

মেগা মেনু এবং ড্রপডাউন মেনু আপনার WordPress সাইটের ইউজার এক্সপিরিয়েন্স অনেক উন্নত করতে পারে। উপরের পদ্ধতিগুলি অনুসরণ করে, আপনি সহজেই সুন্দর এবং কার্যকরী মেনু তৈরি করতে পারবেন।

Content added By
Promotion

Are you sure to start over?

Loading...