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