首页 » Wordpress » Wordpress进阶教程
网站地图

wordpress进阶教程(七):自定义面板添加下拉框、选择框等表单项

上一篇文章，我们在wordpress后台文章编辑页面添加了自定义面板，并且在自定义面板中可以输入关键词和描述信息，但是我们仅仅使用了一个textarea文本域表单，这在实际应用中是远远不够的，实际应用我们可能需要文本框、文本域、单选框、复选框、下拉选择框、图片上传、甚至是wordpress自带的文本编辑器或者自己配置的文本编辑器以及各种带js特效的应用。

今天我们给自定义面板添加简单的表单：文本框、文本域、单选框、复选框、下拉选择框。

我们继续使用昨天的文件，改进昨天的代码。

首先准备工作：

先将昨天新建的metabox.php文件中的代码清楚，准备字段数组：我们可以参考前面后台教程中配置选项数组的方法来配置数据项：设置选项类文件使用方法：

  2. $new_meta_boxes =    
  3. array(   
  4.     "title" => array(   
  5.         "name" => "_meta_title",   
  6.         "std" => "",   
  7.         "title" => "标题",   
  8.         "type"=>"title"),      
  9.      
  10.     "keywords" => array(   
  11.         "name" => "_meta_keywords",   
  12.         "std" => "",      
  13.         "title" => "关键字",   
  14.         "type"=>"text"),   
  15.            
  16.     "description" => array(   
  17.         "name" => "_meta_description",   
  18.         "std" => "",      
  19.         "title" => "描述",   
  20.         "type"=>"textarea"),   
  21.            
  22.     "category" => array(   
  23.         "name" => "_meta_cate",   
  24.         "std" => "",      
  25.         "title" => "选择分类",   
  26.         "subtype"=> "cat",   
  27.         "type"=>"dropdown"),   
  28.            
  29.     "radio" => array(   
  30.         "name" => "_meta_radio",   
  31.         "std" => 1,      
  32.         "title" => "单选框",   
  33.         "buttons" => array('Yes','No'),   
  34.         "type"=>"radio"),   
  35.            
  36.     "checkbox" => array(   
  37.         "name" => "_meta_checkbox",   
  38.         "std" => 1,      
  39.         "title" => "复选框",   
  40.         "type"=>"checkbox"),   
  41.            
  42. );  
  45. function new_meta_boxes() {   
  46.     global $post, $new_meta_boxes;   
  47.     foreach($new_meta_boxes as $meta_box) {   
  48.         //获取保存的是   
  49.         $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);   
  50.         if($meta_box_value != "")      
  51.             $meta_box['std'] = $meta_box_value;//将默认值替换为以保存的值   
  52.            
  53.         echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';   
  54.         //通过选择类型输出不同的html代码   
  55.         switch ( $meta_box['type'] ){   
  56.             case 'title':   
  57.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  58.                 break;   
  59.             case 'text':   
  60.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  61.                 echo '<input type="text" size="40" name="'.$meta_box['name'].'_value" value="'.$meta_box['std'].'" /><br />';   
  62.                 break;   
  63.             case 'textarea':   
  64.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  65.                 echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box['std'].'</textarea><br />';   
  66.                 break;   
  67.             case 'dropdown':   
  68.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  69.                 if($meta_box['subtype'] == 'cat'){   
  70.                     $select = 'Select category';   
  71.                     $entries = get_categories('title_li=&orderby=name&hide_empty=0');//获取分类   
  72.                 }   
  73.                 echo '<p><select name="'.$meta_box['name'].'_value"> ';   
  74.                 echo '<option value="">'.$select .'</option>  ';   
  75.                 foreach ($entries as $key => $entry){   
  76.                     $id = $entry->term_id;   
  77.                     $title = $entry->name;   
  78.                     if ( $meta_box['std'] == $id ){   
  79.                         $selected = "selected='selected'";   
  80.                     }else{   
  81.                         $selected = "";   
  82.                     }   
  83.                     echo "<option $selected value='". $id."'>". $title."</option>";   
  84.                 }   
  85.                 echo '</select><br />';   
  86.                 break;   
  87.             case 'radio':   
  88.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  89.                 $counter = 1;   
  90.                 foreach( $meta_box['buttons'] as $radiobutton ) {   
  91.                     $checked ="";   
  92.                     if(isset($meta_box['std']) && $meta_box['std'] == $counter) {   
  93.                         $checked = 'checked = "checked"';   
  94.                     }   
  95.                     echo '<input '.$checked.' type="radio" class="kcheck" value="'.$counter.'" name="'.$meta_box['name'].'_value"/>'.$radiobutton;   
  96.                     $counter++;   
  97.                 }   
  98.                 break;   
  99.             case 'checkbox':   
  100.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  101.                 if( isset($meta_box['std']) && $meta_box['std'] == 'true' )   
  102.                     $checked = 'checked = "checked"';   
  103.                 else  
  104.                     $checked  = '';    
  105.                 echo '<input type="checkbox" name="'.$meta_box['name'].'_value" value="true"  '.$checked.' />';   
  106.             break;   
  107.                
  108.         }             
  109.     }      
  110. }  
  113. function create_meta_box() {      
  114.     global $theme_name;      
  115.      
  116.     if ( function_exists('add_meta_box') ) {      
  117.         add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );      
  118.     }      
  119. }  
  122. function save_postdata( $post_id ) {      
  123.     global $post, $new_meta_boxes;      
  124.      
  125.     foreach($new_meta_boxes as $meta_box) {      
  126.         if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {      
  127.             return $post_id;      
  128.         }      
  129.      
  130.         if ( 'page' == $_POST['post_type'] ) {      
  131.             if ( !current_user_can( 'edit_page', $post_id ))      
  132.                 return $post_id;      
  133.         }       
  134.         else {      
  135.             if ( !current_user_can( 'edit_post', $post_id ))      
  136.                 return $post_id;      
  137.         }      
  138.      
  139.         $data = $_POST[$meta_box['name'].'_value'];      
  140.      
  141.         if(get_post_meta($post_id, $meta_box['name'].'_value') == "")      
  142.             add_post_meta($post_id, $meta_box['name'].'_value', $data, true);      
  143.         elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))      
  144.             update_post_meta($post_id, $meta_box['name'].'_value', $data);      
  145.         elseif($data == "")      
  146.             delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));      
  147.     }      
  148. }  
  151. add_action('admin_menu', 'create_meta_box');      
  152. add_action('save_post', 'save_postdata');   
  155. $ashu_eitor = get_post_meta($post->ID, "_meta_keywords_value", true);  

二、创建(显示)面板内容的函数

  2. $new_meta_boxes =    
  3. array(   
  4.     "title" => array(   
  5.         "name" => "_meta_title",   
  6.         "std" => "",   
  7.         "title" => "标题",   
  8.         "type"=>"title"),      
  9.      
  10.     "keywords" => array(   
  11.         "name" => "_meta_keywords",   
  12.         "std" => "",      
  13.         "title" => "关键字",   
  14.         "type"=>"text"),   
  15.            
  16.     "description" => array(   
  17.         "name" => "_meta_description",   
  18.         "std" => "",      
  19.         "title" => "描述",   
  20.         "type"=>"textarea"),   
  21.            
  22.     "category" => array(   
  23.         "name" => "_meta_cate",   
  24.         "std" => "",      
  25.         "title" => "选择分类",   
  26.         "subtype"=> "cat",   
  27.         "type"=>"dropdown"),   
  28.            
  29.     "radio" => array(   
  30.         "name" => "_meta_radio",   
  31.         "std" => 1,      
  32.         "title" => "单选框",   
  33.         "buttons" => array('Yes','No'),   
  34.         "type"=>"radio"),   
  35.            
  36.     "checkbox" => array(   
  37.         "name" => "_meta_checkbox",   
  38.         "std" => 1,      
  39.         "title" => "复选框",   
  40.         "type"=>"checkbox"),   
  41.            
  42. );  
  45. function new_meta_boxes() {   
  46.     global $post, $new_meta_boxes;   
  47.     foreach($new_meta_boxes as $meta_box) {   
  48.         //获取保存的是   
  49.         $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);   
  50.         if($meta_box_value != "")      
  51.             $meta_box['std'] = $meta_box_value;//将默认值替换为以保存的值   
  52.            
  53.         echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';   
  54.         //通过选择类型输出不同的html代码   
  55.         switch ( $meta_box['type'] ){   
  56.             case 'title':   
  57.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  58.                 break;   
  59.             case 'text':   
  60.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  61.                 echo '<input type="text" size="40" name="'.$meta_box['name'].'_value" value="'.$meta_box['std'].'" /><br />';   
  62.                 break;   
  63.             case 'textarea':   
  64.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  65.                 echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box['std'].'</textarea><br />';   
  66.                 break;   
  67.             case 'dropdown':   
  68.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  69.                 if($meta_box['subtype'] == 'cat'){   
  70.                     $select = 'Select category';   
  71.                     $entries = get_categories('title_li=&orderby=name&hide_empty=0');//获取分类   
  72.                 }   
  73.                 echo '<p><select name="'.$meta_box['name'].'_value"> ';   
  74.                 echo '<option value="">'.$select .'</option>  ';   
  75.                 foreach ($entries as $key => $entry){   
  76.                     $id = $entry->term_id;   
  77.                     $title = $entry->name;   
  78.                     if ( $meta_box['std'] == $id ){   
  79.                         $selected = "selected='selected'";   
  80.                     }else{   
  81.                         $selected = "";   
  82.                     }   
  83.                     echo "<option $selected value='". $id."'>". $title."</option>";   
  84.                 }   
  85.                 echo '</select><br />';   
  86.                 break;   
  87.             case 'radio':   
  88.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  89.                 $counter = 1;   
  90.                 foreach( $meta_box['buttons'] as $radiobutton ) {   
  91.                     $checked ="";   
  92.                     if(isset($meta_box['std']) && $meta_box['std'] == $counter) {   
  93.                         $checked = 'checked = "checked"';   
  94.                     }   
  95.                     echo '<input '.$checked.' type="radio" class="kcheck" value="'.$counter.'" name="'.$meta_box['name'].'_value"/>'.$radiobutton;   
  96.                     $counter++;   
  97.                 }   
  98.                 break;   
  99.             case 'checkbox':   
  100.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  101.                 if( isset($meta_box['std']) && $meta_box['std'] == 'true' )   
  102.                     $checked = 'checked = "checked"';   
  103.                 else  
  104.                     $checked  = '';    
  105.                 echo '<input type="checkbox" name="'.$meta_box['name'].'_value" value="true"  '.$checked.' />';   
  106.             break;   
  107.                
  108.         }             
  109.     }      
  110. }  
  113. function create_meta_box() {      
  114.     global $theme_name;      
  115.      
  116.     if ( function_exists('add_meta_box') ) {      
  117.         add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );      
  118.     }      
  119. }  
  122. function save_postdata( $post_id ) {      
  123.     global $post, $new_meta_boxes;      
  124.      
  125.     foreach($new_meta_boxes as $meta_box) {      
  126.         if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {      
  127.             return $post_id;      
  128.         }      
  129.      
  130.         if ( 'page' == $_POST['post_type'] ) {      
  131.             if ( !current_user_can( 'edit_page', $post_id ))      
  132.                 return $post_id;      
  133.         }       
  134.         else {      
  135.             if ( !current_user_can( 'edit_post', $post_id ))      
  136.                 return $post_id;      
  137.         }      
  138.      
  139.         $data = $_POST[$meta_box['name'].'_value'];      
  140.      
  141.         if(get_post_meta($post_id, $meta_box['name'].'_value') == "")      
  142.             add_post_meta($post_id, $meta_box['name'].'_value', $data, true);      
  143.         elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))      
  144.             update_post_meta($post_id, $meta_box['name'].'_value', $data);      
  145.         elseif($data == "")      
  146.             delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));      
  147.     }      
  148. }  
  151. add_action('admin_menu', 'create_meta_box');      
  152. add_action('save_post', 'save_postdata');   
  155. $ashu_eitor = get_post_meta($post->ID, "_meta_keywords_value", true);  

三、创建面板

  2. $new_meta_boxes =    
  3. array(   
  4.     "title" => array(   
  5.         "name" => "_meta_title",   
  6.         "std" => "",   
  7.         "title" => "标题",   
  8.         "type"=>"title"),      
  9.      
  10.     "keywords" => array(   
  11.         "name" => "_meta_keywords",   
  12.         "std" => "",      
  13.         "title" => "关键字",   
  14.         "type"=>"text"),   
  15.            
  16.     "description" => array(   
  17.         "name" => "_meta_description",   
  18.         "std" => "",      
  19.         "title" => "描述",   
  20.         "type"=>"textarea"),   
  21.            
  22.     "category" => array(   
  23.         "name" => "_meta_cate",   
  24.         "std" => "",      
  25.         "title" => "选择分类",   
  26.         "subtype"=> "cat",   
  27.         "type"=>"dropdown"),   
  28.            
  29.     "radio" => array(   
  30.         "name" => "_meta_radio",   
  31.         "std" => 1,      
  32.         "title" => "单选框",   
  33.         "buttons" => array('Yes','No'),   
  34.         "type"=>"radio"),   
  35.            
  36.     "checkbox" => array(   
  37.         "name" => "_meta_checkbox",   
  38.         "std" => 1,      
  39.         "title" => "复选框",   
  40.         "type"=>"checkbox"),   
  41.            
  42. );  
  45. function new_meta_boxes() {   
  46.     global $post, $new_meta_boxes;   
  47.     foreach($new_meta_boxes as $meta_box) {   
  48.         //获取保存的是   
  49.         $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);   
  50.         if($meta_box_value != "")      
  51.             $meta_box['std'] = $meta_box_value;//将默认值替换为以保存的值   
  52.            
  53.         echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';   
  54.         //通过选择类型输出不同的html代码   
  55.         switch ( $meta_box['type'] ){   
  56.             case 'title':   
  57.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  58.                 break;   
  59.             case 'text':   
  60.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  61.                 echo '<input type="text" size="40" name="'.$meta_box['name'].'_value" value="'.$meta_box['std'].'" /><br />';   
  62.                 break;   
  63.             case 'textarea':   
  64.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  65.                 echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box['std'].'</textarea><br />';   
  66.                 break;   
  67.             case 'dropdown':   
  68.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  69.                 if($meta_box['subtype'] == 'cat'){   
  70.                     $select = 'Select category';   
  71.                     $entries = get_categories('title_li=&orderby=name&hide_empty=0');//获取分类   
  72.                 }   
  73.                 echo '<p><select name="'.$meta_box['name'].'_value"> ';   
  74.                 echo '<option value="">'.$select .'</option>  ';   
  75.                 foreach ($entries as $key => $entry){   
  76.                     $id = $entry->term_id;   
  77.                     $title = $entry->name;   
  78.                     if ( $meta_box['std'] == $id ){   
  79.                         $selected = "selected='selected'";   
  80.                     }else{   
  81.                         $selected = "";   
  82.                     }   
  83.                     echo "<option $selected value='". $id."'>". $title."</option>";   
  84.                 }   
  85.                 echo '</select><br />';   
  86.                 break;   
  87.             case 'radio':   
  88.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  89.                 $counter = 1;   
  90.                 foreach( $meta_box['buttons'] as $radiobutton ) {   
  91.                     $checked ="";   
  92.                     if(isset($meta_box['std']) && $meta_box['std'] == $counter) {   
  93.                         $checked = 'checked = "checked"';   
  94.                     }   
  95.                     echo '<input '.$checked.' type="radio" class="kcheck" value="'.$counter.'" name="'.$meta_box['name'].'_value"/>'.$radiobutton;   
  96.                     $counter++;   
  97.                 }   
  98.                 break;   
  99.             case 'checkbox':   
  100.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  101.                 if( isset($meta_box['std']) && $meta_box['std'] == 'true' )   
  102.                     $checked = 'checked = "checked"';   
  103.                 else  
  104.                     $checked  = '';    
  105.                 echo '<input type="checkbox" name="'.$meta_box['name'].'_value" value="true"  '.$checked.' />';   
  106.             break;   
  107.                
  108.         }             
  109.     }      
  110. }  
  113. function create_meta_box() {      
  114.     global $theme_name;      
  115.      
  116.     if ( function_exists('add_meta_box') ) {      
  117.         add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );      
  118.     }      
  119. }  
  122. function save_postdata( $post_id ) {      
  123.     global $post, $new_meta_boxes;      
  124.      
  125.     foreach($new_meta_boxes as $meta_box) {      
  126.         if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {      
  127.             return $post_id;      
  128.         }      
  129.      
  130.         if ( 'page' == $_POST['post_type'] ) {      
  131.             if ( !current_user_can( 'edit_page', $post_id ))      
  132.                 return $post_id;      
  133.         }       
  134.         else {      
  135.             if ( !current_user_can( 'edit_post', $post_id ))      
  136.                 return $post_id;      
  137.         }      
  138.      
  139.         $data = $_POST[$meta_box['name'].'_value'];      
  140.      
  141.         if(get_post_meta($post_id, $meta_box['name'].'_value') == "")      
  142.             add_post_meta($post_id, $meta_box['name'].'_value', $data, true);      
  143.         elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))      
  144.             update_post_meta($post_id, $meta_box['name'].'_value', $data);      
  145.         elseif($data == "")      
  146.             delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));      
  147.     }      
  148. }  
  151. add_action('admin_menu', 'create_meta_box');      
  152. add_action('save_post', 'save_postdata');   
  155. $ashu_eitor = get_post_meta($post->ID, "_meta_keywords_value", true);  

四、保存更新数据

  2. $new_meta_boxes =    
  3. array(   
  4.     "title" => array(   
  5.         "name" => "_meta_title",   
  6.         "std" => "",   
  7.         "title" => "标题",   
  8.         "type"=>"title"),      
  9.      
  10.     "keywords" => array(   
  11.         "name" => "_meta_keywords",   
  12.         "std" => "",      
  13.         "title" => "关键字",   
  14.         "type"=>"text"),   
  15.            
  16.     "description" => array(   
  17.         "name" => "_meta_description",   
  18.         "std" => "",      
  19.         "title" => "描述",   
  20.         "type"=>"textarea"),   
  21.            
  22.     "category" => array(   
  23.         "name" => "_meta_cate",   
  24.         "std" => "",      
  25.         "title" => "选择分类",   
  26.         "subtype"=> "cat",   
  27.         "type"=>"dropdown"),   
  28.            
  29.     "radio" => array(   
  30.         "name" => "_meta_radio",   
  31.         "std" => 1,      
  32.         "title" => "单选框",   
  33.         "buttons" => array('Yes','No'),   
  34.         "type"=>"radio"),   
  35.            
  36.     "checkbox" => array(   
  37.         "name" => "_meta_checkbox",   
  38.         "std" => 1,      
  39.         "title" => "复选框",   
  40.         "type"=>"checkbox"),   
  41.            
  42. );  
  45. function new_meta_boxes() {   
  46.     global $post, $new_meta_boxes;   
  47.     foreach($new_meta_boxes as $meta_box) {   
  48.         //获取保存的是   
  49.         $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);   
  50.         if($meta_box_value != "")      
  51.             $meta_box['std'] = $meta_box_value;//将默认值替换为以保存的值   
  52.            
  53.         echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';   
  54.         //通过选择类型输出不同的html代码   
  55.         switch ( $meta_box['type'] ){   
  56.             case 'title':   
  57.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  58.                 break;   
  59.             case 'text':   
  60.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  61.                 echo '<input type="text" size="40" name="'.$meta_box['name'].'_value" value="'.$meta_box['std'].'" /><br />';   
  62.                 break;   
  63.             case 'textarea':   
  64.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  65.                 echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box['std'].'</textarea><br />';   
  66.                 break;   
  67.             case 'dropdown':   
  68.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  69.                 if($meta_box['subtype'] == 'cat'){   
  70.                     $select = 'Select category';   
  71.                     $entries = get_categories('title_li=&orderby=name&hide_empty=0');//获取分类   
  72.                 }   
  73.                 echo '<p><select name="'.$meta_box['name'].'_value"> ';   
  74.                 echo '<option value="">'.$select .'</option>  ';   
  75.                 foreach ($entries as $key => $entry){   
  76.                     $id = $entry->term_id;   
  77.                     $title = $entry->name;   
  78.                     if ( $meta_box['std'] == $id ){   
  79.                         $selected = "selected='selected'";   
  80.                     }else{   
  81.                         $selected = "";   
  82.                     }   
  83.                     echo "<option $selected value='". $id."'>". $title."</option>";   
  84.                 }   
  85.                 echo '</select><br />';   
  86.                 break;   
  87.             case 'radio':   
  88.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  89.                 $counter = 1;   
  90.                 foreach( $meta_box['buttons'] as $radiobutton ) {   
  91.                     $checked ="";   
  92.                     if(isset($meta_box['std']) && $meta_box['std'] == $counter) {   
  93.                         $checked = 'checked = "checked"';   
  94.                     }   
  95.                     echo '<input '.$checked.' type="radio" class="kcheck" value="'.$counter.'" name="'.$meta_box['name'].'_value"/>'.$radiobutton;   
  96.                     $counter++;   
  97.                 }   
  98.                 break;   
  99.             case 'checkbox':   
  100.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  101.                 if( isset($meta_box['std']) && $meta_box['std'] == 'true' )   
  102.                     $checked = 'checked = "checked"';   
  103.                 else  
  104.                     $checked  = '';    
  105.                 echo '<input type="checkbox" name="'.$meta_box['name'].'_value" value="true"  '.$checked.' />';   
  106.             break;   
  107.                
  108.         }             
  109.     }      
  110. }  
  113. function create_meta_box() {      
  114.     global $theme_name;      
  115.      
  116.     if ( function_exists('add_meta_box') ) {      
  117.         add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );      
  118.     }      
  119. }  
  122. function save_postdata( $post_id ) {      
  123.     global $post, $new_meta_boxes;      
  124.      
  125.     foreach($new_meta_boxes as $meta_box) {      
  126.         if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {      
  127.             return $post_id;      
  128.         }      
  129.      
  130.         if ( 'page' == $_POST['post_type'] ) {      
  131.             if ( !current_user_can( 'edit_page', $post_id ))      
  132.                 return $post_id;      
  133.         }       
  134.         else {      
  135.             if ( !current_user_can( 'edit_post', $post_id ))      
  136.                 return $post_id;      
  137.         }      
  138.      
  139.         $data = $_POST[$meta_box['name'].'_value'];      
  140.      
  141.         if(get_post_meta($post_id, $meta_box['name'].'_value') == "")      
  142.             add_post_meta($post_id, $meta_box['name'].'_value', $data, true);      
  143.         elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))      
  144.             update_post_meta($post_id, $meta_box['name'].'_value', $data);      
  145.         elseif($data == "")      
  146.             delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));      
  147.     }      
  148. }  
  151. add_action('admin_menu', 'create_meta_box');      
  152. add_action('save_post', 'save_postdata');   
  155. $ashu_eitor = get_post_meta($post->ID, "_meta_keywords_value", true);  

 五、触发函数

  2. $new_meta_boxes =    
  3. array(   
  4.     "title" => array(   
  5.         "name" => "_meta_title",   
  6.         "std" => "",   
  7.         "title" => "标题",   
  8.         "type"=>"title"),      
  9.      
  10.     "keywords" => array(   
  11.         "name" => "_meta_keywords",   
  12.         "std" => "",      
  13.         "title" => "关键字",   
  14.         "type"=>"text"),   
  15.            
  16.     "description" => array(   
  17.         "name" => "_meta_description",   
  18.         "std" => "",      
  19.         "title" => "描述",   
  20.         "type"=>"textarea"),   
  21.            
  22.     "category" => array(   
  23.         "name" => "_meta_cate",   
  24.         "std" => "",      
  25.         "title" => "选择分类",   
  26.         "subtype"=> "cat",   
  27.         "type"=>"dropdown"),   
  28.            
  29.     "radio" => array(   
  30.         "name" => "_meta_radio",   
  31.         "std" => 1,      
  32.         "title" => "单选框",   
  33.         "buttons" => array('Yes','No'),   
  34.         "type"=>"radio"),   
  35.            
  36.     "checkbox" => array(   
  37.         "name" => "_meta_checkbox",   
  38.         "std" => 1,      
  39.         "title" => "复选框",   
  40.         "type"=>"checkbox"),   
  41.            
  42. );  
  45. function new_meta_boxes() {   
  46.     global $post, $new_meta_boxes;   
  47.     foreach($new_meta_boxes as $meta_box) {   
  48.         //获取保存的是   
  49.         $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);   
  50.         if($meta_box_value != "")      
  51.             $meta_box['std'] = $meta_box_value;//将默认值替换为以保存的值   
  52.            
  53.         echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';   
  54.         //通过选择类型输出不同的html代码   
  55.         switch ( $meta_box['type'] ){   
  56.             case 'title':   
  57.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  58.                 break;   
  59.             case 'text':   
  60.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  61.                 echo '<input type="text" size="40" name="'.$meta_box['name'].'_value" value="'.$meta_box['std'].'" /><br />';   
  62.                 break;   
  63.             case 'textarea':   
  64.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  65.                 echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box['std'].'</textarea><br />';   
  66.                 break;   
  67.             case 'dropdown':   
  68.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  69.                 if($meta_box['subtype'] == 'cat'){   
  70.                     $select = 'Select category';   
  71.                     $entries = get_categories('title_li=&orderby=name&hide_empty=0');//获取分类   
  72.                 }   
  73.                 echo '<p><select name="'.$meta_box['name'].'_value"> ';   
  74.                 echo '<option value="">'.$select .'</option>  ';   
  75.                 foreach ($entries as $key => $entry){   
  76.                     $id = $entry->term_id;   
  77.                     $title = $entry->name;   
  78.                     if ( $meta_box['std'] == $id ){   
  79.                         $selected = "selected='selected'";   
  80.                     }else{   
  81.                         $selected = "";   
  82.                     }   
  83.                     echo "<option $selected value='". $id."'>". $title."</option>";   
  84.                 }   
  85.                 echo '</select><br />';   
  86.                 break;   
  87.             case 'radio':   
  88.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  89.                 $counter = 1;   
  90.                 foreach( $meta_box['buttons'] as $radiobutton ) {   
  91.                     $checked ="";   
  92.                     if(isset($meta_box['std']) && $meta_box['std'] == $counter) {   
  93.                         $checked = 'checked = "checked"';   
  94.                     }   
  95.                     echo '<input '.$checked.' type="radio" class="kcheck" value="'.$counter.'" name="'.$meta_box['name'].'_value"/>'.$radiobutton;   
  96.                     $counter++;   
  97.                 }   
  98.                 break;   
  99.             case 'checkbox':   
  100.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  101.                 if( isset($meta_box['std']) && $meta_box['std'] == 'true' )   
  102.                     $checked = 'checked = "checked"';   
  103.                 else  
  104.                     $checked  = '';    
  105.                 echo '<input type="checkbox" name="'.$meta_box['name'].'_value" value="true"  '.$checked.' />';   
  106.             break;   
  107.                
  108.         }             
  109.     }      
  110. }  
  113. function create_meta_box() {      
  114.     global $theme_name;      
  115.      
  116.     if ( function_exists('add_meta_box') ) {      
  117.         add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );      
  118.     }      
  119. }  
  122. function save_postdata( $post_id ) {      
  123.     global $post, $new_meta_boxes;      
  124.      
  125.     foreach($new_meta_boxes as $meta_box) {      
  126.         if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {      
  127.             return $post_id;      
  128.         }      
  129.      
  130.         if ( 'page' == $_POST['post_type'] ) {      
  131.             if ( !current_user_can( 'edit_page', $post_id ))      
  132.                 return $post_id;      
  133.         }       
  134.         else {      
  135.             if ( !current_user_can( 'edit_post', $post_id ))      
  136.                 return $post_id;      
  137.         }      
  138.      
  139.         $data = $_POST[$meta_box['name'].'_value'];      
  140.      
  141.         if(get_post_meta($post_id, $meta_box['name'].'_value') == "")      
  142.             add_post_meta($post_id, $meta_box['name'].'_value', $data, true);      
  143.         elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))      
  144.             update_post_meta($post_id, $meta_box['name'].'_value', $data);      
  145.         elseif($data == "")      
  146.             delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));      
  147.     }      
  148. }  
  151. add_action('admin_menu', 'create_meta_box');      
  152. add_action('save_post', 'save_postdata');   
  155. $ashu_eitor = get_post_meta($post->ID, "_meta_keywords_value", true);  

