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

টিউন করেছেনঃ | প্রকাশিত হয়েছেঃ 6:50 AM | টিউন বিভাগঃ
সংক্ষেপে, স্টীকি পোস্ট হচ্ছে  কিছু সংখ্যক পোস্টকে ব্লগের অন্যান্য পোস্টগুলোর উপরে/প্রথমে দেখানো এবং আলাদাভাবে ডিজাইন করা।  স্টীকি পোস্টের জন্য আমরা কেমন ডিজাইন করছি প্রথমেই দেখে নিই।
প্রথমের পোস্ট গুলোর ডান পাশে দেখতে পারবেন পিন আইকন আছে। স্টিকি পোস্টের ডিজাইন হিসেবে আমি পিন আইকনটি অ্যাড করেছি।
wordpress stikcy post
স্টিকি পোস্ট ডিজাইন করতে, ওয়ার্ডপ্রেস থিমের index.php অথবা home.php যেকোনো পেজে সিঙ্গেল পোস্ট লুপ শুরুর আগে সিঙ্গেল পোস্ট কনটেইনারে একটি কন্ডিশন দিতে হবে। যেমনঃ হোম পেজের সিঙ্গেল পোস্টটি যদি স্টীকি হবে তবে সেই পোস্টের জন্য ডানে ওর বামে কিছু একটা দেখাবেন অথবা সেই পোস্টির ব্যাকগ্রাউন্ড কালার পরিবর্তন হবে।

কন্ডিশনটি নিচে দেখুনঃ

1
<?php echo is_sticky() ? '<article  class="singleContent sticky clearfix">' : '<article  class="singleContent clearfix">'; ?>

কন্ডিশনটি ওয়ার্ডপ্রেস কডেক্সে দেখুন:

এখানে singleContent ক্লাসটি হচ্ছে হোম পেজের সিঙ্গেল পোস্টটির কনটেইনার এবং is_sticky() ফাংশনটি ইউজ করার কারণে এক্সট্রা sticky ক্লাসটি singleContent  ক্লাসের সাথে এসেছে। এটি (sticky) is_sticky() ফাংশনটি ইউজ করলে অটো আসবে।
তাই, এবার sticky ক্লাসটির জন্য সিএসএস (ব্যাকগ্রাউন্ড ইমেজ, কালার অথবা যা কিছু) লিখেন, তাহলেই কাজ হবে। আমার থিমের স্ট্রাকচার অনুযায়ী স্টীকি পোস্টের সিএসএস নিচে দিলামঃ
1
2
3
4
.sticky {
background: url('http://www.blog.rangpursource.com/wp-content/uploads/2013/04/sticky.png') no-repeat 670px 10px;
position: relative;
}
এবার ব্যাপার হল, উপরে কন্ডিশনে বলা হয়েছে, যদি পোস্টি স্টীকি হবে তাহলে sticky টি অ্যাড হবে পোস্ট কনটেইনারে অন্যথায় অ্যাড হবে না। একটি লজিকালি ভাবুন, তাহলেই কাজ হবে। :)
পূর্বে প্রকাশিতঃ http://www.blog.rangpursource.com/article-id/4172
ধন্যযোগ! :)

Previous
Next Post »
Designed by MS Design

Powered by Blogger