今天群里一个朋友找我求助，问wp自学笔记WordPress文章编辑那里如何添加自定义字段面板，这个其实有点复杂，不过还是可以添加的。

只需要给文章类型添加Meta Box，通俗点理解就是自定义字段表单。

下面以添加产品价格为例进行说明。

自定义Meta Box需要用到add_meta_box函数：

add_meta_box( $id, $title, $callback, $post_type, $context,$priority, $callback_args );

参数说明

• $id：字段id，唯一
• $title：标题名称
• $callback：回调函数
• $post_type：文章类型
• $context：显示位置
• $priority：优先级

注册一个 Meta Box 示例

add_action( 'add_meta_boxes', 'product_director' );function product_director() {    add_meta_box(        'product_director',        '产品价格',        'product_director_meta_box',        'product',        'side',        'low'    );}

创建回调函数

product_director_meta_box

配置参数里面指定了回调函数product_director_meta_box，需要在这个函数里面创建表单：

function product_director_meta_box($post) {    // 创建临时隐藏表单，为了安全    wp_nonce_field( 'product_director_meta_box', 'product_director_meta_box_nonce' );    // 获取之前存储的值    $value = get_post_meta( $post->ID, '_product_director', true );?>    <label for="product_director"></label>    <input type="text" id="product_director" name="product_director" value="<?php echo esc_attr( $value ); ?>" placeholder="输入产品价格"><?php}

提示：添加上面代码后，新建文章时，在右则就可以看到一个产品价格的输入框。

这时候表单还不能用，因为提交文章之后并没有保存这个 MetaBox 的内容，下面是验证保存内容的代码：

add_action( 'save_post', 'product_director_save_meta_box' );function product_director_save_meta_box($post_id){    // 安全检查    // 检查是否发送了一次性隐藏表单内容（判断是否为第三者模拟提交）    if ( ! isset( $_POST['product_director_meta_box_nonce'] ) ) {        return;    }    // 判断隐藏表单的值与之前是否相同    if ( ! wp_verify_nonce( $_POST['product_director_meta_box_nonce'], 'product_director_meta_box' ) ) {        return;    }    // 判断该用户是否有权限    if ( ! current_user_can( 'edit_post', $post_id ) ) {        return;    }     // 判断 Meta Box 是否为空    if ( ! isset( $_POST['product_director'] ) ) {        return;    }     $product_director = sanitize_text_field( $_POST['product_director'] );    update_post_meta( $post_id, '_product_director', $product_director );

把上面的代码按顺序添加到主题的functions.php文件，至此，Meta Box注册完成，就可以开始添加参数了：

调用代码

<?php if(get_post_meta($post->ID,'_product_director',true)){echo get_post_meta($post->ID,'_product_director',true);}?>

扩展应用

把Meta Box添加把后台所有产品列表字段中显示，通过manage_$post_type_posts_custom_column实现，代码如下：

add_action("manage_posts_custom_column",  "product_custom_columns");add_filter("manage_edit-product_columns", "product_edit_columns");function product_custom_columns($column){    global $post;    switch ($column) {        case "product_director":            echo get_post_meta( $post->ID, '_product_director', true );            break;    }}function product_edit_columns($columns){    $columns['product_director'] = '产品价格';    return $columns;}

在主题functions.php文件中接着上面的代码添加，效果如下：

完整代码

add_action( 'add_meta_boxes', 'product_director' );function product_director() {    add_meta_box(        'product_director',        '产品价格',        'product_director_meta_box',        'product',        'side',        'low'    );}function product_director_meta_box($post) {    // 创建临时隐藏表单，为了安全    wp_nonce_field( 'product_director_meta_box', 'product_director_meta_box_nonce' );    // 获取之前存储的值    $value = get_post_meta( $post->ID, '_product_director', true );?>    <label for="product_director"></label>    <input type="text" id="product_director" name="product_director" value="<?php echo esc_attr( $value ); ?>" placeholder="输入产品价格"><?php}add_action( 'save_post', 'product_director_save_meta_box' );function product_director_save_meta_box($post_id){    if ( ! isset( $_POST['product_director_meta_box_nonce'] ) ) {        return;    }    if ( ! wp_verify_nonce( $_POST['product_director_meta_box_nonce'], 'product_director_meta_box' ) ) {        return;    }    if ( ! current_user_can( 'edit_post', $post_id ) ) {        return;    }    if ( ! isset( $_POST['product_director'] ) ) {        return;    }    $product_director = sanitize_text_field( $_POST['product_director'] );    update_post_meta( $post_id, '_product_director', $product_director );}add_action("manage_posts_custom_column",  "product_custom_columns");add_filter("manage_edit-product_columns", "product_edit_columns");function product_custom_columns($column){    global $post;    switch ($column) {        case "product_director":            echo get_post_meta( $post->ID, '_product_director', true );            break;    }}function product_edit_columns($columns){    $columns['product_director'] = '产品价格';    return $columns;}