নেভিগেশন মেনুঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-দু্ই

সবাইকে সালাম ও শুভেচ্ছা জানিয়ে টিউটোরিয়ালবিডিতে ওয়ার্ডপ্রেস থিসিস থিম কাষ্টোমাইজ টিউটোরিয়ালের ২য় পোস্ট আরম্ভ করছি। কেউ যদি আমার থিসিস নিয়ে আগের পোস্টটি দেখে না থাকেন তাহলে এখান থেকে  দেখে নিন।

গত পর্বে আমি আপনাদের কেমন করে থিসিস  থিমে সাইডবার ও কন্টেইনারে বর্ডার যোগ করা যাই তা দেখিয়ে ছিলাম। আজকে আমি আপনাদের দেখাব থিসিস থিমে কেমন করে ন্যাভ মেনু যোগ করা যাই এবং ন্যাভ মেনুর ব্যাকগ্রাউন্ডে ইমেজ যুক্ত করা যাই।

প্রথমে চলুন থিসিস থিমে ন্যাভ মেনু  যুক্ত করি। আপনার ওয়ার্ডপ্রেস ব্লগে লগইন করুন ও  থিসিস এর মেনুতে দেখুন Site Options  নামের  একটা অপশন আছে সেখানে যান। দেখুন ছবির মত উইন্ডো এসেছে

এখানে দেখুন অনেক গুলো অপশন আছে এখান থেকে Navigation Menu এ ক্লিক করুন।

  Navigation Menu তে ক্লিক করার পর ২টি অপশন পাবেন একটি হচ্ছে  WordPress nav menu আর একটি হচ্ছে Thesis nav menu . WordPress nav menu যদি আপনি সিলেক্ট করেন তাহলে আপনার ব্লগে আপনার তৈরি করা মেনুসমূহ দেখাবে, আর যদি আপনি Thesis nav menu  সিলেক্ট করেন তাহলে নিচের ছবির মত দেখতে পাবেন।

আমি Thesis nav menu ব্যবহার করতে বেশি পছন্দ করি কারন এর মাধ্যমে আমি আমার পেজকে সরাসরি মেনুতে যুক্ত করতে পারি এমন কি ক্যাটাগরি সমূহকেও মেনু হিসেবে ব্যবহার করতে পারি। Thesis nav menu এর অধীনে দেখুন সর্বমোট ৫ টি অপশন আছে।

প্রথমে দেখুন Page নামে একটি অপশন আছে,  Page এ ক্লিক করার পর দেখুন আপনার ব্লগের পেজগুলো দেখিয়েছে এখান থেকে আপনি পেজ গুলো সিলেক্ট করে আপনার ইচ্ছা মত মেনু হিসেবে ব্যবহার করতে পারবেন।

Categories :-   এখান থেকে আপনি ক্যাটাগরিকে মেনু হিসেবে ব্যবহার করতে পারবেন। মেন্যু সিলেক্ট করা শেষ হলে Big Ass Save Button এ ক্লিক করে সেভ করুন। ব্যাস আপনার নেভমেন্যু তৈরি করা শেষ। এবার আপনার ব্লগটি রিফ্রেস করে দেখুন হেডারে নেভ মেনু যুক্ত হয়ে গেছে।

এবার দেখুন নেভমেনু কেমন করে কালার করবেন

থিসিস এর মেনুতে দেখুন Custom File Editor নামের  একটা অপশন আছে সেখানে যান। এবার নিচের এই কোডটি কপি করে Custom.css এর একদম নিচে পেস্ট করে সেভ করুন

.custom .menu a{color:#FFF; font-family: Comic Sans MS; font-size:12px; background:#2C6F7D;} .custom .menu a:hover,#topMenu a:hover{text-decoration:none; background:#36BF48; color:#FFF;} .custom .current a{cursor:default;background:#000;}

এবার আপনার ব্লগটি রিফ্রেশ করে দেখুন নেভ মেনুর কালার পরিবর্তন হয়ে গেছে। আপনি ইচ্ছা করলে মেন্যু-এর কালার ও সাইজ নিজের মত করে নিতে পারেন। ফন্ট সাইজের জন্য font-size:12px এর 12 লিখাটি পরিবর্তন করে দিন। আর কালার পরিবর্তন করার জন্য কালার কোডসমূহ পরিবর্তন করে দিন।

পরবর্তী পোষ্ট করা পর্যন্ত আপনাদের কাছ থেকে এখানেই বিদায় নিচ্ছি সবাই ভাল থাকবেন ধন্যবাদ।