前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wordpress 为自定义类型文章新增自定义字段的方法-文曦博客

wordpress 为自定义类型文章新增自定义字段的方法-文曦博客

作者头像
雾海梦曦
发布2022-11-14 16:41:00
7990
发布2022-11-14 16:41:00
举报
文章被收录于专栏:博客屋博客屋博客屋

wordpress强大之处在于有很强的可自定义性,使得插件、主题的开发变得及其便利。就拿我们今天要说的自定义文章添加自定义字段来说,就很便捷。

        比如我们要录入一个客户信息到wordpress中,那么需要的字段可不仅仅是什么标题、内容、摘要这么简单了,我们可能需要录入客户的性别、姓名、电话、邮件等等。又比如产品,需要额外的产品价格、产品大小等属性,那么就需要给文章类型添加Meta Box,通俗点理解就是自定义字段表单,下面我们以添加产品价格为例进行说明。

        自定义Meta Box需要用到add_meta_box函数,其新增的信息会保存到数据库wp_postmeta表。

        add_meta_box函数说明:

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

            $id:字段id,唯一

            $title:标题名称

            $callback:回调函数

            $post_type:文章类型

            $context:显示位置

            $priority:优先级

        接下来开始从0写一个字段吧

1、注册一个 Meta Box 示例:

add_action( 'add_meta_boxes', 'product_director' );//创建字段,注册作用function product_director() {//创建字段时调用的函数
    add_meta_box(
        'product_director',//字段的唯一ID吧
        '产品价格',//字段的名称,在表单上方显示
        'product_director_meta_box',//回调函数
        'product',//所添加的文章类型
        'side',
        'low'
    );}

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

3、提示:添加上面代码后,新建文章时,在右则就可以看到一个产品价格的输入框。 这时候表单还不能用,因为提交文章之后并没有保存这个 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' ) ) {//主要是修改时,判断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 );//这句就是sql语句吧,_product_director为保存在数据库的meta_key字段

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

wordpress 为自定义类型文章新增自定义字段的方法-文曦博客,wordpress 为自定义类型文章新增自定义字段的方法-文曦博客  wordpress自定义字段 第1张,wordpress,wordpress自定义字段,IT 屋,博客,文件,第1张
wordpress 为自定义类型文章新增自定义字段的方法-文曦博客,wordpress 为自定义类型文章新增自定义字段的方法-文曦博客 wordpress自定义字段 第1张,wordpress,wordpress自定义字段,IT 屋,博客,文件,第1张

4、如何调用?

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

5、把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;}
wordpress 为自定义类型文章新增自定义字段的方法-文曦博客,wordpress 为自定义类型文章新增自定义字段的方法-文曦博客  wordpress自定义字段 第2张,wordpress,wordpress自定义字段,IT 屋,博客,文件,第2张
wordpress 为自定义类型文章新增自定义字段的方法-文曦博客,wordpress 为自定义类型文章新增自定义字段的方法-文曦博客 wordpress自定义字段 第2张,wordpress,wordpress自定义字段,IT 屋,博客,文件,第2张

上面的全部代码:

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;}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-10-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档