欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

WordPress 添加Meta Box的方法

  發(fā)布時(shí)間：2015-01-15 21:50:19   作者：佚名   我要評(píng)論
相信很多站長(zhǎng)都知道并且已經(jīng)在使用WordPress自定義字段，很多插件也使用了這一功能
相信很多站長(zhǎng)都知道并且已經(jīng)在使用WordPress自定義字段，很多插件也使用了這一功能。

自定義字段是一個(gè)非常不錯(cuò)的功能，它能夠讓我們?yōu)槲恼绿砑痈鞣N自定義的屬性，高度靈活，操作簡(jiǎn)單。比如可以為文件添加一個(gè)SEO MetaDescription的自定義字段，我們可以輸入一段文字來概括文章內(nèi)容，在前臺(tái)顯示的時(shí)候可以根據(jù)該字段來生成HTML的<meta>標(biāo)簽，使搜索引擎更加方便的了解頁(yè)面的內(nèi)容，幫助索引。

但是，由于它的高度靈活，導(dǎo)致了一些問題，尤其因?yàn)樽远x字段的值的輸入是一個(gè)文本框，導(dǎo)致在輸入時(shí)會(huì)非常不便，例如，設(shè)計(jì)的是一個(gè)整形的字段，但是由于文本框沒有驗(yàn)證和提示，導(dǎo)致可能會(huì)輸入非整數(shù)，在前臺(tái)使用時(shí)就會(huì)出現(xiàn)問題，甚至導(dǎo)致網(wǎng)站掛掉。或者字段的值是預(yù)定義的值集合中的一個(gè)（比如有個(gè)性別的字段，就只是男和女中的一個(gè)值），但是文本框是不會(huì)提示你可以輸入哪些值。

總的來說，不方便之處是文本框的單一輸入方式無(wú)法滿足不同場(chǎng)景下不同字段類型的輸入需求和驗(yàn)證需求。

那么，解決方案來了，使用自定義Meta Box來自定義編輯頁(yè)面。

以添加一個(gè)自定義字段——【推薦指數(shù)】為例，來講講如何使用Meta Box。

備注：推薦指數(shù)，在本例中指的是文章作者對(duì)文章的打分，分?jǐn)?shù)在1~10分，為整數(shù)。分?jǐn)?shù)越高，越推薦。
先來看看最終的樣子，我們可以通過下拉列表來選擇值了。




首先，需要使用到add meta boxes Action，該Action允許我們?yōu)槿魏挝恼骂愋妥?cè)Meta Box，在該Action中，我們需要使用add_meta_box()方法來添加Meta Box的相關(guān)信息。代碼如下

PHP Code復(fù)制內(nèi)容到剪貼板
  1. function add_rating_meta_box($post_type, $post) {   
  2.     // 需要哪些post type添加推薦指數(shù) Meta Box   
  3.     $types = array( 'post', 'page' );   
  4.        
  5.     foreach ( $types as $type ) {   
  6.         add_meta_box(   
  7.             'rating_meta_box_id', // Meta Box在前臺(tái)頁(yè)面中的id，可通過JS獲取到該Meta Box   
  8.             '推薦指數(shù)', // 顯示的標(biāo)題   
  9.             'render_rating_meta_box', // 回調(diào)方法，用于輸出Meta Box的HTML代碼   
  10.             $type, // 在哪個(gè)post type頁(yè)面添加   
  11.             'side', // 在哪顯示該Meta Box   
  12.             'default' // 優(yōu)先級(jí)   
  13.         );   
  14.     }   
  15. }   
  16. add_action( 'add_meta_boxes', 'add_rating_meta_box' );  
這里我們?cè)?types數(shù)組中定義了Post和Page都需要推薦指數(shù)這個(gè)自定義字段，然后告訴WordPress使用“render_rating_meta_box”方法來渲染Meta Box，位置在側(cè)邊欄（side）。因?yàn)閮?nèi)容不多，所以側(cè)邊欄足夠，若內(nèi)容較多，可以將“side”改為“advanced”，這樣就會(huì)在主內(nèi)容區(qū)域渲染Meta Box。

接下來看看是如何渲染的
PHP Code復(fù)制內(nèi)容到剪貼板
  1. function render_rating_meta_box( $post ) {   
  2.     // 添加 nonce 項(xiàng)用于后續(xù)的安全檢查   
  3.     wp_nonce_field( 'rating_nonce_action', 'rating_nonce_name' );   
  4.   
  5.     // 獲取推薦指數(shù)的值   
  6.     $rating_key = 'rating';   
  7.     $rating_value = get_post_meta( $post->ID, $rating_key, true );   
  8.     $rating_value = (int)$rating_value;   
  9.   
  10.     $html = '<select name="rating_field">';   
  11.     for ($i = 0; $i <= 10; $i++) {   
  12.         $selected = '';   
  13.         if ($i == $rating_value) {   
  14.             $selected = 'selected="selected"';   
  15.         }   
  16.         $html .= sprintf('<option value="%s" %s>%s星</option>', $i, $selected, $i/2);   
  17.     }   
  18.     $html .= '</select>';   
  19.     echo $html;   
  20. }  

這里先使用wp_nonce_field()添加了一個(gè)nonce field，用來做安全檢查，然后，讀取推薦指數(shù)的值，循環(huán)1~10來輸出可供選擇的值，如果和推薦指數(shù)相同，則默認(rèn)選上。通過下拉框，既可以解決輸入不方便和無(wú)法驗(yàn)證的問題。記住這里下拉框的name屬性的值（rating_field），將通過它在下面的代碼中獲取選擇的值。

最后，當(dāng)文章被保存時(shí)，需要將推薦指數(shù)也保存起來
PHP Code復(fù)制內(nèi)容到剪貼板
  1. function save_rating_post_data( $post_id ) {   
  2.     // 檢查nonce是否設(shè)置   
  3.     if (!isset($_POST['rating_nonce_name'])) {   
  4.         return $post_id;   
  5.     }   
  6.     $nonce = $_POST['rating_nonce_name'];   
  7.   
  8.     // 驗(yàn)證nonce是否正確   
  9.     if (!wp_verify_nonce( $nonce, 'rating_nonce_action')) {   
  10.         return $post_id;   
  11.     }   
  12.   
  13.     // 如果是系統(tǒng)自動(dòng)保存，則不操作   
  14.     if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {   
  15.         return $post_id;   
  16.     }   
  17.        
  18.     // 檢查用戶權(quán)限   
  19.     if ($_POST['post_type'] == 'post') {   
  20.         if (!current_user_can('edit_post', $post_id )) {   
  21.             return $post_id;   
  22.         }   
  23.     }   
  24.   
  25.     $rating_key = 'rating';   
  26.     // 獲取數(shù)據(jù)   
  27.     $rating_value = $_POST['rating_field'];   
  28.   
  29.     // 更新數(shù)據(jù)   
  30.     update_post_meta( $post_id, $rating_key, $rating_value );   
  31. }   
  32. add_action( 'save_post', 'save_rating_post_data' );  

這里做了一系列檢查，包括對(duì)剛剛設(shè)置的nonce檢查，用戶權(quán)限的檢查，排除自動(dòng)保存的情況。然后使用update_post_meta()方法將數(shù)據(jù)存入數(shù)據(jù)庫(kù)。

至此，我們就完成了對(duì)推薦指數(shù)自定義字段的改裝，可以很方便的選擇文章的推薦指數(shù)。

等等。。。

細(xì)心的朋友可能發(fā)現(xiàn)了，在應(yīng)用了上面三段代碼后，的確可以實(shí)現(xiàn)功能。但是，在默認(rèn)的自定義欄目區(qū)域下，是可以看到，有一個(gè)名為“rating”的欄目，這就是我們剛剛選擇的推薦指數(shù)。如果想讓他不在自定義欄目下，顯示，可以將上述代碼中的$rating_key改為以下劃線開頭，這樣，WordPress就不會(huì)顯示出來了。注意有兩個(gè)地方要改。

PHP Code復(fù)制內(nèi)容到剪貼板
  1. // 原來的代碼   
  2. $rating_key = 'rating';   
  3. // 改后的代碼   
  4. $rating_key = '_rating';   

相關(guān)文章

最新評(píng)論