• 欢迎光临flyzy小站!分享一些学习路上遇到的坑坑洼洼~

adad

WordPress文章底部添加相关文章

本文的内容包括如何为WordPress的文章下面添加相关文章的功能,默认相关文章是同一个tag下的文章。非插件版~添加相关文章,不仅可以增加网站的浏览量,还可以减少页面的跳出率,鼓励用户去阅读更多的相关文章~添加相关文章后WordPress的效果如下:

wordpress-related-posts

 

在你的文章中插入相关代码

找到你的文章PHP文件,在你想插入的位置添加如下代码:

<div 	class="related-posts">
<h3>相关文章</h3>
<ul class="related_posts">
<?php
$post_num = 8;
$exclude_id = $post->ID;
$posttags = get_the_tags();
$i = 0;
if ($posttags) {
    $tags = '';
    foreach ($posttags as $tag) $tags.= $tag->term_id . ',';
    $args = array(
        'post_status' => 'publish',
        'tag__in' => explode(',', $tags) ,
        'post__not_in' => explode(',', $exclude_id) ,
        'caller_get_posts' => 1,
        'orderby' => 'comment_date',
        'posts_per_page' => $post_num,
    );
    query_posts($args);
    while (have_posts()) {
        the_post(); ?>
<li><a rel="bookmark" href="<?php
        the_permalink(); ?>" title="<?php
        the_title(); ?>" target="_blank" style="color: #00ccff;"><?php
        the_title(); ?></a></li>
<?php
        $exclude_id.= ',' . $post->ID;
        $i++;
    }
    wp_reset_query();
}
if ($i < $post_num) {
    $cats = '';
    foreach (get_the_category() as $cat) $cats.= $cat->cat_ID . ',';
    $args = array(
        'category__in' => explode(',', $cats) ,
        'post__not_in' => explode(',', $exclude_id) ,
        'caller_get_posts' => 1,
        'orderby' => 'comment_date',
        'posts_per_page' => $post_num - $i
    );
    query_posts($args);
    while (have_posts()) {
        the_post(); ?>
<li><a rel="bookmark" href="<?php
        the_permalink(); ?>"  title="<?php
        the_title(); ?>" target="_blank" style="color: #00ccff;"><?php
        the_title(); ?></a></li>
<?php
        $i++;
    }
    wp_reset_query();
}
if ($i == 0) echo '<li>没有相关文章!</li>';
?>
</ul>
</div>	                   
                    

 

修改样式

添加完上面的代码后,WordPress就会自动在每一篇文章后面添加相关文章模块,再根据自己的需求,在style.css添加你的样式就可以了~

点赞