বেশ কয়েকজনের অনুরোধ করার কারনেই আজকের এই পোস্ট আপনারদের জন্য লিখলাম। অনেকেই আপনারা অনেকেই হয়তো বিভিন্ন ব্লগে দেখতে পান যে হোমপেজ বা আর্কাইভ পেজে প্রতিটি পোস্টের সাথে একটা করে ইমেজ থাম্বনাইল আকারে থাকে। এবং সেই থাম্বনাইল সেট করার জন্য ওয়ার্ডপ্রেস প্লাগিন ডাইরেক্টরি একবার খোঁজ করলেই একগুচ্ছ প্লাগিন পাওয়া যায়।
কিন্তু এই সব প্লাগিন গুলোর চেয়ে অন্যতম ও সহজ সিস্টেম এ থাম্বনাইল দেয়ার পদ্ধতি হল WP Feature Image. আজ আমি আপনাদের ধাপে ধাপে শিখিয়ে দিচ্ছি কীভাবে আপনার প্রিয় ওয়ার্ডপ্রেস ব্লগে WP Feature Image ব্যবহার করে থাম্বনাইল যুক্ত করবেন।
প্রথম ধাপঃ
আপনাকে আগে দেখে নিতে হবে যে আপনার ওয়ার্ডপ্রেস এর ভার্সন কত! কারন ওয়ার্ডপ্রেস ফিচার ইমেজ নিয়ে কাজ করতে হলে আপনাকে অবশ্যয় ওয়ার্ডপ্রেস ৩ ভার্সন এর উপরে হতে হবে। এবার দেখেনিন যে আপনি বর্তমানে যে থিম ব্যবহার করছেন সেই থিমে আগে থেকেই Feature Image ফাংশন যুক্ত আছে কি না। নতুন পোস্ট বা পাতা লেখার সময় এডমিন প্যানেলের ডান পাশের সাইড বারে নিচের ছবির মত উইজেট আছে কিনা।
যদি উপরের ছবির মত Featured Image নামের উইজেট থাকে তাহলে নিচের নিচের কোড টি ব্যবহার করার দরকার নাই তবে পরের ধাপ গুলো আপনাকে অবশ্যই অনুসরণ করতে হবে।
উপরের ছবির মত উইজেট পেতে নিচের কোড টি কপি করে আপনার থিমের function.php ফাইলের সব নিচে যুক্ত করে দিন।
<?php
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150, true ); // default Post Thumbnail dimensions (cropped)
?>
কোডটি যুক্ত করার পরে শেভ করুন তাহলে নতুন পোস্ট লেখার সময় Featured Image উইজেট টি পাবেন।
মনে রাখবেনঃ উপরের কোডে ১৫০, ১৫০ এর যায়গাতে আপনি আপনার থাম্বনাইল এর সাইজ যত বড় রাখবেন তা পরিবর্তন করে নিতে পারেন।
দ্বিতীয় ধাপঃ
এবার ফিচার ইমেজটি কে হোমপেজ বা আর্কাইভ পেজে দেখানোর জন্য index.php বা home.php ও archive.php ফাইল দুটি কে এডিট করে কিছু কোড বসিয়ে দিতে হবে। এবার থিম এডিটর থেকে index.php বা home.php ও archive.php ফাইল গুলো কে একেক করে ওপেন করুন এবং নিচের কোডটিকে খুঁজুন।
<?php the_excerpt(); ?>
এবার উপরের কোডটি খুঁজে পেলে তার আগে নিচের কোডটি যুক্ত করে শেভ করুন।
<?php if(has_post_thumbnail()) { echo the_post_thumbnail(); } ?>
মনে রাখবেনঃ একেক থিম ডেভেলপার একেক ভাবে থিম ডেভেলপ করে থাকেন তাই কোড প্রথমের কোড খুঁজতে ও যুক্ত করতে সমস্যা হতে পারে। যদি আপনি এই কাজে সফল না হয়ে থাকেন তাহলে আপনার থিমের নাম সহ মন্তব্যের মাধ্যমে আমাকে জানান আমি যতটুকু পারি সাহায্য করবো।
তৃতীয় ধাপঃ
উপরের দুইটি ধাপ সফল ভাবে সম্পন্ন হলে আপনি নতুন একটা পোস্ট লিখুন বা আগের পোস্ট গুলতে ফিচার ইমেজ যুক্ত করে আপনার ওয়েব সাইট এর হোমপেজ পরীক্ষা করুন দেখুন সুন্দর ভাবে থাবনাইল দেখাচ্ছে কিন্তু একটু বেমানান লাগছে তাই থাম্বনাইল কে মানান করার জন্য আপনাকে CSS কিছু কোড কোড যুক্ত করতে হবে।
আপনার থাবনাইল কে ঠিক বিডিরঙ.কম এর মত করে সাইজ করার জন্য নিচের CSS কোড টুকু কপি করে আপনার থিমের custom.css বা style.css ফাইল এর সব শেষে যুক্ত করে দিন।
img.attachment-post-thumbnail
{float: left; border:1px #ccc solid; padding: 3px; background: #fff; margin: 0 15px 0 0;}
ব্যাস কাজ শেষ এবার আপনি আপনার ওয়েব সাইট পরীক্ষা করে দেখুন আপনার ওয়েব সাইট ও বিডিরঙ.কম এর মত থাম্বনাইল যুক্ত হয়ে গেছে।
