ওয়ার্ডপ্রেস এ ফিচার ইমেজকে থাম্বনাইল হিসেবে যুক্ত করবেন যেভাবে
বেশ কয়েকজনের অনুরোধ করার কারনেই আজকের এই পোস্ট আপনারদের জন্য লিখলাম। অনেকেই আপনারা অনেকেই হয়তো বিভিন্ন ব্লগে দেখতে পান যে হোমপেজ বা আর্কাইভ পেজে প্রতিটি পোস্টের সাথে একটা করে ইমেজ থাম্বনাইল আকারে থাকে। এবং সেই থাম্বনাইল সেট করার জন্য ওয়ার্ডপ্রেস প্লাগিন ডাইরেক্টরি একবার খোঁজ করলেই একগুচ্ছ প্লাগিন পাওয়া যায়।
কিন্তু এই সব প্লাগিন গুলোর চেয়ে অন্যতম ও সহজ সিস্টেম এ থাম্বনাইল দেয়ার পদ্ধতি হল 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;}
ব্যাস কাজ শেষ এবার আপনি আপনার ওয়েব সাইট পরীক্ষা করে দেখুন আপনার ওয়েব সাইট ও বিডিরঙ.কম এর মত থাম্বনাইল যুক্ত হয়ে গেছে।
লেখাটি প্রথমে বিডিরঙ.কম এ প্রকাশিত
ধন্যবাদ সবাইকে, আপনাদের মতামত জানান
লেখাটি পছন্দের তালিকায় যুক্ত করুন ☼
লেখাটি পছন্দ হলে বন্ধুদের সাথে শেয়ার করুন। শেয়ার করার জন্য উপরের বাটনে ক্লিক করুন
পরবর্তী আপডেট পেতে চাইলে আর.এস.এস ফীড অথবা ই-মেইল এর মাধ্যমে সাবস্ক্রাইব করুন
বিজ্ঞান প্রযুক্তি ডট কম এর ফেইসবুক পেইজ বা গ্রুপ অথবা টুইটার প্রোফাইলে যোগ দিন
লেখকঃ আমিনুল ইসলাম সম্পর্কে কিছু কথা...
আমিনুল ইসলাম একজন ওয়েব ডিজাইনার/ডেভেলপার, তিনি প্রযুক্তিকে অনেক ভালোবাসে তাই তিনি বাংলায় প্রযুক্তির বিষয় নিয়ে বিভিন্ন ব্লগে লেখালেখি করে থাকেন। তিনি বর্তমানে ডিজাইনারবিডি.কম এর কর্মরত আছেন, তাছাড়া তিনি বিডিরঙ.কম এর মোডারেটর দ্বায়িত্ব পালন করছেন।
ভাল টিউন তবে এখানে পোস্টের ছবিগুলো দেখা যাচ্ছে না।ওয়ার্ডপ্রেস সম্পর্কে তেমন অভিজ্ঞতা নেই, দুই-একদিন হল গাঁটতে শুরু করেছি।কিছু ব্যাপারে সমস্যা হচ্ছে।যেমন, ইমেজ স্লাইডশো এর ব্যবহার করা জাভাস্ক্রিপ্ট পেইজ সমুহে কাজ করছে না যদি আমি স্ক্রিপ্ট টাইটেল হেড এ বসিয়ে তারপর কোড বডিতে পেষ্ট করেছি।প্লাগিন্স ব্যবহার কিছুটা জটিল মনে হচ্ছে তবে আশাকরি আস্তে আস্তে বুঝে যাব।আমাকে স্লাইডশো বসানোর ব্যাপারে একটু সাহায্য করেন।আমি চাচ্ছি এই সাইটের হোম পেইজ এবং গ্যালারী ট্যাবে ইমেজ স্লাইডশো বসাব।কোন প্লাগিনটা কনফিগার করা ও সেট করা সবচেয়ে সহজ।
চমৎকার আর গুছানো কিছু লেখা পড়লাম। ভালো লাগলো আমিনুল ভাই।
আচ্ছা ভাই, ওয়ার্ড প্রেস এ কোন পোস্ট কে কিভাবে ফিচার করা জাই বলতে পারেন?
মানে ওই পোস্টটি এডমিন না চাওয়া পর্যন্ত ১মে থাকবে।। জানলে প্লিজ জানাবেন।