检测到您启用了Adblock等屏蔽广告扩展,导致正常的内容图片无法显示,为了不影响阅读体验,建议您将www.xiaoz.me加入白名单。

WordPress技巧,使用代码添加相关文章

想要实现wordpress相关文章推荐其实不难,比如可以使用百度推荐、CNZZ云推荐,以及一些插件来实现,这样的方法非常简单,但是在速度加载方面来说或多或少会有一定的影响,尤其对有强迫症的站长来说是无法忍受的。

小z博客之前也一直在使用CNZZ云推荐,总的来说还是比较满意的,只需要从官方获取一段js代码并添加即可,有需要的可参考文章为你的网站添加CNZZ云推荐,加强用户粘性,不过小z比较喜欢折腾,已经将CNZZ云推荐弃用,改用代码来实现相关文章推荐,这样的方法可定制性更强,并且速度也会更好一些,有需要的朋友可参考。

xiangguan-1

本方法是通过获取该文章的分类id,然后获取该分类下的文章,来达到获取相关文章的目的。将下面的代码添加到主题目录下的single.php页面的合适位置即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<ul id="cat_related">
<?php
global $post;
$cats = wp_get_post_categories($post->ID);
if ($cats) {
    $args = array(
          'category__in' => array( $cats[0] ),
          'post__not_in' => array( $post->ID ),
          'showposts' => 6,
          'caller_get_posts' => 1
      );
  query_posts($args);
 
  if (have_posts()) {
    while (have_posts()) {
      the_post(); update_post_caches($posts); ?>
  <li>* <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
<?php
    }
  } 
  else {
    echo '<li>* 暂无相关文章</li>';
  }
  wp_reset_query(); 
}
else {
  echo '<li>* 暂无相关文章</li>';
}
?>
</ul>

当你添加后功能虽然实现了,但是可能有点丑,并不是想要的效果。如果您对CSS样式表比较熟悉的话可以自行美化,下面是小z博客相关文章的展示效果。

tuijian

此文章参考:WordPress代码实现相关文章的几种方法

8 Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注