WordPress高级教程：轻松掌握自定义字段面版创建技巧

人亦已歌

WordPress高级教程：轻松掌握自定义字段面版创建技巧

WordPress自定义字段的功能是非常强大的，在WordPress主题制作过程中，我们可以用WordPress自定义字段来实现很多功能，比如：调用文章图片、添加关键词面板、添加商品信息模块等。总之，WordPress自定义字段可以帮助主题开发者完成许多任务。本章通过“如何创建WordPress自定义字段面板”的案例，详细讲解自定义字段在WordPress主题制作中的应用。

首先在主题文件夹下创建一个metabox.php文件，然后，在主题的functions.php文件中引用metabox.php文件，即include这个文件。接下来就是在metabox.php文件中添加代码了，本例将在后台文章发布页面添加“关键词和描述”自定义字段面板。

1、创建一个二维数组，代码如下：

1. $new_meta_boxes =
2. array(
3. "description" => array(
4. "name" => "description",
5. "std" => "这里填默认的网页描述",
6. "title" => "网页描述:"),
7. "keywords" => array(
8. "name" => "keywords",
9. "std" => "这里填默认的网页关键字",
10. "title" => "关键字:")
11. );

复制代码

数组的第一个元素是description字段的信息，即文章描述，包括标题、字段名、描述信息。第二个元素是keywords字段，即关键字。

2、创建显示函数显示描述和关键字面板，代码如下：

1. function new_meta_boxes() {
2. global $post, $new_meta_boxes;
3. foreach($new_meta_boxes as $meta_box) {
4. $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);
5. if($meta_box_value == "")
6. $meta_box_value = $meta_box['std'];
7. echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';
8. // 自定义字段标题
9. echo'
10. <h4>'.$meta_box['title'].'</h4>
11. ';
12. // 自定义字段输入框
13. echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br />';
14. }
15. }

复制代码

这个函数用于显示自定义面板的内容，将作为add_meta_box函数的callback参数调用。

3、创建面板，代码如下：

1. function create_meta_box() {
2. global $theme_name;
3. if ( function_exists('add_meta_box') ) {
4. add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );
5. }
6. }

复制代码

4、保存面板更新数据，代码如下：

1. function save_postdata( $post_id ) {
2. global $post, $new_meta_boxes;
3. foreach($new_meta_boxes as $meta_box) {
4. if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) )) {
5. return $post_id;
6. }}
7. if ( 'page' == $_POST['post_type'] ) {
8. if ( !current_user_can( 'edit_page', $post_id ))
9. return $post_id;
10. }
11. else {
12. if ( !current_user_can( 'edit_post', $post_id ))
13. return $post_id;
14. }
15. $data = $_POST[$meta_box['name'].'_value'];
16. if(get_post_meta($post_id, $meta_box['name'].'_value') == "")
17. add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
18. elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
19. update_post_meta($post_id, $meta_box['name'].'_value', $data);
20. elseif($data == "")
21. delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
22. }
23. }

复制代码

上面的代码，在前面创建面板后，通过add_post_meta()函数向数据库增加面板信息。这段代码还通过update_post_meta()更新和delete_post_meta()来删除相关信息。

5、添加触发动作。使用动作钩子来调用create_post_meta()函数和save_postdata()函数，代码如下：

1. add_action('admin_menu', 'create_meta_box');
2. add_action('save_post', 'save_postdata');

复制代码

好了，到这里，WordPress自定义字段面板就添加成功了，效果如下图：

这样，我们在发表文章的时候，就可以添加关键字和文章描述。如果想让前端的代码中能展示这个文章描述和关键字，以利于SEO，我们还需要在主题的header.php文件中调用这两个参数。此时，可以通过get_post_meta()函数来调用。代码如下：

1. $description = get_post_meta($post->ID, "description_value", true);
2. $keywords = get_post_meta($post->ID, "keywords_value", true);

复制代码

好了，WordPress如何添加自定义字段面板就介绍到这里，后续我们将继续探索WordPress自定义字段的更多功能。