ওয়ার্ডপ্রেস ব্লগে sticky পোস্ট যুক্ত ও ডিজাইন করবেন যেভাবে!

সংক্ষেপে, স্টীকি পোস্ট হচ্ছে  কিছু সংখ্যক পোস্টকে ব্লগের অন্যান্য পোস্টগুলোর উপরে/প্রথমে দেখানো এবং আলাদাভাবে ডিজাইন করা।  স্টীকি পোস্টের জন্য আমরা কেমন ডিজাইন করছি প্রথমেই দেখে নিই। লিঙ্কঃ http://www.blog.rangpursource.com/

প্রথমের পোস্ট গুলোর ডান পাশে দেখতে পারবেন পিন আইকন আছে। স্টিকি পোস্টের ডিজাইন হিসেবে আমি পিন আইকনটি অ্যাড করেছি।

wordpress stikcy post

স্টিকি পোস্ট ডিজাইন করতে, ওয়ার্ডপ্রেস থিমের index.php অথবা home.php যেকোনো পেজে সিঙ্গেল পোস্ট লুপ শুরুর আগে সিঙ্গেল পোস্ট কনটেইনারে একটি কন্ডিশন দিতে হবে। যেমনঃ হোম পেজের সিঙ্গেল পোস্টটি যদি স্টীকি হবে তবে সেই পোস্টের জন্য ডানে ওর বামে কিছু একটা দেখাবেন অথবা সেই পোস্টির ব্যাকগ্রাউন্ড কালার পরিবর্তন হবে।

কন্ডিশনটি নিচে দেখুনঃ
[php]
<?php echo is_sticky() ? ‘<article  class=”singleContent sticky clearfix”>’ : ‘<article  class=”singleContent clearfix”>’; ?>
[/php]
কন্ডিশনটি ওয়ার্ডপ্রেস কডেক্সে দেখুন:

https://codex.wordpress.org/Function_Reference/is_sticky

http://codex.wordpress.org/Sticky_Posts

এখানে singleContent ক্লাসটি হচ্ছে হোম পেজের সিঙ্গেল পোস্টটির কনটেইনার এবং is_sticky() ফাংশনটি ইউজ করার কারণে এক্সট্রা sticky ক্লাসটি singleContent  ক্লাসের সাথে এসেছে। এটি (sticky) is_sticky() ফাংশনটি ইউজ করলে অটো আসবে।

তাই, এবার sticky ক্লাসটির জন্য সিএসএস (ব্যাকগ্রাউন্ড ইমেজ, কালার অথবা যা কিছু) লিখেন, তাহলেই কাজ হবে। আমার থিমের স্ট্রাকচার অনুযায়ী স্টীকি পোস্টের সিএসএস নিচে দিলামঃ
[css]
.sticky {
background: url(‘http://www.blog.rangpursource.com/wp-content/uploads/2013/04/sticky.png’) no-repeat 670px 10px;
position: relative;
}
[/css]
এবার ব্যাপার হল, উপরে কন্ডিশনে বলা হয়েছে, যদি পোস্টি স্টীকি হবে তাহলে sticky টি অ্যাড হবে পোস্ট কনটেইনারে অন্যথায় অ্যাড হবে না। একটি লজিকালি ভাবুন, তাহলেই কাজ হবে। 🙂

6 thoughts on “ওয়ার্ডপ্রেস ব্লগে sticky পোস্ট যুক্ত ও ডিজাইন করবেন যেভাবে!

  1. অত্যন্ত গুরুত্বপূর্ণ একটি পোস্ট আশাকরি আমার পরবর্তী কাজে এটি লাগবে। ধন্যবাদ আপনাকে।

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.