বন্ধুরা সবাই ভালো ও সুস্থ আছেন সেই আশাই রাখছি । যাই হোক আর কথা বাড়াবো না সোজা কাজের কথাই যাব । আপারা অনেকে বললে ভুল হবে সবাই দেখেছেন ওয়ার্ডপ্রেস ব্লগে পোস্ট করার সময় আমারা Featured / Thumbnail image যুক্ত করার সুবিধা দেখতে পাই । আসলে এই Featured / Thumbnail image কি এই ইমেজ ব্যবহার এর একটি মাত্র কারন আর সেটা হল আপারা দেখবেন হোম পেজে টাইটেল এর সাথে ফটো থাকে কিন্তু সেটা পোস্ট এর মধ্যেও থাকে । কিন্তু এই Featured / Thumbnail image ব্যবহার করলে এটা শুধু হোম পেজে শো করবে পোস্ট এর মধ্যে শো করবে না । কি বিষয় কিলিয়ার হল আশাকরি ।তবে দুঃখের বিষয় আমার এটা ওয়ার্ডপ্রেস এর মতো কোন প্লাগ ব্যবহার করতে পারবো না এটা ব্যবহার করতে হলে আমাদের কে প্রতি বার কোড ব্যবহার করতে হবে । কারন ওয়ার্ডপ্রেসে ড্যাশবোর্ডকে নিজের মতো করে বানানো যাই কিন্তু ব্লগারকে তারাই একমাত্র পরিচালনা করে । তাই তারা যতো দিন না এই Featured / Thumbnail image এর সুবিধা দিছে তত দিন আমাদের এই ভাবেই Featured / Thumbnail image ব্যবহার করতে হবে । তাহলে কিভাবে কাজটি করবেন নীচে থেকে বিস্তারিত দেখে নিন ।
উপরের ডেমোতে ক্লিক করুন তারপর দ্বিতীয় পোস্ট test post নামক পোস্ট দেখুন সেখানে দেখুন ফটো শো করছে এবার সেই পোস্ট দেখুন পোস্ট এর ভিতরে কোন ফটো নাই ।
এটা কিভাবে হল ? হা হা হা হা !!!! নীচে থেকে দেখিনিন আপনার ব্লগেও এটা কিভাবে করবেন ।
১// আপনার ব্লগ লগইন করুন । তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন তারপর Edit HTML এ ক্লিক করুন ।
২// এবার আপনার কীবোর্ড এর
]]></b:skin>
৩// উপরের কোড এর ঠিক নীচে নীচের কোড গুলো কপি পেস্ট করুন ।
<b:if cond='data:blog.pageType != "index"'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>
<style>
.hidepic{
display: none;
}
</style>
</b:if>
৪// এবার Save Template এ ক্লিক করে বেরিয়ে আসুন । নীচের স্টেপ দেখুন কিভাবে ব্যবহার করবেন ।
৫// এবার ব্যবহার করার পালা ।এর জন্য যখুন আপনি পোস্ট করবেন তখুন যে ফটোটিকে Featured ফটো হিসাবে দেখেতে চান সেটাকে Upload করুন ।
৬// এবার নীচের কোড গুলো কপি করে নিন তারপর কোড গুলোকে HTML হিসাবে পোস্ট করুন । নীচের চিত্রে এবং কোড দেখে নিন ।
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-shsd_c51zRA/T6UeoPgcbII/AAAAAAAACCc/sYI6WB22CaM/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-shsd_c51zRA/T6UeoPgcbII/AAAAAAAACCc/sYI6WB22CaM/s320/fire_bird_by_fhrankee-d32af8v.png" width="320" /></a></div>
<a href="http://2.bp.blogspot.com/-shsd_c51zRA/T6UeoPgcbII/AAAAAAAACCc/sYI6WB22CaM/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-shsd_c51zRA/T6UeoPgcbII/AAAAAAAACCc/sYI6WB22CaM/s320/fire_bird_by_fhrankee-d32af8v.png" width="320" /></a></div>
নোটঃ আমি ৫ স্টেপে বলেছিলাম যে ফটোকে Featured হিসাবে দেখেতে চান সেটাকে Upload করতে এবার সেই Uplaod করা ফটো লিঙ্কে উপরের কালার ফটো লিঙ্ক মুছে সেখানে বসিয়ে দিন ।
৭// ব্যাস এবার পোস্ট করে দিন । তারপর পরীক্ষা করে দেখুন হোম পেজে শো করবে কিন্তু সেই ফটো পোস্টে শো করবে না । তবে অবশ্যই Upload করা ফটোটিকে মুছে ফেলবেন ।
পদ্ধতি ২ - আপডেট পোস্ট :
উপরের পদ্ধতি ছাড়াও আপনি খুব সহজে এই কাজটি করতে পারবেন এর জন্য আপনাকে কিছুই করতে হবে না শুধু আপনি ফটো আপলোড করুন এবং HTML এ ক্লিক করে সেই ফটো URL টা কপি করে রেখুন নিচের চিত্রের মত ।
এবার আপনি ফটো ফটো লিঙ্ক টা মুছে ফেলুন তার আগে অবশ্যই কপি করে রাখবেন এবং নিচের কোড টা সেখানে বসিয়ে দিন ।
<img src="image-here" style="display:none;">
উপরের কোড থেকে image-here মুছে সেখানে যে ফটো আপলোড করে কপি করে রাখতে বললাম সেটা বসিয়ে দিন এবং পোস্ট পাবলিশ করুন দেখুন কাজ হয়ে যাবে । :)
তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন কোন সমস্যা হলে আমাকে জানাবেন আমি হেল্প করবো । ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্ হাফেজ ।
এই মন্তব্যটি লেখক দ্বারা সরানো হয়েছে।
উত্তরমুছুনকাজ হয়নাতো।
উত্তরমুছুনকাজ অবশ্যই হবে সঠিক ভাবে উপরের টিপস দেখুন !
মুছুনAaita Kono featured post image trick na. Just conditional tag diye post image take hide kora hoyece. =))
উত্তরমুছুনহুম কি আর করা ব্লগারে এভাবে ছাড়াত মনে হয় আর করা যাই না ওয়ার্ডপ্রেস সাদত এই ভাবেই মেটাতে হয় কি বলেন ;(( :p
উত্তরমুছুন