WordPress添加自定義字段面板

admin wordpress評論721字?jǐn)?shù) 3514閱讀模式
摘要

我們在WordPress中編寫文章的時候,經(jīng)常會用到一些自定義字段,如網(wǎng)頁描述description和關(guān)鍵詞keywords這兩個meta標(biāo)簽。通常在添加自定義字段和其值的時候,我們都是手動去”自定義字段”模塊下拉框中去選擇相應(yīng)的字段,然后再輸入其值,最后還要提交等待一小段時間,似乎有點(diǎn)麻煩。那么可不可以給這些常用的自定義字段創(chuàng)建一個單獨(dú)的面板,直接在里面填內(nèi)容就可以了呢?就像文章標(biāo)簽,直接添加標(biāo)簽即可,不需要單獨(dú)提交。答案是可以的

下面我將教你如何操作,以下所有代碼放到當(dāng)前主題的functions.php中即可

一、創(chuàng)建需要的字段信息

這里將以添加兩個自定義字段,名稱分別為description_value和keywords_value,你可以給下面數(shù)組添加多個元素,實(shí)現(xiàn)添加多個自定義字段的目的。
數(shù)組第一個元素name為自定義字段的名稱,在本代碼中自定義字段的名稱為name值加_value,以防止與其他代碼發(fā)生沖突,如description_value;std為自定義字段的默認(rèn)值,當(dāng)你發(fā)表文章時該自定義字段沒填任何值,那么將取默認(rèn)值;title為自定義字段模塊的標(biāo)題,如文章編輯頁的”摘要”、”分類”和”標(biāo)簽”,這些都是模塊名稱。

  1. $new_meta_boxes =  
  2. array(  
  3.     "description" => array(  
  4.         "name" => "description",  
  5.         "std" => "這里填默認(rèn)的網(wǎng)頁描述",  
  6.         "title" => "網(wǎng)頁描述:"),  
  7.    
  8.     "keywords" => array(  
  9.         "name" => "keywords",  
  10.         "std" => "這里填默認(rèn)的網(wǎng)頁關(guān)鍵字",  
  11.         "title" => "關(guān)鍵字:")  
  12. );  

二、創(chuàng)建自定義字段輸入框

以下代碼將用于創(chuàng)建自定義域以及輸入框,照寫就是了

  1. function new_meta_boxes() {  
  2.     global $post, $new_meta_boxes;  
  3.    
  4.     foreach($new_meta_boxes as $meta_box) {  
  5.         $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);  
  6.    
  7.         if($meta_box_value == "")  
  8.             $meta_box_value = $meta_box['std'];  
  9.    
  10.         echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';  
  11.    
  12.         // 自定義字段標(biāo)題  
  13.         echo'<h4>'.$meta_box['title'].'</h4>';  
  14.    
  15.         // 自定義字段輸入框  
  16.         echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br />';  
  17.     }  
  18. }  

三、創(chuàng)建自定義字段模塊

下面代碼將在文章編輯頁添加自定義字段模塊,這其中這用了WordPress的添加模塊函數(shù)add_meta_box。這與之前的文章WordPress文章編輯頁刪除相關(guān)模塊所做的工作恰好相反。

  1. function create_meta_box() {  
  2.     global $theme_name;  
  3.    
  4.     if ( function_exists('add_meta_box') ) {  
  5.         add_meta_box( 'new-meta-boxes', '自定義模塊', 'new_meta_boxes', 'post', 'normal', 'high' );  
  6.     }  
  7. }  

四、保存文章數(shù)據(jù)

之前所有準(zhǔn)備都做好了,最重要的還是保存我們的自定義字段中的信息。

  1. function save_postdata( $post_id ) {  
  2.     global $post, $new_meta_boxes;  
  3.    
  4.     foreach($new_meta_boxes as $meta_box) {  
  5.         if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {  
  6.             return $post_id;  
  7.         }  
  8.    
  9.         if ( 'page' == $_POST['post_type'] ) {  
  10.             if ( !current_user_can( 'edit_page', $post_id ))  
  11.                 return $post_id;  
  12.         }  
  13.         else {  
  14.             if ( !current_user_can( 'edit_post', $post_id ))  
  15.                 return $post_id;  
  16.         }  
  17.    
  18.         $data = $_POST[$meta_box['name'].'_value'];  
  19.    
  20.         if(get_post_meta($post_id, $meta_box['name'].'_value') == "")  
  21.             add_post_meta($post_id, $meta_box['name'].'_value', $data, true);  
  22.         elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))  
  23.             update_post_meta($post_id, $meta_box['name'].'_value', $data);  
  24.         elseif($data == "")  
  25.             delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));  
  26.     }  
  27. }  

五、將函數(shù)連接到指定action(動作)

這是最后一步,也是最重要的一步,我們要做的是將函數(shù)連接到指定action(動作),以讓W(xué)ordPress程序執(zhí)行我們之前編寫的函數(shù):

  1. add_action('admin_menu', 'create_meta_box');  
  2. add_action('save_post', 'save_postdata');  

好了,我們要做的就是這些了,現(xiàn)在你可以在你的主題中調(diào)用這兩個自定義字段了,用文本編輯器打開主題目錄下的header.php,將以下代碼復(fù)制到之前,就可以給你的網(wǎng)頁自定義description和keywords標(biāo)簽了,更具體的操作請使用搜索引擎:

  1. <?php  
  2. if (is_single()){  
  3.     // 自定義字段名稱為 description_value  
  4.     $description = get_post_meta($post->ID, "description_value"true);  
  5.     // 自定義字段名稱為 keywords_value  
  6.     $keywords = get_post_meta($post->ID, "keywords_value"true);  
  7. }  
  8. // 去除不必要的空格和HTML標(biāo)簽  
  9. $description = trim(strip_tags($description));  
  10. $keywords = trim(strip_tags($keywords));  
  11. ?>  
  12. <meta name="description" content="<?php echo $description; ?>" />  
  13. <meta name="keywords" content="<?php echo $keywords; ?>" />  

版權(quán)聲明:文章圖片資源來源于網(wǎng)絡(luò),如有侵權(quán),請留言刪除!!!
廣告也精彩
admin
  • 本文由 發(fā)表于 2021年9月28日 12:43:59
  • 轉(zhuǎn)載請務(wù)必保留本文鏈接:http://yudch.cn/7749.html
匿名

發(fā)表評論

匿名網(wǎng)友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: