Thursday, October 12, 2017

ওয়ার্ডপ্রেস থিম কাস্টমাইজেশন পর্ব-৬, ওয়ার্ডপ্রেস সাইটে প্লাগিন ছাড়া যে ভাবে রিলেটেড পোষ্ট যুক্ত করবেন।

রিলেটেড পোষ্ট হল ওয়ার্ডপ্রেস সাইটের একটি অপরিহার্য বিষয়। এই রিলেটেড পোষ্ট যুক্ত করার জন্য বিভিন্ন লোক বিভিন্ন প্লাগিন ব্যবহার করে থাকে। কিন্তু আমি প্লাগিন ব্যবহারের পক্ষে না তাই আমি আজ আপনাদের সাথে কিছু কোড শেয়ার করব যা দিয়ে আপনি খুব সহযে প্লাগিন ছাড়া থাম্বনেইল সহ রিলেটেড পোষ্ট দেখাতে পারবেন। চলুন তাহলে শুরু করা যাক:
প্রথমে আপনি এই কোড গুলো কপি করে আপনার ওয়ার্ডপ্রেস থিমের single.php ফাইলের মধ্যে যেখানে রিলেটেড পোষ্ট দেখাতে চান সেখানে পেষ্ট করে সেভ করুন।
<div class="relatedbox">
<h2> Related Post </h2>
<ul class="rpul">
<?php
$category = get_the_category($post->ID);
$current_post = $post->ID;
$posts = get_posts('numberposts=5&category=' . $category[0]->cat_ID . '&exclude=' . $current_post);
foreach($posts as $post) : setup_postdata( $post ); ?>
<li>
<?php if ( has_post_thumbnail() ) { the_post_thumbnail('portfolio'); } else { ?> <img src="<?php bloginfo('template_directory'); ?>/images/default.gif" /> <?php } ?>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<br/>
<font color="green">Tuner:</font><font color="red"> <?php the_author();?> &nbsp;</font>
<span>
<span>
<?php the_date('j F, Y');?>
</span>
<span>
<?php comments_popup_link ('Leave a comment' , '1 comment' , '% comments'); ?>
</span>
&nbsp;

<?php
echo getCrunchifyPostViews(get_the_ID());
?>
</span>
</li>
<?php endforeach; wp_reset_postdata();?>
</ul>
</div> <!--relbox-->

এবার নিচে থেকে css কোড গুলো কপি করে আপনার ওয়ার্ডপ্রেস থিমের style.css ফাইলে পেষ্ট করে সেভ করুন।
.relatedbox {
padding-top: 10px;
padding-left: 10px;
border: 1px solid #bbbdde;
border-radius:.1em 0 0 0;
margin-bottom: 10px;
}
.rpul {}
ul.rpul li{padding: 5px; border-bottom: 1px solid #ddd; display: block; min-height: 80px;}
ul.rpul li:last-child{padding: 5px; border-bottom: 0px}
ul.rpul img{float: left; padding: 5px; border: 1px solid #bbbdde;
border-radius:.1em 0 0 0;
margin-right: 5px; width: 60px; height: 60px;}
ul.rpul p{ display: block; font-size: 13px}
ul.rpul p a{display: inline-block; font-size: 13px; color: #000}
ul.rpul a{font-size: 15px;}

এবার আপনার সিঙ্গেল পোষ্টের নিচে দেখুন ক্যাটাগরি অনুযায়ী থাম্বনেইল সহ রিলেটেড পোষ্ট ডিসপ্লে হচ্ছে। ঠিক এই রকম:

এমন আরো অনেক অনেক কোড পেতে আমাদের সাথেই থাকুন। ধন্যবাদ।



শেয়ার করুন

Author:

Etiam at libero iaculis, mollis justo non, blandit augue. Vestibulum sit amet sodales est, a lacinia ex. Suspendisse vel enim sagittis, volutpat sem eget, condimentum sem.

0 coment rios: