WordPress如何新增Meta Box

藏色散人
發布: 2021-01-12 16:59:24
轉載
2789 人瀏覽過

以下由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( '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。

  接下來看看是如何渲染的

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 = &#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的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板