首页 建站技巧 wordpress相关文章...

wordpress相关文章代码实现

作者:

修改日期:

wordpress比无觅插件好用的相关文章插件这是文章是前两天刚写的,但是现在我就要“朝令夕改”了,虽然文章为大家推荐的相关文章插件Wordpress Related Posts国际知名,然而在那墙下,还是无法容身呢……

WordPress Related Posts插件安装后会运营加载一个叫loader.js的js文件,而此文件是放置在一个叫:https://wprp.zemanta.com的网站上的,而wprp.zemanta.com网站是在墙外面的,所以安装这个插件后,你的wordpress网站就会被拖慢了……

google开源字体不能用,Gravatar不能用,现在又来了,这是要作死的节奏啊~~~

好了,还是说解决办法吧,这里我们就抛弃插件,抛弃无觅,抛弃Wordpress Related Posts,直接使用代码吧,具体操作代码如下:

1、找到文章模板文件 single.php ,然后在结束标签下面的适当位置添加以下代码:

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

2、修改其中的数字 12 为你需要显示相关文章的数量,标题中的36为相关文章标题显示字节,可以根据自己的需要修改防止标题过长出现错位现象;
3、最后可以简单的添加以下样式,以下是学建站网的样式:

  1. #cat_related{list-style-type:circle;margin:10px 30px;height:140px;}
  2. #cat_related li{float:left;margin-right:40px;width:260px;}

4、保存上传覆盖即可。