zoukankan      html  css  js  c++  java
  • WordPress 添加Meta Box的方法步骤

    需要使用到add meta boxes Action,该Action允许我们为任何文章类型注册Meta Box,在该Action中,我们需要使用add_meta_box()方法来添加Meta Box的相关信息。代码如下
    <pphp Code复制内容到剪贴板

     

    function add_rating_meta_box($post_type, $post) {   
        // 需要哪些post type添加推荐指数 Meta Box   
        $types = array( 'post', 'page' );   
           
        foreach ( $types as $type ) {   
            add_meta_box(   
                'rating_meta_box_id', // Meta Box在前台页面中的id,可通过JS获取到该Meta Box   
                '推荐指数', // 显示的标题   
                'render_rating_meta_box', // 回调方法,用于输出Meta Box的HTML代码   
                $type, // 在哪个post type页面添加   
                'side', // 在哪显示该Meta Box   
                'default' // 优先级   
            );   
        }   
    }   
    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复制内容到剪贴板

    function render_rating_meta_box( $post ) {   
        // 添加 nonce 项用于后续的安全检查   
        wp_nonce_field( 'rating_nonce_action', 'rating_nonce_name' );   
      
        // 获取推荐指数的值   
        $rating_key = 'rating';   
        $rating_value = get_post_meta( $post->ID, $rating_key, true );   
        $rating_value = (int)$rating_value;   
      
        $html = '<select name="rating_field">';   
        for ($i = 0; $i <= 10; $i++) {   
            $selected = '';   
            if ($i == $rating_value) {   
                $selected = 'selected="selected"';   
            }   
            $html .= sprintf('<option value="%s" %s>%s星</option>', $i, $selected, $i/2);   
        }   
        $html .= '</select>';   
        echo $html;   
    }  

    这里先使用wp_nonce_field()添加了一个nonce field,用来做安全检查,然后,读取推荐指数的值,循环1~10来输出可供选择的值,如果和推荐指数相同,则默认选上。通过下拉框,既可以解决输入不方便和无法验证的问题。记住这里下拉框的name属性的值(rating_field),将通过它在下面的代码中获取选择的值。 
    最后,当文章被保存时,需要将推荐指数也保存起来 

    PHP Code复制内容到剪贴板

    function save_rating_post_data( $post_id ) {   
        // 检查nonce是否设置   
        if (!isset($_POST['rating_nonce_name'])) {   
            return $post_id;   
        }   
        $nonce = $_POST['rating_nonce_name'];   
      
        // 验证nonce是否正确   
        if (!wp_verify_nonce( $nonce, 'rating_nonce_action')) {   
            return $post_id;   
        }   
      
        // 如果是系统自动保存,则不操作   
        if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {   
            return $post_id;   
        }   
           
        // 检查用户权限   
        if ($_POST['post_type'] == 'post') {   
            if (!current_user_can('edit_post', $post_id )) {   
                return $post_id;   
            }   
        }   
      
        $rating_key = 'rating';   
        // 获取数据   
        $rating_value = $_POST['rating_field'];   
      
        // 更新数据   
        update_post_meta( $post_id, $rating_key, $rating_value );   
    }   
    add_action( 'save_post', 'save_rating_post_data' );  

    这里做了一系列检查,包括对刚刚设置的nonce检查,用户权限的检查,排除自动保存的情况。然后使用update_post_meta()方法将数据存入数据库。 
    至此,我们就完成了对推荐指数自定义字段的改装,可以很方便的选择文章的推荐指数。 
    等等。。。 
    细心的朋友可能发现了,在应用了上面三段代码后,的确可以实现功能。但是,在默认的自定义栏目区域下,是可以看到,有一个名为“rating”的栏目,这就是我们刚刚选择的推荐指数。如果想让他不在自定义栏目下,显示,可以将上述代码中的$rating_key改为以下划线开头,这样,WordPress就不会显示出来了。注意有两个地方要改。 

    PHP Code复制内容到剪贴板

    // 原来的代码   
    $rating_key = 'rating';   
    // 改后的代码   
    $rating_key = '_rating';   

  • 相关阅读:
    关于php,python,javascript文件或者模块导入引入的区别和联系
    es6在网页中模块引入的方法
    pip3 升级失败的解决方法!亲测有效
    php 简单的学习GD库绘制图片并传回给前端实现方式
    session与cookie的区别以及HTML5中WebStorage理解
    二次开发项目集合
    php微信公众号开发入门小教程
    安装运行mariadb时错误:gtid_slave_pos
    发测试 HTML/FILE/MYSQL/动态 20151120
    百度浏览器 自动弹窗!
  • 原文地址:https://www.cnblogs.com/2881064178dinfeng/p/6233579.html
Copyright © 2011-2022 走看看