WordPress添加自定义字段面板

随之长风
发布在 Wordpress

我们在WordPress中编写文章的时候,经常会用到一些自定义字段,如网页描述description和关键词keywords这两个meta标签,关于这两个标签,可以看我之前写过的一篇文章:WordPress使用经验(一)独立的Description 和 Keywords

通常在添加自定义字段和其值的时候,我们都是手动去"自定义字段"模块下拉框中去选择相应的字段,然后再输入其值,最后还要提交等待一小段时间,似乎有点麻烦。那么可不可以给这些常用的自定义字段创建一个单独的面板,直接在里面填内容就可以了呢?就像文章标签,直接添加标签即可,不需要单独提交。答案是可以的,下面是效果图:

文章编辑页添加模块

下面我将教你如何操作,以下所有代码放到当前主题的functions.php中即可

一、创建需要的字段信息

这里将以添加两个自定义字段,名称分别为 _description_value 和 _keywords_value,你可以给下面数组添加多个元素,实现添加多个自定义字段的目的。

数组第一个元素name为自定义字段的名称,在本代码中自定义字段的名称为name值加_value,以防止与其他代码发生冲突,如 _description_value;std为自定义字段的默认值,当你发表文章时该自定义字段没填任何值,那么将取默认值;title为自定义字段模块的标题,如文章编辑页的"摘要"、"分类"和"标签",这些都是模块名称。

  1. $new_meta_boxes =  
  2. array(  
  3.   "description" => array(  
  4.     "name" => "_description",  
  5.     "std" => "这里填默认的网页描述",  
  6.     "title" => "网页描述:"),  
  7.   
  8.   "keywords" => array(  
  9.     "name" => "_keywords",  
  10.     "std" => "这里填默认的网页关键字",  
  11.     "title" => "关键字:")  
  12. );  

二、创建自定义字段输入框

以下代码将用于创建自定义域以及输入框,照写就是了

  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.     // 自定义字段标题  
  11.     echo'<h4>'.$meta_box['title'].'</h4>';  
  12.   
  13.     // 自定义字段输入框  
  14.     echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br />';  
  15.   }  
  16.   
  17.   echo '<input type="hidden" name="ludou_metaboxes_nonce" id="ludou_metaboxes_nonce" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';  
  18. }  

三、创建自定义字段模块

下面代码将在文章编辑页添加自定义字段模块

  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. }  

四、保存文章数据

之前所有准备都做好了,最重要的还是保存我们的自定义字段中的信息。

  1. function save_postdata( $post_id ) {  
  2.   global $new_meta_boxes;  
  3.   
  4.   if ( !wp_verify_nonce( $_POST['ludou_metaboxes_nonce'], plugin_basename(__FILE__) ))  
  5.     return;  
  6.   
  7.   if ( !current_user_can( 'edit_posts', $post_id ))  
  8.     return;  
  9.   
  10.   foreach($new_meta_boxes as $meta_box) {  
  11.     $data = $_POST[$meta_box['name'].'_value'];  
  12.   
  13.     if($data == "")  
  14.       delete_post_meta($post_id$meta_box['name'].'_value', get_post_meta($post_id$meta_box['name'].'_value', true));  
  15.     else  
  16.       update_post_meta($post_id$meta_box['name'].'_value', $data);  
  17.    }  
  18. }  

五、将函数连接到指定action(动作)

这是最后一步,也是最重要的一步,我们要做的是将函数连接到指定action(动作),以让WordPress程序执行我们之前编写的函数:

add_action('admin_menu', 'create_meta_box');
add_action('save_post', 'save_postdata');

好了,我们要做的就是这些了,现在你可以在你的主题中调用这两个自定义字段了,用文本编辑器打开主题目录下的header.php,将以下代码复制到之前,就可以给你的网页自定义description和keywords标签了,更具体的操作请使用搜索引擎:

  1. <?php  
  2. if (is_single()) {  
  3.   // 自定义字段名称为 description_value  
  4.   $description = get_post_meta($post->ID, "_description_value", true);  
  5.   
  6.   // 自定义字段名称为 keywords_value  
  7.   $keywords = get_post_meta($post->ID, "_keywords_value", true);  
  8.   
  9.   // 去除不必要的空格和HTML标签  
  10.   $description = trim(strip_tags($description));  
  11.   $keywords = trim(strip_tags($keywords));  
  12.   
  13.   echo '<meta name="description" content="'.$description.'" />  
  14. <meta name="keywords" content="'.$keywords.'" />';  
  15. }  
  16.   
  17. ?>  

参与评论

请登录后操作...
  • 刁馋麻辣

    学习了,顶一个。

    4年前 (2016-06-19)
    回复
    回复刁馋麻辣
  • 随之长风

    应该可以了吧!

    4年前 (2016-06-19)
    回复
    回复随之长风
  • 随之长风

    人的一生就像一条长河,停滞不前的唯一结果是被庸长的的生活暗浪淹没,只有不断的否定过去,才能面对新的挑战,而每一次的选择与放弃是为了实现梦想,也是为了得到更多的喝彩。我希望我能对我的人生有所交代。

    4年前 (2016-06-19)
    回复
    回复随之长风
  • 随之长风

    谢谢。

    4年前 (2016-06-19)
    回复
    回复随之长风