置信很多站长都晓得并且曾经在应用WordPress自定义字段，很多插件也应用了这一性能。

自定义字段是一个十分不错的性能，它可以让咱们为文章增加各种自定义的属性，高度灵敏，操作简略。比方能够为文件增加一个SEO MetaDescription的自定义字段，咱们能够输出一段文字来概括文章内容，在前台显示的时分能够依据该字段来生成HTML的<meta>标签，使搜寻引擎愈加不便的理解页面的内容，协助索引。

然而，因为它的高度灵敏，招致了一些成绩，尤其由于自定义字段的值的输出是一个文本框，招致在输出时会十分方便，例如，设计的是一个整形的字段，然而因为文本框没有验证和提醒，招致可能会输出非整数，在前台应用时就会呈现成绩，甚至招致网站挂掉。或许字段的值是预约义的值集合中的一个（比方有共性别的字段，就只是男和女中的一个值），然而文本框是不会提醒你能够输出哪些值。

总的来说，不不便之处是文本框的繁多输出形式无奈满足不同场景下不同字段类型的输出需要和验证需要。

那么，处理计划来了，应用自定义Meta Box来自定义编辑页面。

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

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




首先，需求应用到add meta boxes Action，该Action容许咱们为任何文章类型注册Meta Box，在该Action中，咱们需求应用add_meta_box()办法来增加Meta Box的相干信息。代码如下

PHP Code复制内容到剪贴板

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' );  

这里咱们在$types数组中定义了Post和Page都需求推荐指数这个自定义字段，而后通知WordPress应用“render_rating_meta_box”办法来渲染Meta Box，地位在侧边栏（side）。由于内容不多，所以侧边栏足够，若内容较多，能够将“side”改为“advanced”，这样就会在主内容区域渲染Meta Box。

接上去看看是如何渲染的

PHP Code复制内容到剪贴板

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.             $selected = 'selected="selected"';   
15.         }   
16.         $html .= sprintf('<option value="%s" %s>%s星</option>', $i, $selected, $i/2);   
17.     }   
18.     $html .= '</select>';   
19.     echo $html;   
20. }  

这里先应用wp_nonce_field()增加了一个nonce field，用来做平安反省，而后，读取推荐指数的值，循环1~10来输入可供抉择的值，假如和推荐指数相反，则默许选上。经过下拉框，既能够处理输出不不便和无奈验证的成绩。记住这里下拉框的name属性的值（rating_field），将经过它在上面的代码中获取抉择的值。

最初，当文章被保留时，需求将推荐指数也保留起来

PHP Code复制内容到剪贴板

1. function save_rating_post_data( $post_id ) {   
2.     // 反省nonce能否设置   
3.     if (!isset($_POST['rating_nonce_name'])) {   
4.         return $post_id;   
5.     }   
6.     $nonce = $_POST['rating_nonce_name'];   
7.   
8.     // 验证nonce能否正确   
9.     if (!wp_verify_nonce( $nonce, 'rating_nonce_action')) {   
10.         return $post_id;   
11.     }   
12.   
13.     // 假如是零碎主动保留，则不操作   
14.     if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {   
15.         return $post_id;   
16.     }   
17.        
18.     // 反省用户权限   
19.     if ($_POST['post_type'] == 'post') {   
20.         if (!current_user_can('edit_post', $post_id )) {   
21.             return $post_id;   
22.         }   
23.     }   
24.   
25.     $rating_key = 'rating';   
26.     // 获取数据   
27.     $rating_value = $_POST['rating_field'];   
28.   
29.     // 更新数据   
30.     update_post_meta( $post_id, $rating_key, $rating_value );   
31. }   
32. add_action( 'save_post', 'save_rating_post_data' );  

这里做了一系列反省，包括对刚刚设置的nonce反省，用户权限的反省，扫除主动保留的状况。而后应用update_post_meta()办法将数据存入数据库。

至此，咱们就实现了对推荐指数自定义字段的改装，能够很不便的抉择文章的推荐指数。

等等。。。

仔细的冤家可能发现了，在使用了下面三段代码后，确实能够完成性能。然而，在默许的自定义栏目区域下，是能够看到，有一个名为“rating”的栏目，这就是咱们刚刚抉择的推荐指数。假如想让他不在自定义栏目下，显示，能够将上述代码中的$rating_key改为以下划线扫尾，这样，WordPress就不会显示进去了。留意有两个中央要改。

PHP Code复制内容到剪贴板

1. // 原来的代码   
2. $rating_key = 'rating';   
3. // 改后的代码   
4. $rating_key = '_rating';   

以上就是安达网络工作室关于《WordPress 添加Meta Box的方法》的一些看法。更多内容请查看本栏目更多内容！