久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

WordPress 添加Meta Box的方法

相信很多站長都知道并且已經在使用WordPress自定義字段,很多插件也使用了這一功能
相信很多站長都知道并且已經在使用WordPress自定義字段,很多插件也使用了這一功能。

自定義字段是一個非常不錯的功能,它能夠讓我們為文章添加各種自定義的屬性,高度靈活,操作簡單。比如可以為文件添加一個SEO MetaDescription的自定義字段,我們可以輸入一段文字來概括文章內容,在前臺顯示的時候可以根據該字段來生成HTML的<meta>標簽,使搜索引擎更加方便的了解頁面的內容,幫助索引。

但是,由于它的高度靈活,導致了一些問題,尤其因為自定義字段的值的輸入是一個文本框,導致在輸入時會非常不便,例如,設計的是一個整形的字段,但是由于文本框沒有驗證和提示,導致可能會輸入非整數,在前臺使用時就會出現問題,甚至導致網站掛掉?;蛘咦侄蔚闹凳穷A定義的值集合中的一個(比如有個性別的字段,就只是男和女中的一個值),但是文本框是不會提示你可以輸入哪些值。

總的來說,不方便之處是文本框的單一輸入方式無法滿足不同場景下不同字段類型的輸入需求和驗證需求。

那么,解決方案來了,使用自定義Meta Box來自定義編輯頁面。

以添加一個自定義字段——【推薦指數】為例,來講講如何使用Meta Box。

備注:推薦指數,在本例中指的是文章作者對文章的打分,分數在1~10分,為整數。分數越高,越推薦。
先來看看最終的樣子,我們可以通過下拉列表來選擇值了。




首先,需要使用到add meta boxes Action,該Action允許我們為任何文章類型注冊Meta Box,在該Action中,我們需要使用add_meta_box()方法來添加Meta Box的相關信息。代碼如下

PHP Code復制內容到剪貼板
  1. function add_rating_meta_box($post_type$post) {   
  2.     // 需要哪些post type添加推薦指數 Meta Box   
  3.     $types = array'post''page' );   
  4.        
  5.     foreach ( $types as $type ) {   
  6.         add_meta_box(   
  7.             'rating_meta_box_id'// Meta Box在前臺頁面中的id,可通過JS獲取到該Meta Box   
  8.             '推薦指數'// 顯示的標題   
  9.             'render_rating_meta_box'// 回調方法,用于輸出Meta Box的HTML代碼   
  10.             $type// 在哪個post type頁面添加   
  11.             'side'// 在哪顯示該Meta Box   
  12.             'default' // 優先級   
  13.         );   
  14.     }   
  15. }   
  16. 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復制內容到剪貼板
  1. function render_rating_meta_box( $post ) {   
  2.     // 添加 nonce 項用于后續的安全檢查   
  3.     wp_nonce_field( 'rating_nonce_action''rating_nonce_name' );   
  4.   
  5.     // 獲取推薦指數的值   
  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()添加了一個nonce field,用來做安全檢查,然后,讀取推薦指數的值,循環1~10來輸出可供選擇的值,如果和推薦指數相同,則默認選上。通過下拉框,既可以解決輸入不方便和無法驗證的問題。記住這里下拉框的name屬性的值(rating_field),將通過它在下面的代碼中獲取選擇的值。

最后,當文章被保存時,需要將推薦指數也保存起來
PHP Code復制內容到剪貼板
  1. function save_rating_post_data( $post_id ) {   
  2.     // 檢查nonce是否設置   
  3.     if (!isset($_POST['rating_nonce_name'])) {   
  4.         return $post_id;   
  5.     }   
  6.     $nonce = $_POST['rating_nonce_name'];   
  7.   
  8.     // 驗證nonce是否正確   
  9.     if (!wp_verify_nonce( $nonce'rating_nonce_action')) {   
  10.         return $post_id;   
  11.     }   
  12.   
  13.     // 如果是系統自動保存,則不操作   
  14.     if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {   
  15.         return $post_id;   
  16.     }   
  17.        
  18.     // 檢查用戶權限   
  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.     // 獲取數據   
  27.     $rating_value = $_POST['rating_field'];   
  28.   
  29.     // 更新數據   
  30.     update_post_meta( $post_id$rating_key$rating_value );   
  31. }   
  32. add_action( 'save_post''save_rating_post_data' );  

這里做了一系列檢查,包括對剛剛設置的nonce檢查,用戶權限的檢查,排除自動保存的情況。然后使用update_post_meta()方法將數據存入數據庫。

至此,我們就完成了對推薦指數自定義字段的改裝,可以很方便的選擇文章的推薦指數。

等等。。。

細心的朋友可能發現了,在應用了上面三段代碼后,的確可以實現功能。但是,在默認的自定義欄目區域下,是可以看到,有一個名為“rating”的欄目,這就是我們剛剛選擇的推薦指數。如果想讓他不在自定義欄目下,顯示,可以將上述代碼中的$rating_key改為以下劃線開頭,這樣,WordPress就不會顯示出來了。注意有兩個地方要改。

PHP Code復制內容到剪貼板
  1. // 原來的代碼   
  2. $rating_key = 'rating';   
  3. // 改后的代碼   
  4. $rating_key = '_rating';   
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

wordpress是很多新手站長搭建個人博客最喜愛的程序,但是最近在使用WordPress的時候遇到了一些問題,所以想著將遇到問題總結分享出來,下面這篇文章主要給大家介紹了關于wordpress在安
這篇文章主要為大家介紹了Wordpress自動提取內容中第一張圖片作縮略圖的方法,可通過在模板中添加自定義函數實現該功能,是非常實用的技巧,需要的朋友可以參考下
這篇文章主要為大家介紹了Wordpress實現文章支持和反對功能的方法,通過添加自定義函數實現文章的支持和反對功能,是比較典型的WordPress二次開發技巧,具有一定的參考借鑒價值,需要的朋
這篇文章主要為大家介紹了WordPress首頁顯示多個圖片及文字友情鏈接的方法,可實現對原有文字友情鏈接的靈活控制功能,非常具有實用價值,需要的朋友可以參考下
這篇文章主要為大家介紹了WordPress評論中禁止HTML代碼顯示的方法,通過增加自定義函數有效防止垃圾評論的產生,是非常實用的技巧,需要的朋友可以參考下
這篇文章主要為大家介紹了wordpress不支持中文用戶名的解決方法,可通過添加自定義函數實現支持中文用戶名的功能,是非常實用的技巧,需要的朋友可以參考下
主站蜘蛛池模板: 国产午夜在线观看 | 男女搞网站 | 精品久久久久久亚洲精品 | 99一区二区| 天天影视亚洲综合网 | 成人一区二区三区在线观看 | 国产成人精品综合 | 国产亚洲成av人片在线观看桃 | 日日操日日舔 | www.青青草| 青青激情网 | 欧美性一区二区三区 | 日韩中文字幕 | 国产精品久久久久久久久久久久午夜片 | 国产精品久久久久久妇女 | 人人亚洲 | 精品一区av | 国产一区二区影院 | 精品久久久久久久久久久久 | 亚洲午夜精品一区二区三区他趣 | 91精品久久| 午夜影院在线观看 | 国产成人精品免高潮在线观看 | 特级丰满少妇一级aaaa爱毛片 | 国产精品久久久久久久久久久新郎 | 欧美日韩视频 | 国产精品观看 | 五月天国产视频 | 久久久久久国产精品免费免费狐狸 | 伊人网一区 | 成人h动漫精品一区二区器材 | www午夜视频 | 亚洲人成在线播放 | 欧美一区成人 | 欧美多人在线 | 亚洲人成人一区二区在线观看 | 国产高清在线精品一区二区三区 | 男人天堂社区 | 午夜黄色影院 | 欧美日本韩国一区二区 | 日韩中文在线视频 |