最新有效WordPress相关文章代码

别问我为什么还写这么老土的代码,WordPress相关文章,你现在在网络上找到的代码基本都是很古老的,有一些甚至是已经无法在WordPress4.1上运行,因为我昨天就粘贴了WordPress大学上的一篇文章,然后博客就成死循环了。咱们不任性,给个最新的有效并且是优化过的代码,代码来自国外大名鼎鼎的付费主题站:Elegant

<div class="relatedposts">
<h3>Related posts</h3>
<?php
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);

if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
'tag__in' => $tag_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=>4, // Number of related posts to display.
'caller_get_posts'=>1
);

$my_query = new wp_query( $args );

while( $my_query->have_posts() ) {
$my_query->the_post();
?>

<div class="relatedthumb">
<a rel="external" href="<? the_permalink()?>"><?php the_post_thumbnail(array(150,100)); ?><br />
<?php the_title(); ?>
</a>
</div>

<?php }
}
$post = $orig_post;
wp_reset_query();
?>
</div>

该代码显示的是标签相关的文章,同时显示文章的缩略图,只要把该代码贴到文章页面,那么就可以显示标签相关的文章,或者你也可以把它保存在单独的一个PHP文件,然后通过调用,也是可以的。

记得使用notepad++来编辑代码,修改之前最好备份,养成好习惯。

你还可以加入以下CSS代码:

.single .relatedposts .relatedthumb {
display:inline-block;
width: 32%;
}

最后的结果看起是这样子的

related-posts-styled

 

什么?你不会使用代码,那用插件怎么样?推荐几个比较有名的WordPress相关文章插件:

Related Posts

related-posts

Yet Another Related Posts Plugin

Yet Another Related Posts Plugin

CP Related Posts

CP Related Posts Plugin

还不够吗?好,试着搜索本站其他文章试试呗。

声明: 未经本站许可,谢绝转载!

0 个主题帖 其中:热心观众:0 个, 管理员:0 个

抱歉,评论被关闭