WordPress如何添加Meta Box

redmaomail 2024-07-24 23:04 阅读数 68 #wordpress

下面由wordpress/" target="_blank">wordpress教程栏目给大家介绍wordpress添加meta box的方法，希望对需要的朋友有所帮助！

　　WordPress添加Meta Box的方法,需要使用到add meta boxes Action，该Action允许我们为任何文章类型注册Meta Box，在该Action中，我们需要使用add_meta_box()方法来添加Meta Box的相关信息。

代码如下

function add_rating_meta_box($post_type, $post) {   
    // 需要哪些post type添加推荐指数 Meta Box   
    $types = array( &#39;post&#39;, &#39;page&#39; );   

    foreach ( $types as $type ) {   
        add_meta_box(   
            &#39;rating_meta_box_id&#39;, // Meta Box在前台页面中的id，可通过JS获取到该Meta Box   
            &#39;推荐指数&#39;, // 显示的标题   
            &#39;render_rating_meta_box&#39;, // 回调方法，用于输出Meta Box的HTML代码   
            $type, // 在哪个post type页面添加   
            &#39;side&#39;, // 在哪显示该Meta Box   
            &#39;default&#39; // 优先级   
        );   
    }   
}   
add_action( &#39;add_meta_boxes&#39;, &#39;add_rating_meta_box&#39; );

登录后复制

　　这里我们在$types数组中定义了Post和Page都需要推荐指数这个自定义字段，然后告诉WordPress使用“render_rating_meta_box”方法来渲染Meta Box，位置在侧边栏(side)。因为内容不多，所以侧边栏足够，若内容较多，可以将“side”改为“advanced”，这样就会在主内容区域渲染Meta Box。

　　接下来看看是如何渲染的

function render_rating_meta_box( $post ) {   
    // 添加 nonce 项用于后续的安全检查   
    wp_nonce_field( &#39;rating_nonce_action&#39;, &#39;rating_nonce_name&#39; );   

    // 获取推荐指数的值   
    $rating_key = &#39;rating&#39;;   
    $rating_value = get_post_meta( $post->ID, $rating_key, true );   
    $rating_value = (int)$rating_value;   

    $html = &#39;<select name="rating_field">&#39;;   
    for ($i = 0; $i <= 10; $i++) {   
        $selected = &#39;&#39;;   
        if ($i == $rating_value) {   
            $selected = &#39;selected="selected"&#39;;   
        }   
        $html .= sprintf(&#39;<option value="%s" %s>%s星</option>&#39;, $i, $selected, $i/2);   
    }   
    $html .= &#39;</select>&#39;;   
    echo $html;   
}

登录后复制

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

　　最后，当文章被保存时，需要将推荐指数也保存起来

function save_rating_post_data( $post_id ) {   
    // 检查nonce是否设置   
    if (!isset($_POST[&#39;rating_nonce_name&#39;])) {   
        return $post_id;   
    }   
    $nonce = $_POST[&#39;rating_nonce_name&#39;];   

    // 验证nonce是否正确   
    if (!wp_verify_nonce( $nonce, &#39;rating_nonce_action&#39;)) {   
        return $post_id;   
    }   

    // 如果是系统自动保存，则不操作   
    if ( defined( &#39;DOING_AUTOSAVE&#39; ) && DOING_AUTOSAVE ) {   
        return $post_id;   
    }   

    // 检查用户权限   
    if ($_POST[&#39;post_type&#39;] == &#39;post&#39;) {   
        if (!current_user_can(&#39;edit_post&#39;, $post_id )) {   
            return $post_id;   
        }   
    }   

    $rating_key = &#39;rating&#39;;   
    // 获取数据   
    $rating_value = $_POST[&#39;rating_field&#39;];   

    // 更新数据   
    update_post_meta( $post_id, $rating_key, $rating_value );   
}   
add_action( &#39;save_post&#39;, &#39;save_rating_post_data&#39; );

登录后复制

　　这里做了一系列检查，包括对刚刚设置的nonce检查，用户权限的检查，排除自动保存的情况。然后使用update_post_meta()方法将数据存入数据库。

　　至此，我们就完成了对推荐指数自定义字段的改装，可以很方便的选择文章的推荐指数。

　　等等。。。

　　细心的朋友可能发现了，在应用了上面三段代码后，的确可以实现功能。但是，在默认的自定义栏目区域下，是可以看到，有一个名为“rating”的栏目，这就是我们刚刚选择的推荐指数。如果想让他不在自定义栏目下，显示，可以将上述代码中的$rating_key改为以下划线开头，这样，WordPress就不会显示出来了。注意有两个地方要改。

// 原来的代码   $rating_key = &#39;rating&#39;;   
// 改后的代码   $rating_key = &#39;_rating&#39;;

登录后复制

以上就是WordPress如何添加Meta Box的详细内容，更多请关注红帽云邮其它相关文章！

分享到：

上一篇：详解Ubuntu16.04搭建WordPress 下一篇：wordpress如何控制主页显示的分类