WordPress——访客选择文章排序的实现

WordPress内建的排序方式有很多，比如按照标题排序、按评论数多少排序或者按照某个自定义字段的值排序。如果可以让访客自由选择网站文章的排序方式，可以帮助访客发现他们想要的资源，提高用户黏度。本文探讨如何实现访客选择文章排序方式，包括按照浏览次数和用户打分排序。

目标

要实现的功能包括

• 用模板标签添加文章排序菜单，也就是用户能看到的前台部分
• 在header.php中添加模板标签，在首页和所有分类页面显示排序链接，支持对首页和所有分类页面排序，包括category、tag、author archive、 date archive等。
• 按照评论多少排序，这个只需要修改orderby参数，其它排序方式包括title、date、rand等等与之相同，所以选择评论数（comment_count）作为代表
• 按照浏览次数排序，其实就是按照自定义字段（custom field）排序，这里的自定义字段叫做views，也许你能猜到，要借助WP-PostViews插件
• 按照用户打分（Ratings）排序，同样是自定义字段排序的例子，借助WP-PostRatings插件

开始之前

1. WP PostViews插件自带排序功能，所以无需重新写这部分代码，详情参阅《WP-PostViews浏览次数统计插件使用详解》

2. WP PostRatings也自带排序功能，使用的参数是r_sortby，WP PostViews使用的是v_sortby，要求参数统一的情况下只能取其一，就选WP PostViews的参数，正好练习一下如何利用custom field排序的方法

3. 排序在query_post执行之前完成，也就是说我们不用去模板文件里写query_post()或者new WP_Query，而是在主循环输出之前就改变排序顺序，这样可以减少数据库查询次数，这也是WP PostViews的做法。

4. 将代码封装在Class中，我们的代码看起来是这样

class Sola_Sort_Posts {
   //代码
}

使用Class封装可以有效避免全局变量的使用，减少与其它插件冲突的机会，只要Class的名字不重复就没事。

声明Class，写构造函数

class Sola_Sort_Posts {
	
	private $sort_views;
	private $sort_ratings;
	
	function __construct() {
		
		If (in_array( 'wp-postviews/wp-postviews.php',apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) )
			$this->sort_views = true;
			
		If (in_array( 'wp-postratings/wp-postratings.php',apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) )
			$this->sort_ratings = true;
			
		add_action('pre_get_posts', array(&$this, 'posts_sorting') );
		
		add_filter('query_vars', array(&$this, 'add_sorting_vars') );

	}
	

构造函数前两句检测与该插件有依赖关系的两个插件是否启用，如果没启用，后面就不会显示按照浏览次数和打分的链接。

按照评分（Ratings）排序

这部分的实现代码如下

function posts_sorting($local_wp_query) {
	$sortby = $local_wp_query->get('v_sortby');
	$is_valid = is_home() || is_archive();

	if( $sortby && $is_valid ) {	
		if( $this->sort_ratings && $sortby == 'ratings') {
			add_filter( 'posts_fields', array(&$this, 'ratings_fields') );
			add_filter( 'posts_join', array(&$this, 'ratings_join') );
			add_filter( 'posts_where', array(&$this, 'ratings_where') );
			add_filter( 'posts_orderby', array(&$this, 'ratings_orderby') );
		} else if( $sortby == 'comment_count' ) {
			add_filter( 'posts_orderby', array(&$this, 'comment_count_orderby') );				
		}			
	}
}

这部分代码将在action: pre_get_posts处执行，排序只能用于首页或者archive（分类、tag、作者archive、日期archive等）页面，所以检测一下是否在这些页面，如果不是就不要执行。

检测一下当前的v_sortby的值，如果地址是https://www.solagirl.net?v_sortby=ratings，就是按照ratings排序，这时添加四个filters，修改主循环SQL语句，使主循环查询时

• SELECT时选出meta_value
• 联合wp_postmeta表查询
• 按照ratings_orderby排序，ratings_orderby是WP PostRatings插件记录平均值的数据库meta_key
• 增加一个Where条件

下面是实现上述四点的具体函数

/** Function: Modify Default WordPress Listing To Make It Sorted By Post Ratings */
function ratings_fields($content) {
	global $wpdb;
	$content .= ", ($wpdb->postmeta.meta_value+0) AS ratings_average";
	return $content;
}
function ratings_join($content) {
	global $wpdb;
	$content .= " LEFT JOIN $wpdb->postmeta ON $wpdb->postmeta.post_id = $wpdb->posts.ID";
	return $content;
}
function ratings_where($content) {
	global $wpdb;
	$content .= " AND $wpdb->postmeta.meta_key = 'ratings_average'";
	return $content;
}
function ratings_orderby($content) {
	$orderby = trim(addslashes(get_query_var('v_orderby')));
	if(empty($orderby) || ($orderby != 'asc' && $orderby != 'desc')) {
		$orderby = 'desc';
	}
	$content = " ratings_average $orderby";
	return $content;
}

实现按照comment_count的方式就是修改一下orderby参数，不在赘述。

按照ratings排序的主循环查询语句将会是这样

SELECT SQL_CALC_FOUND_ROWS wp_posts . * , (
wp_postmeta.meta_value +0
) AS ratings_average
FROM wp_posts
LEFT JOIN wp_postmeta ON wp_postmeta.post_id = wp_posts.ID
WHERE 1 =1
AND wp_posts.post_type = 'post'
AND (
wp_posts.post_status = 'publish'
OR wp_posts.post_status = 'private'
)
AND wp_postmeta.meta_key = 'ratings_average'
ORDER BY ratings_average DESC
LIMIT 0 , 10

在模板中添加模板标签实现

在类中定义一个方法输出我们需要的排序链接

function print_menu() {
   ...
}

在类结束后，实例化这个类，定义一个新的函数作为模板标签

/** Instance the class */
$sort_posts = new Sola_Sort_Posts();	

/** Function: Template tags for displaying the sorting menu */
function sort_posts() {
	global $sort_posts;
	$sort_posts->print_menu();
}

这样用户只需要在模板中（例如header.php）添加函数sola_sort_posts()就可以在首页和所有分类页面显示排序链接，以twentyeleven为例，

//twentyeleven的header.php最后
<div id="main">
	<?php if( function_exists('sola_sort_posts') ) sola_sort_posts(); ?>

效果

最终效果展示

按照评论排序

按照Ratings排序

控制样式

可以在主题的style.css中为排序表单添加样式，例如让表单横向排列，选中的以红色下划线字体显示

ul.post-sort li { 
	float:left;
	margin-right:20px;
}
ul.post-sort .current-sort a {
	color:#FF0000;
	text-decoration:underline;
}

插件下载

源代码以插件形式展现

[download id=37]

将sort-posts.php放在plugins目录下，后台激活插件，在header.php中添加如下代码即可使用

<?php if( function_exists('sola_sort_posts') ) sola_sort_posts(); ?>

扩展

在这段代码基础上，还可以扩展更多排序方式，包括

• 按照字母数顺序排序（post_name）
• 按照作者名字排序（post_author）
• 按照发布时间排序（post_date）,这是默认的排序方式
• 按照文章修改时间排序（post_modified）
• 按照随机顺序排序（RAND()）
• 按照贝叶斯平均排序，也就是在按照Ratings排序时考虑打分人数，参考文章《基于贝叶斯平均的产品排序方法》

注意：这里使用的orderby参数与WP Query文档中给出的参数不同，因为WP Query的排序是经过封装的，我们用的方法是直接修改SQL语句，所以要以数据库字段的实际名称为准。

参考文章

WP Query Order Parameters

WP Query Filters