WordPress সাইটে উইজেটস এবং মেনু ব্যবস্থাপনা সাইটের কাস্টমাইজেশন এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করার জন্য অত্যন্ত গুরুত্বপূর্ণ। উইজেটস আপনাকে সাইটের সাইডবার বা ফুটারে বিভিন্ন কন্টেন্ট ব্লক যোগ করতে দেয়, যেমন রিসেন্ট পোস্ট, ক্যাটেগরি লিস্ট, সার্চ বক্স, সোশ্যাল লিঙ্ক ইত্যাদি। মেনু ব্যবস্থাপনা ব্যবহার করে আপনি সাইটের নেভিগেশন সহজ করে তুলতে পারেন, যা ব্যবহারকারীদের সাইটে চলাচল করতে সহায়তা করে।
এই গাইডে, আমরা উইজেটস এবং মেনু ব্যবস্থাপনা সম্পর্কিত বিভিন্ন কার্যকলাপ এবং সেটআপ প্রসেস আলোচনা করবো।
1. উইজেটস ব্যবস্থাপনা
উইজেটস WordPress সাইটের বিভিন্ন অংশে কাস্টম কন্টেন্ট বা ফাংশন যোগ করার জন্য ব্যবহৃত হয়। এগুলি সাধারণত সাইডবার, ফুটার, অথবা অন্যান্য উইজেট-সক্ষম এলাকা (widget-ready areas) তে রাখা হয়।
উইজেটস কিভাবে যোগ করবেন
- Dashboard থেকে Appearance > Widgets মেনুতে যান।
- এখানে সাইটের উইজেট-সক্ষম এলাকা (যেমন সাইডবার, ফুটার) দেখবেন।
- যে উইজেটটি আপনি যোগ করতে চান তা নির্বাচন করুন এবং ড্র্যাগ করে নির্দিষ্ট এলাকা (যেমন সাইডবার) তে রাখুন।
উইজেটস কনফিগারেশন
প্রতিটি উইজেটের নিজস্ব সেটিংস থাকতে পারে। উদাহরণস্বরূপ:
- Text Widget: কাস্টম HTML বা টেক্সট যোগ করার জন্য।
- Recent Posts Widget: সাইটে সর্বশেষ পোস্টের তালিকা প্রদর্শন করার জন্য।
- Category Widget: সাইটের ক্যাটেগরিগুলোর তালিকা দেখানোর জন্য।
- Search Widget: একটি সার্চ বক্স যোগ করতে।
প্রতিটি উইজেটের কনফিগারেশন সম্পন্ন করার পর, Save বাটনে ক্লিক করুন।
উইজেট কাস্টমাইজেশন
- আপনি প্রতিটি উইজেটের শিরোনাম এবং কন্টেন্ট কাস্টমাইজ করতে পারেন। উদাহরণস্বরূপ, "Recent Posts" উইজেটের শিরোনাম পরিবর্তন করা অথবা বিভিন্ন সংখ্যা নির্ধারণ করা।
- Custom HTML Widget: এখানে আপনি কাস্টম কোড বা জাভাস্ক্রিপ্টও যোগ করতে পারেন।
2. মেনু ব্যবস্থাপনা
মেনু ব্যবস্থাপনা আপনাকে সাইটের নেভিগেশন সিস্টেম তৈরি এবং কাস্টমাইজ করার সুযোগ দেয়। আপনি মেনুর মধ্যে লিঙ্ক, পেজ, ক্যাটেগরি, পোস্ট ইত্যাদি যোগ করতে পারেন।
মেনু তৈরি করা
- Dashboard থেকে Appearance > Menus মেনুতে যান।
- এখানে, Create a New Menu অপশনে ক্লিক করুন।
- মেনুর নাম দিন, যেমন "Main Navigation", এবং Create Menu বাটনে ক্লিক করুন।
মেনুতে আইটেম যোগ করা
আপনার তৈরি করা মেনুর মধ্যে পেজ, পোস্ট, ক্যাটেগরি, কাস্টম লিঙ্ক ইত্যাদি যোগ করতে পারেন:
- মেনু সেটআপ করার পর, ডানপাশে Pages, Posts, Categories, এবং Custom Links অপশন দেখা যাবে।
- যা কিছু আপনি মেনুর মধ্যে যোগ করতে চান তা নির্বাচন করুন এবং Add to Menu বাটনে ক্লিক করুন।
- মেনু আইটেমগুলো ড্র্যাগ করে আপনার কাঙ্ক্ষিত অবস্থানে রাখুন।
মেনুর অবস্থান নির্ধারণ করা
একটি থিমের মধ্যে সাধারণত একাধিক মেনু অবস্থান (menu location) থাকে। আপনি মেনু তৈরি করার পর, Menu Settings এর নিচে বিভিন্ন মেনু অবস্থান দেখতে পাবেন। সেগুলির মধ্যে আপনি কোথায় মেনু প্রদর্শিত হবে তা নির্বাচন করতে পারেন (যেমন, Primary Menu, Footer Menu ইত্যাদি)।
কাস্টম লিঙ্ক যোগ করা
যদি আপনি সাইটের বাইরের কোনো লিঙ্ক বা সুনির্দিষ্ট পেজের লিঙ্ক যুক্ত করতে চান, তাহলে Custom Links অপশন ব্যবহার করতে পারেন:
- Custom Links অপশনে URL এবং লিঙ্কের টেক্সট প্রদান করুন।
- Add to Menu বাটনে ক্লিক করে এটি মেনুর অংশ করুন।
মেনু কাস্টমাইজেশন
- মেনুর আইটেমগুলির মধ্যে ড্রপডাউন মেনু তৈরি করতে, মেনুর আইটেমগুলিকে অন্য আইটেমের নিচে টেনে আনুন। এটি সাবমেনু হিসেবে কাজ করবে।
- CSS Classes: আপনি যদি CSS ব্যবহার করে মেনু আইটেমগুলোর স্টাইল পরিবর্তন করতে চান, তাহলে Screen Options থেকে CSS Classes চালু করুন। এরপর, মেনু আইটেমে কাস্টম ক্লাস অ্যাড করতে পারবেন।
3. উইজেটস এবং মেনু ব্যবস্থাপনায় বেস্ট প্র্যাকটিস
উইজেটস ব্যবস্থাপনাতে বেস্ট প্র্যাকটিস
- প্রয়োজনীয় উইজেট ব্যবহার করুন: সাইটের প্রয়োজনীয়তা অনুযায়ী উইজেট ব্যবহার করুন। অতিরিক্ত উইজেট সাইটকে ভারী করে তুলতে পারে।
- কাস্টম স্টাইলিং: কিছু উইজেটের জন্য কাস্টম CSS ব্যবহার করতে পারেন, যাতে তারা আপনার সাইটের ডিজাইন এবং লেআউটের সাথে সামঞ্জস্যপূর্ণ হয়।
- সাইডবার ক্লিন রাখুন: সাইডবারে একাধিক উইজেট ব্যবহার করলে, এটি overcrowded হয়ে যেতে পারে। প্রয়োজনীয় এবং গুরুত্বপূর্ণ উইজেটগুলোই রাখুন।
মেনু ব্যবস্থাপনাতে বেস্ট প্র্যাকটিস
- স্পষ্ট নেভিগেশন: মেনুর মাধ্যমে সাইটের প্রতিটি গুরুত্বপূর্ণ অংশ সহজেই অ্যাক্সেসযোগ্য হওয়া উচিত।
- ড্রপডাউন মেনু ব্যবহার করুন: যদি সাইটে অনেক পেজ বা ক্যাটেগরি থাকে, তবে ড্রপডাউন মেনু ব্যবহার করে সেগুলোকে সুন্দরভাবে গ্রুপ করুন।
- মোবাইল রেসপন্সিভ মেনু: নিশ্চিত করুন যে আপনার মেনু মোবাইল ডিভাইসে ভালোভাবে কাজ করে। এই জন্য, রেসপন্সিভ থিম ব্যবহার করা গুরুত্বপূর্ণ।
এইভাবে আপনি উইজেটস এবং মেনু ব্যবস্থাপনা করে আপনার WordPress সাইটকে আরও কাস্টমাইজ এবং ব্যবহারকারী-বান্ধব করে তুলতে পারেন।
WordPress-এ উইজেট হলো একটি ছোট টুল বা কন্টেন্ট ব্লক, যা আপনাকে সাইটের বিভিন্ন অংশে নির্দিষ্ট ফিচার এবং কন্টেন্ট যোগ করতে সাহায্য করে। উইজেটগুলি মূলত সাইটের সাইডবার, ফুটার বা হেডারে বিভিন্ন ধরনের কন্টেন্ট এবং ফিচার প্রদর্শন করতে ব্যবহৃত হয়। যেমন: রিসেন্ট পোস্ট, ক্যাটেগরি, আর্কাইভ, সোশ্যাল মিডিয়া লিঙ্ক, ক্যালেন্ডার, সার্চ বক্স ইত্যাদি।
উইজেট ব্যবহার করে, আপনি সাইটের ডিজাইন এবং কন্টেন্টের কার্যকারিতা বাড়াতে পারেন, এবং এটি ব্যবহার করা খুবই সহজ।
1. উইজেটের মৌলিক ধারণা
উইজেটগুলো WordPress সাইটের নির্দিষ্ট স্থানে কাস্টম কন্টেন্ট এবং ফিচার প্রদর্শন করতে ব্যবহৃত হয়। এগুলি সাধারণত সাইডবার, ফুটার অথবা হেডারে প্রদর্শিত হয়, তবে থিমের উপর নির্ভর করে এগুলি অন্যান্য জায়গাতেও থাকতে পারে।
উইজেটের সুবিধা
- সহজ এবং দ্রুত কনফিগারেশন: আপনি কোনো কোডিং না করেই কন্টেন্ট যোগ এবং মুছে ফেলতে পারেন।
- কাস্টমাইজেশন: বিভিন্ন ধরনের উইজেট ব্যবহার করে সাইটের কন্টেন্ট শো করার পদ্ধতি পরিবর্তন করতে পারবেন।
- ফিচার বৃদ্ধি: সার্চ বক্স, সোশ্যাল মিডিয়া লিঙ্ক, রিসেন্ট পোস্ট, ক্যাটেগরি, কমেন্টস ইত্যাদি যোগ করে সাইটের কার্যকারিতা বাড়াতে পারেন।
2. উইজেট ব্যবহার করার পদ্ধতি
উইজেট সেকশন অ্যাক্সেস করা
- ড্যাশবোর্ডে লগইন করুন:
- আপনার WordPress সাইটে লগইন করুন এবং Dashboard-এ যান।
- Appearance মেনুতে যান:
- বাম পাশের মেনু থেকে Appearance এ ক্লিক করুন, তারপর Widgets সিলেক্ট করুন।
- উইজেট সেকশন খোলার পর:
- এখানে আপনার থিমের জন্য উপলব্ধ উইজেট এলাকাগুলোর একটি তালিকা পাবেন, যেমন সাইডবার, ফুটার ইত্যাদি।
- আপনি যেখানে উইজেট যোগ করতে চান, সেখানে ক্লিক করুন।
উইজেট যোগ করা
- উইজেট নির্বাচন:
- উইজেট সেকশনে বিভিন্ন ধরনের উইজেট থাকবে, যেমন:
- Recent Posts: সাইটে সাম্প্রতিক পোস্ট দেখাবে।
- Categories: পোস্টের ক্যাটেগরি দেখাবে।
- Search: সার্চ বক্স প্রদর্শন করবে।
- Text: কাস্টম টেক্সট যোগ করতে ব্যবহৃত হবে।
- Custom HTML: কাস্টম HTML কোড যোগ করতে ব্যবহার হয়।
- Archives: মাস/বছরের ভিত্তিতে আর্কাইভ দেখাবে।
- Social Media Links: সোশ্যাল মিডিয়ার লিঙ্ক যুক্ত করতে ব্যবহৃত হয়।
- উইজেট সেকশনে বিভিন্ন ধরনের উইজেট থাকবে, যেমন:
- উইজেট যোগ করা:
- যেকোনো উইজেট নির্বাচন করুন এবং ড্র্যাগ করে নির্দিষ্ট উইজেট এলাকার (যেমন সাইডবার বা ফুটার) মধ্যে ফেলে দিন।
- উইজেট কনফিগারেশন:
- একবার উইজেটটি যোগ করার পর, আপনি তার কনফিগারেশন সেট করতে পারেন। যেমন, Recent Posts উইজেটে আপনি কতগুলো পোস্ট দেখাতে চান সেটি নির্ধারণ করতে পারেন।
- Text উইজেটের মাধ্যমে আপনি কাস্টম টেক্সট অথবা HTML যোগ করতে পারবেন।
- Save Changes:
- উইজেট কনফিগারেশন শেষ হলে, Save বাটনে ক্লিক করে পরিবর্তনগুলো সেভ করুন।
3. উইজেট কাস্টমাইজেশন
উইজেট কনফিগারেশন অপশন
- Title: অনেক উইজেটে একটি Title নির্ধারণ করা যাবে, যেমন "সাম্প্রতিক পোস্ট" বা "আমাদের সোশ্যাল মিডিয়া"।
- Content: Text অথবা HTML উইজেটের জন্য আপনি কাস্টম কন্টেন্ট যোগ করতে পারবেন।
- Number of Posts: Recent Posts উইজেটে আপনি কতটি পোস্ট দেখাতে চান তা নির্ধারণ করতে পারবেন।
উইজেট সরানো বা পরিবর্তন করা
- উইজেট সরানো: আপনি যদি কোনো উইজেট আর ব্যবহার করতে না চান, তাহলে সেটির ওপর ক্লিক করে Delete বা Remove বাটন চাপুন।
- উইজেট স্থানান্তর করা: উইজেটটি ড্র্যাগ করে অন্য কোনো উইজেট সেকশনে স্থানান্তরিত করা সম্ভব।
4. উইজেটের বিভিন্ন ধরনের উদাহরণ
- Recent Posts:
- এটি সাইটের সাম্প্রতিক পোস্টগুলো প্রদর্শন করে। সাধারণত সাইডবারে এটি ব্যবহৃত হয়, যাতে পাঠকরা সহজেই নতুন কন্টেন্ট খুঁজে পায়।
- Categories:
- এটি সাইটের সমস্ত পোস্টের ক্যাটেগরি তালিকা প্রদর্শন করে, যা ব্যবহারকারীদের পোস্ট ব্রাউজিংয়ের জন্য সাহায্য করে।
- Archives:
- আর্কাইভ উইজেট মাস/বছরের ভিত্তিতে পুরানো পোস্টগুলো দেখানোর জন্য ব্যবহার হয়।
- Custom HTML:
- এই উইজেটের মাধ্যমে আপনি নিজের HTML কোড ব্যবহার করে কাস্টম কন্টেন্ট (যেমন অ্যাড, বিশেষ অফার ইত্যাদি) যোগ করতে পারবেন।
- Search:
- এটি একটি সার্চ বক্স তৈরি করে, যেখানে ব্যবহারকারীরা সাইটের মধ্যে কন্টেন্ট খুঁজে পেতে পারেন।
5. উইজেটের সুবিধা এবং ব্যবহারিক দিক
- সাইটের নেভিগেশন সহজ করে: উইজেট ব্যবহার করে আপনি ব্যবহারকারীদের জন্য কন্টেন্ট সহজে অ্যাক্সেসযোগ্য করতে পারেন, যেমন সাইটের গুরুত্বপূর্ণ লিঙ্ক, সাম্প্রতিক পোস্ট, বা জনপ্রিয় ক্যাটেগরি।
- এডভারটাইজিং সুবিধা: আপনি সাইটের সাইডবারে বিজ্ঞাপনগুলো প্লেস করতে পারেন, যা সাইটের আয় বাড়াতে সহায়ক হতে পারে।
- বিভিন্ন ফিচার একত্রিত করা: বিভিন্ন প্লাগইন দিয়ে আরও নতুন উইজেট তৈরি করা সম্ভব, যেমন সোশ্যাল মিডিয়া ফিড, রেটিং সিস্টেম, কাস্টম ফর্ম ইত্যাদি।
উইজেট ব্যবহার করে, আপনি আপনার WordPress সাইটকে আরও ফিচার-রিচ এবং ব্যবহারকারী-বান্ধব করে তুলতে পারেন, যা সাইটের ইন্টারঅ্যাকটিভিটি এবং ভিজিটরের অভিজ্ঞতা উন্নত করবে।
WordPress সাইটে উইজেটস (Widgets) হল ছোট ছোট ব্লক বা উপাদান, যা আপনি সাইটের সাইডবার (Sidebar) বা ফুটারে (Footer) সহজেই যোগ করতে পারেন। এগুলি আপনার সাইটের ফাংশনালিটি ও কনটেন্ট ব্যবস্থাপনাকে আরও ইন্টারঅ্যাকটিভ এবং ইউজার-বান্ধব করে তোলে। উইজেটগুলি সাধারণত ছোট ছোট তথ্য প্রদর্শন করে, যেমন: রিসেন্ট পোস্ট, পপুলার পেজ, কেটেগরি লিস্ট, সার্চ বক্স ইত্যাদি।
এই গাইডে আমরা শিখব কিভাবে সাইডবার এবং ফুটারে উইজেট যোগ করা যায় এবং এগুলি কিভাবে কাস্টমাইজ করা যায়।
1. উইজেটস কী?
উইজেট হল এমন একটি কাস্টমাইজেবল ব্লক যা নির্দিষ্ট কার্যাবলী বা তথ্য প্রদর্শন করে। উদাহরণস্বরূপ:
- Search Box: সাইটের মধ্যে দ্রুত অনুসন্ধান করার জন্য।
- Recent Posts: সাইটে সাম্প্রতিক পোস্টগুলি প্রদর্শন করার জন্য।
- Category List: সাইটের ক্যাটাগরি তালিকা প্রদর্শন করার জন্য।
- Custom Text: টেক্সট বা HTML কোড ইনপুট করে কাস্টম বার্তা প্রদর্শন করতে।
উইজেটস সাধারণত সাইটের সাইডবার, ফুটার অথবা অন্যান্য এরিয়া (যেমন: হেডার বা কলাম) এ প্রদর্শিত হয়।
2. উইজেটস যোগ করা এবং কাস্টমাইজ করা
WordPress সাইটে উইজেট যোগ করা এবং কাস্টমাইজ করার প্রক্রিয়া খুবই সহজ। নিচে পদ্ধতিটি দেওয়া হলো:
উইজেটস যোগ করার প্রক্রিয়া
- ড্যাশবোর্ডে গিয়ে উইজেট প্যানেল খুলুন:
- WordPress ড্যাশবোর্ডে গিয়ে Appearance > Widgets এ যান। এটি আপনাকে উইজেট প্যানেলে নিয়ে যাবে, যেখানে আপনি সাইটের সমস্ত অ্যাভেইলেবল উইজেট দেখতে পাবেন।
- উইজেট সেকশন নির্বাচন করুন:
- সাইটের বিভিন্ন অংশে (যেমন সাইডবার, ফুটার, হেডার) উইজেট যোগ করার জন্য, প্যানেলের নিচে সেগুলির জন্য আলাদা আলাদা সেকশন থাকবে। উদাহরণস্বরূপ, Sidebar অথবা Footer 1, Footer 2 ইত্যাদি।
- উইজেট যোগ করুন:
- উইজেট প্যানেল থেকে আপনি যে উইজেটটি যোগ করতে চান, তা নির্বাচন করুন (যেমন: Recent Posts, Categories, Search ইত্যাদি) এবং এটিকে সাইডবার বা ফুটারের সেকশনে ড্র্যাগ-এন্ড-ড্রপ করুন।
- উইজেট কনফিগার করুন:
- প্রতিটি উইজেটের জন্য একটি কনফিগারেশন প্যানেল থাকবে যেখানে আপনি সেটির নাম, কনটেন্ট বা সেটিংস পরিবর্তন করতে পারবেন।
- উদাহরণস্বরূপ, Recent Posts উইজেটে আপনি কতটি পোস্ট দেখাতে চান সেটি নির্ধারণ করতে পারবেন।
- উইজেট সংরক্ষণ করুন:
- কাস্টমাইজেশন শেষ হলে, উইজেটের নিচে থাকা Save বাটনে ক্লিক করে সেটিংস সংরক্ষণ করুন।
উইজেট কাস্টমাইজেশন
প্রতিটি উইজেট সাধারণত কিছু কাস্টমাইজেশন অপশন নিয়ে আসে, যা আপনাকে সাইটের ডিজাইন এবং ইউজার এক্সপেরিয়েন্স আরও উন্নত করতে সাহায্য করে। কিছু সাধারণ কাস্টমাইজেশন অপশন:
- Title: উইজেটের টাইটেল পরিবর্তন করা। উদাহরণস্বরূপ, "Recent Posts" এর পরিবর্তে আপনি "আমার সাম্প্রতিক পোস্ট" রাখতে পারেন।
- Number of Posts: কতটি সাম্প্রতিক পোস্ট বা মন্তব্য দেখানো হবে তা কাস্টমাইজ করা।
- Visibility: কিছু উইজেট নির্দিষ্ট পেজ বা ক্যাটাগরিতে প্রদর্শন করার জন্য "Visibility" অপশন প্রদান করে।
- Custom HTML/Text: কাস্টম HTML অথবা টেক্সট ইনপুট করে নিজের উপাদান যোগ করা।
3. উইজেটস এর প্রকারভেদ
WordPress প্লাগইন ইনস্টল করলে নতুন উইজেটস যুক্ত হতে পারে। সাধারণভাবে কিছু জনপ্রিয় উইজেটের প্রকারভেদ:
- Text Widget: কাস্টম টেক্সট অথবা HTML কোড যোগ করতে ব্যবহৃত হয়।
- Recent Posts: সাইটের সাম্প্রতিক পোস্টগুলি প্রদর্শন করে।
- Categories: সাইটের ক্যাটাগরি তালিকা প্রদর্শন করে।
- Archives: মাসভিত্তিক আর্কাইভ দেখাতে ব্যবহৃত হয়।
- Search: সাইটের মধ্যে অনুসন্ধান বক্স প্রদর্শন করে।
- Custom Menu: একটি কাস্টম মেনু যোগ করার জন্য ব্যবহৃত হয়।
- Social Media Icons: সামাজিক যোগাযোগ মাধ্যমের আইকন যোগ করার জন্য।
4. ফুটারে উইজেট যোগ করা
ফুটারে উইজেট যোগ করা অনেক সময় সাইটের ডিটেইলস এবং তথ্য প্রদর্শনের জন্য সহায়ক হয়। এটি সাইটের ইউজার ইন্টারফেস (UI) উন্নত করতে সহায়তা করে।
- ফুটার উইজেট এলাকা চিহ্নিত করুন:
- Appearance > Widgets এ গিয়ে ফুটারের উইজেট সেকশন খুঁজুন (যেমন: Footer 1, Footer 2 ইত্যাদি)।
- উইজেট নির্বাচন এবং কনফিগারেশন:
- আপনি ফুটারে যে উইজেটটি যোগ করতে চান তা নির্বাচন করে সঠিক সেকশনে ড্র্যাগ করুন। এরপর, প্রয়োজনীয় কাস্টমাইজেশন করুন (যেমন, ওয়েবসাইটের লিঙ্ক, সোশ্যাল আইকন ইত্যাদি)।
- ফুটারে সংরক্ষণ করুন:
- কাস্টমাইজেশন শেষে Save বাটনে ক্লিক করে উইজেটটি ফুটারে সংরক্ষণ করুন।
5. উইজেট ব্যবহারের সুবিধা
- কন্টেন্ট প্রদর্শন: উইজেট আপনাকে সাইটের বিভিন্ন জায়গায় (সাইডবার, ফুটার) তথ্য প্রদর্শন করতে সাহায্য করে। এটি সাইটের নেভিগেশন এবং তথ্য ব্যবস্থাপনাকে সহজ করে।
- ইউজার এক্সপেরিয়েন্স (UX): সঠিকভাবে কাস্টমাইজ করা উইজেট আপনার সাইটের ইউজার এক্সপেরিয়েন্স উন্নত করতে সাহায্য করে, কারণ এটি পাঠকদের প্রয়োজনীয় তথ্য দ্রুত প্রদান করে।
- ফ্লেক্সিবিলিটি: উইজেটস ব্যবহার করে আপনি বিভিন্ন ধরণের কন্টেন্ট বা ফিচার প্রদর্শন করতে পারেন, যেমন: পপুলার পোস্ট, ক্যাটাগরি লিস্ট, ই-মেইল সাবস্ক্রিপশন, সোসাল মিডিয়া লিঙ্কস ইত্যাদি।
এভাবে, আপনি সাইটের সাইডবার এবং ফুটারে উইজেট যোগ এবং কাস্টমাইজ করে সাইটের লেআউট এবং ফিচার আরো সুবিধাজনক এবং ইন্টারঅ্যাকটিভ করে তুলতে পারেন।
WordPress এ একটি কাস্টম মেনু তৈরি এবং সেটআপ করা খুবই সহজ এবং এটি আপনার সাইটের নেভিগেশন ব্যবস্থাকে কাস্টমাইজ করার জন্য অত্যন্ত কার্যকর। কাস্টম মেনু ব্যবহার করে আপনি আপনার সাইটের পেজ, পোস্ট, কাস্টম লিংক এবং অন্যান্য কন্টেন্ট সেকশনগুলি সহজে যুক্ত করতে পারেন, যা ব্যবহারকারীদের জন্য সহজে নেভিগেট করার সুযোগ সৃষ্টি করে।
1. কাস্টম মেনু কী?
কাস্টম মেনু হলো আপনার সাইটে একটি কাস্টমাইজড নেভিগেশন মেনু, যেখানে আপনি বিভিন্ন পেজ, কাস্টম লিংক, ক্যাটেগরি, পোস্ট ইত্যাদি যোগ করতে পারেন। এটি ব্যবহারকারীদের জন্য সাইটে নেভিগেট করা সহজ করে তোলে এবং সাইটের ইউজার এক্সপেরিয়েন্স (UX) উন্নত করে।
2. কাস্টম মেনু তৈরি করার পদ্ধতি
কাস্টম মেনু তৈরি করার ধাপগুলো:
- Dashboard > Appearance > Menus এ যান।
- প্রথমবার মেনু তৈরি করতে, আপনি একটি নতুন মেনুর নাম দিন, যেমন "Main Navigation" এবং তারপর Create Menu বাটনে ক্লিক করুন।
- এখন, আপনার মেনু তৈরি হয়ে গেছে। মেনুতে আপনি বিভিন্ন আইটেম যোগ করতে পারবেন যেমন:
- Pages: সাইটের সব পেজের তালিকা দেখাবে। আপনি যেগুলো মেনুতে যোগ করতে চান, সেগুলো চেকবক্সে টিক দিয়ে Add to Menu বাটনে ক্লিক করুন।
- Posts: আপনি যদি কোনো পোস্ট মেনুতে যোগ করতে চান, তা এখানে দেখতে পাবেন।
- Custom Links: আপনি যদি কোনো নির্দিষ্ট URL যোগ করতে চান, তবে "URL" বক্সে লিংকটি বসিয়ে, "Link Text" বক্সে লিংকের নাম লিখে Add to Menu বাটনে ক্লিক করুন।
- Categories: আপনি যদি কোনো ক্যাটেগরি যোগ করতে চান, তা এখানে পাবেন এবং যোগ করতে পারবেন।
- প্রতিটি আইটেমের জন্য আপনি মেনু আইটেমের অবস্থান পরিবর্তন করতে পারেন, যেমন ড্র্যাগ-এন্ড-ড্রপ করে তাদের সাজানো।
- Save Menu বাটনে ক্লিক করে মেনুটি সংরক্ষণ করুন।
3. নেভিগেশন মেনু সেটআপ করা
আপনার তৈরি কাস্টম মেনুটি সাইটে প্রদর্শিত করার জন্য, আপনাকে এটিকে একটি নির্দিষ্ট অবস্থানে সেট করতে হবে, যেমন সাইটের হেডারে বা ফুটারে। WordPress থিমে সাধারণত একাধিক মেনু অবস্থান (Menu Locations) থাকে, যেমন প্রধান মেনু, ফুটার মেনু ইত্যাদি।
নেভিগেশন মেনু সেটআপ করার পদ্ধতি:
- Dashboard > Appearance > Menus এ যান।
- আপনার তৈরি করা মেনুর পাশে, Menu Settings এর মধ্যে Display location বা Theme Locations দেখতে পাবেন।
- এখানে আপনি Primary Menu, Footer Menu, অথবা অন্যান্য মেনু পজিশনে আপনার কাস্টম মেনুটি নির্বাচন করতে পারবেন। সাধারণত থিমের ডকুমেন্টেশনে নির্দিষ্ট মেনু অবস্থানগুলো উল্লেখ থাকে।
- আপনার পছন্দসই মেনু অবস্থানটি চেক করে Save Changes বাটনে ক্লিক করুন।
এখন, আপনার তৈরি কাস্টম মেনুটি সাইটের নির্দিষ্ট স্থানে (যেমন হেডার বা ফুটার) প্রদর্শিত হবে।
4. কাস্টম মেনুর আইটেম কাস্টমাইজ করা
আপনি মেনুর আইটেমগুলোর নাম, লিংক বা অবস্থান কাস্টমাইজ করতে পারেন। কাস্টম মেনুর আইটেমগুলি সাধারণত নিচের বৈশিষ্ট্যগুলোতে কাস্টমাইজ করা যায়:
মেনু আইটেম নাম পরিবর্তন:
- মেনু আইটেমের পাশে Edit অপশনে ক্লিক করুন।
- "Navigation Label" বক্সে নতুন নাম লিখে Save Menu বাটনে ক্লিক করুন।
মেনু আইটেমের অবস্থান পরিবর্তন:
- মেনু আইটেমটি ড্র্যাগ করে আপনি তার অবস্থান পরিবর্তন করতে পারেন।
- Save Menu বাটনে ক্লিক করুন।
মেনু আইটেমে সাব-মেনু (Dropdown Menu) তৈরি করা:
- আপনি যদি কোন মেনু আইটেমের মধ্যে আরো সাব-আইটেম রাখতে চান, তবে তার উপর ড্র্যাগ করে রেখে সাব-আইটেম তৈরি করতে পারেন।
- সাব-আইটেমটি অটোমেটিকভাবে ড্রপডাউন হিসেবে প্রদর্শিত হবে।
5. কাস্টম মেনুর সুবিধা
- ইউজার ফ্রেন্ডলি: কাস্টম মেনু সাইটের নেভিগেশনকে সহজ এবং ব্যবহারকারী-বান্ধব করে তোলে।
- কাস্টমাইজেশন: আপনি মেনু আইটেম এবং লিঙ্কগুলি কাস্টমাইজ করতে পারেন, যাতে আপনার সাইটের প্রয়োজন অনুযায়ী সেগুলো উপযোগী হয়।
- SEO উন্নতি: সঠিক মেনু কাঠামো আপনার সাইটের SEO র্যাঙ্কিং উন্নত করতে সাহায্য করতে পারে, কারণ এটি সার্চ ইঞ্জিনগুলোকে আপনার সাইটের কাঠামো বুঝতে সহায়তা করে।
- অতিরিক্ত ফিচার: কাস্টম লিঙ্ক বা ক্যাটেগরি যোগ করার মাধ্যমে আপনি আরও বিস্তারিত এবং ইন্টারেকটিভ মেনু তৈরি করতে পারেন।
6. কাস্টম মেনুর উদাহরণ
ধরা যাক, আপনি একটি ই-কমার্স সাইট তৈরি করছেন এবং আপনি সাইটের নেভিগেশন মেনুর মধ্যে কিছু ক্যাটেগরি এবং বিশেষ পেজ যেমন "Home", "Shop", "About Us", "Contact" ইত্যাদি রাখতে চান। এর জন্য আপনি কাস্টম মেনু ব্যবহার করবেন এবং উপরের নির্দেশনা অনুসরণ করে আপনার মেনু তৈরি করে সেটি প্রধান নেভিগেশন স্থানে রাখবেন।
এভাবে আপনি সহজেই WordPress সাইটে কাস্টম মেনু তৈরি এবং সেটআপ করতে পারেন, যা আপনার সাইটের নেভিগেশন ব্যবস্থাকে আরো উন্নত এবং ইউজার-বান্ধব করবে।
মেনু WordPress সাইটের একটি গুরুত্বপূর্ণ অংশ, যা ব্যবহারকারীদের সাইটে সহজে নেভিগেট করতে সাহায্য করে। মেগা মেনু এবং ড্রপডাউন মেনু দুটোই একটি উন্নত এবং ভালো ইউজার এক্সপিরিয়েন্স নিশ্চিত করে। এখানে, আমরা দেখবো কিভাবে আপনি মেগা মেনু এবং ড্রপডাউন মেনু তৈরি করতে পারেন।
1. ড্রপডাউন মেনু তৈরি করা
ড্রপডাউন মেনু এমন একটি মেনু, যা সাইটের প্রধান মেনু আইটেমের নিচে আরও সাব-মেনু আইটেমগুলো প্রদর্শন করে।
ড্রপডাউন মেনু তৈরি করার পদ্ধতি:
- ড্যাশবোর্ডে লগইন করুন।
- Appearance > Menus এ যান।
- এখানে, আপনি যদি নতুন মেনু তৈরি করতে চান, তবে Create a new menu বাটনে ক্লিক করুন এবং মেনুর নাম দিন (যেমন: "Main Menu")।
- Pages, Categories, অথবা Custom Links থেকে আপনার মেনু আইটেমগুলো যোগ করুন।
- ড্রপডাউন মেনু তৈরি করতে, মেনুর কোনো একটি আইটেমের নিচে অন্য আইটেম রাখুন। এই আইটেমটি একটু ডানদিকে সরিয়ে রেখে রাখুন, যাতে এটি সাবমেনু হিসেবে তৈরি হয়।
- Save Menu বাটনে ক্লিক করে মেনু সেভ করুন।
- এখন, আপনি যে মেনু সিলেক্ট করেছেন, সেটি সাইটের মেনু পজিশনে দেখাবে, এবং ড্রপডাউন ফিচারটি কাজ করবে।
2. মেগা মেনু তৈরি করা
মেগা মেনু হলো একটি বিশাল মেনু যেখানে অনেকগুলো সাব-আইটেম একসাথে বড় আকারে দেখানো হয়। এটি সাধারণত বড় সাইটে ব্যবহৃত হয়, যেখানে অনেক ক্যাটেগরি এবং সাব-ক্যাটেগরি থাকে।
মেগা মেনু তৈরি করার পদ্ধতি:
WordPress তে মেগা মেনু তৈরি করতে আপনাকে সাধারণত কিছু অতিরিক্ত কোডিং বা প্লাগইন ব্যবহার করতে হতে পারে। কিছু থিম যেমন Avada, Divi, এবং Enfold তে মেগা মেনু ফিচার বিল্ট-ইন থাকে, তবে আপনি প্লাগইন ব্যবহার করেও মেগা মেনু তৈরি করতে পারবেন।
থিমের সাথে মেগা মেনু তৈরি করা:
- Appearance > Menus এ গিয়ে মেনু তৈরি করুন।
- মেনু আইটেমগুলো যোগ করার পর, থিমের সেটিংস থেকে মেগা মেনু সক্রিয় করার অপশন খুঁজুন। বেশিরভাগ থিমে এটি Theme Options বা Header Settings এ থাকে।
- যদি থিমটি মেগা মেনু সাপোর্ট করে, তবে আপনি সেখানে মেগা মেনু সক্রিয় করতে পারবেন। মেনু আইটেমের অধীনে অনেক সাব-মেনু আইটেম যুক্ত করা হলে মেগা মেনু অটোমেটিক্যালি প্রদর্শিত হবে।
প্লাগইন ব্যবহার করে মেগা মেনু তৈরি করা:
এছাড়া, আপনি কিছু জনপ্রিয় প্লাগইন ব্যবহার করে সহজে মেগা মেনু তৈরি করতে পারেন। এর মধ্যে অন্যতম প্লাগইন হলো WP Mega Menu এবং Max Mega Menu।
- WP Mega Menu প্লাগইন ইনস্টল এবং সক্রিয় করুন:
- Plugins > Add New এ গিয়ে WP Mega Menu প্লাগইনটি ইনস্টল করুন এবং সক্রিয় করুন।
- প্লাগইন সক্রিয় হওয়ার পর, আপনি Appearance > Menus এ গিয়ে মেগা মেনু সেটিংস দেখতে পাবেন।
- Max Mega Menu প্লাগইন ইনস্টল করুন:
- Plugins > Add New এ গিয়ে Max Mega Menu ইনস্টল এবং সক্রিয় করুন।
- এখন, আপনি Appearance > Menus এ গিয়ে মেনু আইটেমগুলো নির্বাচিত করে তাদের জন্য মেগা মেনু সেট করতে পারবেন।
- এই প্লাগইনটি সহজেই মেগা মেনু স্টাইল কাস্টমাইজ করার সুবিধা দেয়।
3. মেনু কাস্টমাইজেশন
ড্রপডাউন এবং মেগা মেনুর ফিচারগুলি কাস্টমাইজ করতে পারেন। আপনি মেনুর ডিজাইন এবং অ্যানিমেশনগুলো পরিবর্তন করতে পারেন। কিছু থিম এবং প্লাগইন আপনাকে এই ধরনের কাস্টমাইজেশন করার জন্য অতিরিক্ত অপশন দেয়।
CSS কাস্টমাইজেশন:
- Appearance > Customize এ গিয়ে, আপনি আপনার মেনুর জন্য কাস্টম CSS কোড লিখতে পারেন।
উদাহরণস্বরূপ, আপনি যদি মেনুর হোভার ইফেক্ট পরিবর্তন করতে চান, তবে কিছু CSS কোড যোগ করতে পারেন:
.menu-item:hover { background-color: #333; color: #fff; }এর মাধ্যমে মেনুর হোভার ইফেক্ট পরিবর্তিত হবে এবং আপনার সাইটের ডিজাইনের সাথে মিলিয়ে মানানসই হবে।
4. মেনু ভিজ্যুয়াল কাস্টমাইজেশন
মেনু ফন্ট, কালার, বর্ডার, প্যাডিং ইত্যাদি কাস্টমাইজ করতে, আপনার থিমের স্টাইলিং অপশন বা প্লাগইন ব্যবহার করতে পারেন। অনেক থিমের মধ্যে এইসব কাস্টমাইজেশনের জন্য বিল্ট-ইন অপশন থাকে।
ফন্ট এবং কালার পরিবর্তন করা:
- Appearance > Customize > Typography এ গিয়ে মেনুর ফন্ট পরিবর্তন করুন।
- Colors সেকশনে গিয়ে, মেনুর ব্যাকগ্রাউন্ড এবং টেক্সট কালার পরিবর্তন করুন।
মেগা মেনু এবং ড্রপডাউন মেনু আপনার WordPress সাইটের ইউজার এক্সপিরিয়েন্স অনেক উন্নত করতে পারে। উপরের পদ্ধতিগুলি অনুসরণ করে, আপনি সহজেই সুন্দর এবং কার্যকরী মেনু তৈরি করতে পারবেন।
Read more