效果：

wordpress自定义面板

调用的时候使用get_post_meta函数获取即可，不过主要我们保存的字段名称，虽然我们的配置数组中配置了name，但是保存自定义字段的时候我们在字段名称后面加了_value，以我们的关键字_meta_keywords为例，获取应该是：

  2. $new_meta_boxes =    
  3. array(   
  4.     "title" => array(   
  5.         "name" => "_meta_title",   
  6.         "std" => "",   
  7.         "title" => "标题",   
  8.         "type"=>"title"),      
  9.      
  10.     "keywords" => array(   
  11.         "name" => "_meta_keywords",   
  12.         "std" => "",      
  13.         "title" => "关键字",   
  14.         "type"=>"text"),   
  15.            
  16.     "description" => array(   
  17.         "name" => "_meta_description",   
  18.         "std" => "",      
  19.         "title" => "描述",   
  20.         "type"=>"textarea"),   
  21.            
  22.     "category" => array(   
  23.         "name" => "_meta_cate",   
  24.         "std" => "",      
  25.         "title" => "选择分类",   
  26.         "subtype"=> "cat",   
  27.         "type"=>"dropdown"),   
  28.            
  29.     "radio" => array(   
  30.         "name" => "_meta_radio",   
  31.         "std" => 1,      
  32.         "title" => "单选框",   
  33.         "buttons" => array('Yes','No'),   
  34.         "type"=>"radio"),   
  35.            
  36.     "checkbox" => array(   
  37.         "name" => "_meta_checkbox",   
  38.         "std" => 1,      
  39.         "title" => "复选框",   
  40.         "type"=>"checkbox"),   
  41.            
  42. );  
  45. function new_meta_boxes() {   
  46.     global $post, $new_meta_boxes;   
  47.     foreach($new_meta_boxes as $meta_box) {   
  48.         //获取保存的是   
  49.         $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);   
  50.         if($meta_box_value != "")      
  51.             $meta_box['std'] = $meta_box_value;//将默认值替换为以保存的值   
  52.            
  53.         echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';   
  54.         //通过选择类型输出不同的html代码   
  55.         switch ( $meta_box['type'] ){   
  56.             case 'title':   
  57.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  58.                 break;   
  59.             case 'text':   
  60.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  61.                 echo '<input type="text" size="40" name="'.$meta_box['name'].'_value" value="'.$meta_box['std'].'" /><br />';   
  62.                 break;   
  63.             case 'textarea':   
  64.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  65.                 echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box['std'].'</textarea><br />';   
  66.                 break;   
  67.             case 'dropdown':   
  68.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  69.                 if($meta_box['subtype'] == 'cat'){   
  70.                     $select = 'Select category';   
  71.                     $entries = get_categories('title_li=&orderby=name&hide_empty=0');//获取分类   
  72.                 }   
  73.                 echo '<p><select name="'.$meta_box['name'].'_value"> ';   
  74.                 echo '<option value="">'.$select .'</option>  ';   
  75.                 foreach ($entries as $key => $entry){   
  76.                     $id = $entry->term_id;   
  77.                     $title = $entry->name;   
  78.                     if ( $meta_box['std'] == $id ){   
  79.                         $selected = "selected='selected'";   
  80.                     }else{   
  81.                         $selected = "";   
  82.                     }   
  83.                     echo "<option $selected value='". $id."'>". $title."</option>";   
  84.                 }   
  85.                 echo '</select><br />';   
  86.                 break;   
  87.             case 'radio':   
  88.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  89.                 $counter = 1;   
  90.                 foreach( $meta_box['buttons'] as $radiobutton ) {   
  91.                     $checked ="";   
  92.                     if(isset($meta_box['std']) && $meta_box['std'] == $counter) {   
  93.                         $checked = 'checked = "checked"';   
  94.                     }   
  95.                     echo '<input '.$checked.' type="radio" class="kcheck" value="'.$counter.'" name="'.$meta_box['name'].'_value"/>'.$radiobutton;   
  96.                     $counter++;   
  97.                 }   
  98.                 break;   
  99.             case 'checkbox':   
  100.                 echo'<h4>'.$meta_box['title'].'</h4>';   
  101.                 if( isset($meta_box['std']) && $meta_box['std'] == 'true' )   
  102.                     $checked = 'checked = "checked"';   
  103.                 else  
  104.                     $checked  = '';    
  105.                 echo '<input type="checkbox" name="'.$meta_box['name'].'_value" value="true"  '.$checked.' />';   
  106.             break;   
  107.                
  108.         }             
  109.     }      
  110. }  
  113. function create_meta_box() {      
  114.     global $theme_name;      
  115.      
  116.     if ( function_exists('add_meta_box') ) {      
  117.         add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );      
  118.     }      
  119. }  
  122. function save_postdata( $post_id ) {      
  123.     global $post, $new_meta_boxes;      
  124.      
  125.     foreach($new_meta_boxes as $meta_box) {      
  126.         if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {      
  127.             return $post_id;      
  128.         }      
  129.      
  130.         if ( 'page' == $_POST['post_type'] ) {      
  131.             if ( !current_user_can( 'edit_page', $post_id ))      
  132.                 return $post_id;      
  133.         }       
  134.         else {      
  135.             if ( !current_user_can( 'edit_post', $post_id ))      
  136.                 return $post_id;      
  137.         }      
  138.      
  139.         $data = $_POST[$meta_box['name'].'_value'];      
  140.      
  141.         if(get_post_meta($post_id, $meta_box['name'].'_value') == "")      
  142.             add_post_meta($post_id, $meta_box['name'].'_value', $data, true);      
  143.         elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))      
  144.             update_post_meta($post_id, $meta_box['name'].'_value', $data);      
  145.         elseif($data == "")      
  146.             delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));      
  147.     }      
  148. }  
  151. add_action('admin_menu', 'create_meta_box');      
  152. add_action('save_post', 'save_postdata');   
  155. $ashu_eitor = get_post_meta($post->ID, "_meta_keywords_value", true);  

 

其实本教程的代码很多和前面的相同，只不过给准备的数据加了个类型判断，通过判断类型来输出不同的html代码。。