WordPress 添加Meta Box的方法

相信很多站长都知道并且已经在使用WordPress自定义字段，很多插件也使用了这一功能。

自定义字段是一个非常不错的功能，它能够让我们为文章添加各种自定义的属性，高度灵活，操作简单。比如可以为文件添加一个SEO MetaDescription的自定义字段，我们可以输入一段文字来概括文章内容，在前台显示的时候可以根据该字段来生成HTML的<meta>标签，使搜索引擎更加方便的了解页面的内容，帮助索引。

但是，由于它的高度灵活，导致了一些问题，尤其因为自定义字段的值的输入是一个文本框，导致在输入时会非常不便，例如，设计的是一个整形的字段，但是由于文本框没有验证和提示，导致可能会输入非整数，在前台使用时就会出现问题，甚至导致网站挂掉。或者字段的值是预定义的值集合中的一个（比如有个性别的字段，就只是男和女中的一个值），但是文本框是不会提示你可以输入哪些值。

总的来说，不方便之处是文本框的单一输入方式无法满足不同场景下不同字段类型的输入需求和验证需求。

那么，解决方案来了，使用自定义Meta Box来自定义编辑页面。

以添加一个自定义字段——【推荐指数】为例，来讲讲如何使用Meta Box。

备注：推荐指数，在本例中指的是文章作者对文章的打分，分数在1~10分，为整数。分数越高，越推荐。
先来看看最终的样子，我们可以通过下拉列表来选择值了。




首先，需要使用到add meta boxes Action，该Action允许我们为任何文章类型注册Meta Box，在该Action中，我们需要使用add_meta_box()方法来添加Meta Box的相关信息。代码如下

</div>

1. function add_rating_meta_box($post_type, $post) {   
2.     // 需要哪些post type添加推荐指数 Meta Box   
3.     $types = array( 'post', 'page' );   
4.        
5.     foreach ( $types as $type ) {   
6.         add_meta_box(   
7.             'rating_meta_box_id', // Meta Box在前台页面中的id，可通过JS获取到该Meta Box   
8.             '推荐指数', // 显示的标题   
9.             'render_rating_meta_box', // 回调方法，用于输出Meta Box的HTML代码   
10.             $type, // 在哪个post type页面添加   
11.             'side', // 在哪显示该Meta Box   
12.             'default' // 优先级   
13.         );   
14.     }   
15. }   
16. add_action( 'add_meta_boxes', 'add_rating_meta_box' );  

</div> </div> 这里我们在$types数组中定义了Post和Page都需要推荐指数这个自定义字段，然后告诉WordPress使用“render_rating_meta_box”方法来渲染Meta Box，位置在侧边栏（side）。因为内容不多，所以侧边栏足够，若内容较多，可以将“side”改为“advanced”，这样就会在主内容区域渲染Meta Box。

接下来看看是如何渲染的
</div>

1. function render_rating_meta_box( $post ) {   
2.     // 添加 nonce 项用于后续的安全检查   
3.     wp_nonce_field( 'rating_nonce_action', 'rating_nonce_name' );   
4.   
5.     // 获取推荐指数的值   
6.     $rating_key = 'rating';   
7.     $rating_value = get_post_meta( $post->ID, $rating_key, true );   
8.     $rating_value = (int)$rating_value;   
9.   
10.     $html = '<select name="rating_field">';   
11.     for ($i = 0; $i <= 10; $i++) {   
12.         $selected = '';   
13.         if ($i == $rating_value) {   
14.