বন্ধুরা সবাই ভালো ও সুস্থ আছেন সেই আশাই রাখছি । যাই হোক আর কথা বাড়াবো না সোজা কাজের কথাই যাব । আপারা অনেকে বললে ভুল হবে সবাই দেখেছেন ওয়ার্ডপ্রেস ব্লগে পোস্ট করার সময় আমারা  Featured / Thumbnail image যুক্ত করার সুবিধা দেখতে পাই । আসলে এই  Featured / Thumbnail image কি এই ইমেজ ব্যবহার এর একটি মাত্র কারন আর সেটা হল আপারা দেখবেন হোম পেজে টাইটেল এর সাথে ফটো থাকে কিন্তু সেটা পোস্ট এর মধ্যেও থাকে । কিন্তু এই  Featured / Thumbnail image ব্যবহার করলে এটা শুধু হোম পেজে শো করবে পোস্ট এর মধ্যে শো করবে না । কি বিষয় কিলিয়ার হল আশাকরি ।তবে দুঃখের বিষয় আমার এটা ওয়ার্ডপ্রেস এর মতো কোন প্লাগ ব্যবহার করতে পারবো না এটা ব্যবহার করতে হলে আমাদের কে প্রতি বার কোড ব্যবহার করতে হবে । কারন ওয়ার্ডপ্রেসে ড্যাশবোর্ডকে নিজের মতো করে বানানো যাই কিন্তু ব্লগারকে তারাই একমাত্র পরিচালনা করে । তাই তারা যতো দিন না এই  Featured / Thumbnail image এর সুবিধা দিছে তত দিন আমাদের এই ভাবেই  Featured / Thumbnail image ব্যবহার করতে হবে । তাহলে কিভাবে কাজটি করবেন নীচে থেকে বিস্তারিত দেখে নিন ।







উপরের ডেমোতে ক্লিক করুন তারপর দ্বিতীয় পোস্ট test post নামক পোস্ট দেখুন সেখানে দেখুন ফটো শো করছে এবার সেই পোস্ট দেখুন পোস্ট এর ভিতরে কোন ফটো নাই ।


এটা কিভাবে হল ? হা হা হা হা !!!! নীচে থেকে দেখিনিন আপনার ব্লগেও এটা কিভাবে করবেন ।


১// আপনার ব্লগ লগইন করুন । তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন তারপর Edit HTML এ ক্লিক করুন ।

২// এবার আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোড খুজে বের করুন ।

]]></b:skin>

৩// উপরের কোড এর ঠিক নীচে নীচের কোড গুলো কপি পেস্ট করুন ।


<b:if cond='data:blog.pageType != &quot;index&quot;'>
<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>



নোটঃ আমি ৫ স্টেপে বলেছিলাম যে ফটোকে Featured হিসাবে দেখেতে চান সেটাকে Upload করতে এবার সেই Uplaod করা ফটো লিঙ্কে উপরের কালার ফটো লিঙ্ক মুছে সেখানে বসিয়ে দিন ।

৭// ব্যাস এবার পোস্ট করে দিন । তারপর পরীক্ষা করে দেখুন হোম পেজে শো করবে কিন্তু সেই ফটো পোস্টে শো করবে না । তবে অবশ্যই Upload করা ফটোটিকে মুছে ফেলবেন ।


পদ্ধতি ২ - আপডেট পোস্ট :


উপরের পদ্ধতি ছাড়াও আপনি খুব সহজে এই কাজটি করতে পারবেন এর জন্য আপনাকে কিছুই করতে হবে না শুধু আপনি ফটো আপলোড করুন এবং HTML এ ক্লিক করে সেই ফটো URL টা কপি করে রেখুন নিচের চিত্রের মত ।




এবার আপনি ফটো ফটো লিঙ্ক টা মুছে ফেলুন তার আগে অবশ্যই কপি করে রাখবেন এবং নিচের কোড টা সেখানে বসিয়ে দিন ।

<img src="image-here" style="display:none;">

উপরের কোড থেকে image-here মুছে সেখানে যে ফটো আপলোড করে কপি করে রাখতে বললাম সেটা বসিয়ে দিন এবং পোস্ট পাবলিশ করুন দেখুন কাজ হয়ে যাবে । :)


তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন কোন সমস্যা হলে আমাকে জানাবেন আমি হেল্প করবো । ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্‌ হাফেজ ।

শেয়ার করুন :→

একটি মন্তব্য পোস্ট করুন Blogger

  1. এই মন্তব্যটি লেখক দ্বারা সরানো হয়েছে।

    উত্তরমুছুন
  2. উত্তরগুলি
    1. কাজ অবশ্যই হবে সঠিক ভাবে উপরের টিপস দেখুন !

      মুছুন
  3. Aaita Kono featured post image trick na. Just conditional tag diye post image take hide kora hoyece. =))

    উত্তরমুছুন
  4. হুম কি আর করা ব্লগারে এভাবে ছাড়াত মনে হয় আর করা যাই না ওয়ার্ডপ্রেস সাদত এই ভাবেই মেটাতে হয় কি বলেন ;(( :p

    উত্তরমুছুন

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

 
Top
Blogger Widgets