欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > wordpress教程 >
wordpress教程

关于WordPress后台META BOX添加ADD_META_BOX函数自定义字段的方法

(元素模板) / 2022-03-30 22:06

前言

我们使用WordPress发布文章的时候,可能需要用到一些自定义类型的函数,但是文章默认类型仅有标题、作者、分类、标签、日期和评论,这些也许对博客已经足够使用了,但是站长这里需要增加一个来源网址,今天我们就来看看怎么实现使用 add_meta_box()函数 来实现吧

函数格式

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

函数参数说明

  • $id:字段id,唯一 (必需)  例如:product_director
  • $title:标题名称   例如:来源网址
  • $callback:回调函数   例如:product_director_meta_box
  • $post_type:文章类型  显示Meta模块的文章类型,可以是文章(post)、页面(page)、链接(link)、附件(attachment) 或 自定义文章类型(自定义文章类型的别名)
  • $context:显示位置  (字符串)(可选)Meta模块的显示位置(’normal’,’advanced’, 或 ‘side’)默认值:’advanced’
  • $priority:优先级    (字符串)(可选)Meta模块显示的优先级别(’high’, ‘core’, ‘default’or ‘low’)
  • $callback_args:传递参数   (数组)(可选)传递到 callback 函数的参数。callback 函数将接收 $post 对象和其他由这个变量传递的任何参数。

注册一个函数示例

定位到:根目录\wp-content\themes\模板主题名\functions.php,然后在里面最后一个?>前面位置加如下代码:

add_action( 'add_meta_boxes', 'product_director' );
function product_director() {
    add_meta_box(
        'product_director',
        '来源网址',
        'product_director_meta_box',
        'post',
        'side',
        'low'
    );
}

创建回调函数 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
}

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

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

验证保存内容

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就注册完成,就可以开始添加网址了

关于WordPress后台META BOX添加ADD_META_BOX函数自定义字段的方法步骤-宋大江-大江博客

调用代码

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

完整代码

add_action( 'add_meta_boxes', 'product_director' );
function product_director() {
    add_meta_box(
        'product_director',
        '输入提取码',
        'product_director_meta_box',
        'post',
        '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;
}

add_meta_box()函数是被用来在文章编辑等页面添加一个设置的区域的函数。可以添加很多自定义数值如产品价格、产品型号、规格大小等,那么就需要给文章类型添加Meta Box,通俗点理解就是自定义字段表单。

 

本文为站长亲测无误后发表,转载请注明出处!

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com