চলুন আজকে ওয়ার্ডপ্রেস সাইটের বিভাগগুলোকে দুই কলামে সাজিয়ে নিই…

প্রায় ৩৫ দিন পরে আবার TutorialFor.Me তে লিখতে বসেছি :) এতদিন এই সাইটের টিউটোরিয়াল না লিখলেও এই সাইটের প্রতিদিন খোঁজখবর রেখেছি। কারন এই সাইট আমার অনেক প্রিয় এবং এই সাইটের মত অনান্য সাইটে আমার সেইরকম ভালো লাগে না।

যায় হোক আজকে আমি আপনাদের জন্য ছোট একটা টিউটোরিয়াল নিয়ে উপস্থিত, তবে এটাকে একটা টিপসও বলা যেতে পারে। কয়েকদিন আগে বিডিরঙ.কম নিয়ে কাজ করার সময়ে বিডিরঙ এর সকল বিভাগগুলো কে দুই কলামে ভাগ করে দিয়েছিলাম। আর সেই কাজটি দেখে অনেকেই আমাকে জিগ্যেস করেছেন এটা কিভাবে করেছেন তা আমাদের কে বলুন। অনেকজন কে এই ব্যপারে সাহায্য করার পরে মনে করলাম আর কত লুকিয়ে লুকিয়ে সবাইকে এই পদ্ধতি শিখিয়ে দেই, একটা টিউটোরিয়াল লিখে সবার সাথে সেটা সেয়ার করে দিলেও তো হয়ে যায় :D ফেসবুকে ওয়ার্ডপ্রেস গ্রুপ এর অনেকজন আমাকে এই টিউটোরিয়ালটি লেখার জন্য অনুরোধ করেছিলেন তাই লিখলাম আরকি :)

আমরা যা করতে চলেছিঃ

টেকটিউনসবিডিরঙ সাইটের হোমপেজ এ যে বিভাগের তালিকাগুলো দেখায় তা দুই কলামে থাকে। কিন্তু ওয়ার্ডপ্রেস ড্যাশবোর্ড এর ডিফল্ট উইজেট দিয়ে “বিভাগসমূহ” উইজেটটি যুক্ত করলে একটি প্রদর্শিত হয়।

ওয়ার্ডপ্রেস এর সকল বিভাগগুলোকে দুই কলামে বিভক্ত

যেভাবে করবেনঃ

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

তাই সিএসএস কোড গুলো যুক্ত করার জন্য প্রথমে আপনার ওয়ার্ডপ্রেস সাইটের ড্যাশবোর্ড এ লগইন করুন এর থিম এডিটরে প্রবেশ করুন। সেখানে আপনার সক্রিয় থিমের স্টাইলশিট ফাইল (Style.css) টি নির্বাচন করুন। এরপরে নিচের সিএসএস (CSS) কোড গুলো Style.css এর সব নিচে বসিয়ে দিয়ে সংরক্ষণ করুন। তাহলে দেখবেন বিডিরঙ ও টেকটিউনস এর মত আপনার সাইটের বিভাগগুলোও দুই কলামে সজ্জিত হয়ে যাবে :)

.widget_categories ul {
    min-height:300px;
}
.widget_categories ul li.cat-item {
    float:left;
    width:140px;
}

হ্যাঁ! অনেক ছোট একটা কাজ তাও আবার সিএসএস (CSS) এর তারপরেও অনেকেই আছে যারা এই নিয়ে গুগলিং সহ অনেক কিছুই করে এই কাজটি করার জন্য। তাই এখন থেকে আপনাদের আর গুগলিং করার বা অন্যের কাছে ফেসবুক বা ইমেইলে সাহায্যের আবেদন করার দরকার নেই, কারন আমি নিজে নিজেই এটা করতে পারবেন :D

সবাই ভালো থাকবেন! ধন্যবাদ সবাইকে