ওয়ার্ডপ্রেস কাষ্টমাইজেশনের আজকের টিউটোরিয়ালে আমরা দেখব,কিভাবে ওয়ার্ডপ্রেসের ক্যাটাগরি উইজেডের প্রতিটা ক্যাটাগরি নামের শেষে Font Awesome এর আইকোন যুক্ত করতে পারি।নিচের ছবিটা দেখুন তাহলে বুঝতে পারবেন আমরা কি করতে চাচ্ছি।
ক্যাটাগরি লিষ্টে Font Awesome আইকন
আমি ধরে নিচ্ছি Font Awesome কি,সেটা আপনি জানেন এবং কিভাবে যেকোন ওয়ার্ডপ্রেস থিমে Font Awesome ইন্সটল করে ব্যবহার করতে হয়,সেটাও জানেন।
আজকের কোড গুলো ব্যবহার করার জন্য আপনার থিমে অবশ্যই Font Awesome ইন্সটল থাকতে হবে।
ওয়ার্ডপ্রেসের এই কাষ্টমাইজেশন টি আমরা যেভাবে সম্পূর্ণ করবঃ
- থিমের functions.php ফাইল এডিট করব এবং
কিছু কোড যুক্ত করব।
তাহলে চলুন জেনে নিই কিভাবে ক্যাটাগরি লিষ্টে Font Awesome আইকন যুক্ত করবেনঃ
প্রথমে আপনার ওয়ার্ডপ্রেস সাইটে লগিন করে Dashboard থেকে Appearance>Editor যান এবং বর্তমান থিমের functions.php ফাইলটি এডিটরে ওপেন করুন।এরপর নিচের কোডটুকু কপি করে ?> এর আগে পেষ্ট করুন এবং Update file বাটনে ক্লিক করে সেভ করুন।
function font_awesome_icon_in_category_list($output)
{
remove_filter(current_filter(), __FUNCTION__);
return preg_replace('/\s*/i', ' ', $output);
}
add_action('widgets_init', function() {
add_filter('wp_list_categories', 'font_awesome_icon_in_category_list');
});
এবার দেখুন নিচের মত আপনার সাইটেও ক্যাটাগরি লিষ্টে প্রতিটা ক্যাটাগরি নামের শেষে Font Awesome এর আইকন যুক্ত হয়েছে।লক্ষ্য করুন, আপনি যদি আইকন পরিবর্তন করতে চান তাহলে উপরের কোডের মধ্য থেকে fa-angle-right লেখাটি মুছে আপনার পছন্দের আইকনের ক্লাস টি বসিয়ে দিন।
ক্যাটাগরি লিষ্টে Font Awesome আইকন
আজ এখানেই শেষ করলাম!
ভাল থাকবেন সবাই। কথা হবে আগামী টিউনে।