GeneratePress থিমে Related Posts সেকশন যুক্ত করার সহজ HTML & CSS কোড

বর্তমানে ব্লগিং শুধু কনটেন্ট লেখাতেই সীমাবদ্ধ নয়, বরং কনটেন্টকে আরও আকর্ষণীয়ভাবে উপস্থাপন করাও একটি বড় বিষয়। ভিজিটররা যখন একটি পোস্ট পড়া শেষ করে তখন তাদেরকে অন্য সম্পর্কিত পোস্ট দেখানো খুবই জরুরি। এতে ভিজিটর আপনার সাইটে বেশি সময় ব্যয় করে এবং বাউন্স রেট কমে যায়।

যারা GeneratePress Premium Theme ব্যবহার করেন, তাদের জন্য Related Posts যুক্ত করার জন্য আলাদা কোনো প্লাগইন দরকার হয় না। কেবলমাত্র কিছু HTML ও CSS কোড ব্যবহার করলেই সহজে Related Posts সেকশন তৈরি করা সম্ভব।

আজকে আমি আপনাদের সাথে সেই কোডগুলো শেয়ার করছি, যা আমি আমার ইউটিউব ভিডিওতেও দেখিয়েছি। নিচে দেওয়া কোডগুলো কপি করে আপনার GeneratePress থিমে ব্যবহার করলে Related Posts সেকশন পেয়ে যাবেন।

📝 Related Posts এর জন্য HTML কোড

👉 নিচের HTML কোডটি কপি করে আপনার পোস্ট টেমপ্লেটে যেখানে Related Posts দেখাতে চান সেখানে পেস্ট করুন।

<div>
<h2 class="wpsp-related-title">Related Posts</h2>
<?php if ( function_exists( 'wpsp_display' ) ) wpsp_display( 1634 ); ?>
</div>

🎨 Related Posts এর জন্য CSS কোড

👉 এবার নিচের CSS কোডটি আপনার Additional CSS অথবা চাইল্ড থিমের style.css ফাইলে যুক্ত করুন।

/* Related Post CSS */
.wpsp-related-title {
	padding-top: 20px;
}
.wp-show-posts-image img {
	border-radius: 10px;
  box-shadow: rgba(23,43,99,.2) 0 5px 25px!important;
}

💡 কিভাবে কোডগুলো ব্যবহার করবেন?

1. প্রথমে HTML কোডটি কপি করুন।

2. আপনার GeneratePress থিমের Element Hook অথবা সিঙ্গেল পোস্ট টেমপ্লেটে কোডটি যুক্ত করুন।

3. এরপর CSS কোডটি আপনার থিমের Customizer → Additional CSS এ পেস্ট করুন।

4. সেভ করার পর পোস্টে Related Posts সেকশন অ্যাক্টিভ হয়ে যাবে।

✅ Related Posts কেন গুরুত্বপূর্ণ?

• ভিজিটর আপনার ব্লগে বেশি সময় কাটাবে।

• বাউন্স রেট কমবে।

• ভিজিটর অন্য কনটেন্টও পড়তে উৎসাহিত হবে।

• আপনার সাইটের SEO শক্তিশালী হবে।

🔍 প্রশ্নোত্তর

প্রশ্ন ১: Related Posts দেখানোর জন্য কি আলাদা প্লাগইন দরকার?
👉 না, GeneratePress Premium ব্যবহারকারীরা কোড দিয়েই এটি করতে পারবেন।

প্রশ্ন ২: এই কোড কি মোবাইল ফ্রেন্ডলি?
👉 হ্যাঁ, CSS কোডটি রেসপনসিভ এবং মোবাইলেও সুন্দরভাবে দেখাবে।

প্রশ্ন ৩: আমি চাই Related Posts ডাইনামিকভাবে আসুক, সেটি কিভাবে হবে?
👉 ডাইনামিক Related Posts এর জন্য প্লাগইন অথবা কাস্টম PHP কোড দরকার হয়। তবে নতুন ব্লগারদের জন্য এই স্ট্যাটিক HTML & CSS কোড একদম যথেষ্ট।

উপসংহার

GeneratePress Premium থিমে Related Posts যুক্ত করা একদম সহজ। উপরের HTML এবং CSS কোড ব্যবহার করলে আপনার ব্লগ আরও প্রফেশনাল দেখাবে এবং ভিজিটরও বাড়বে।

👉 আপনার সুবিধার্থে এই কোডগুলো আমি আমার ইউটিউব ভিডিওতেও ব্যাখ্যা করেছি। চাইলে ভিডিও দেখে প্র্যাকটিক্যাল সেটআপ করতে পারবেন।