WordPress添加自定义字段面板

2014年05月23日 WordPress 没人吐槽 3563次浏览
博客主机

我们在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" => "网页描述:"),
  8.     "keywords" => array(
  9.         "name" => "keywords",
  10.         "std" => "这里填默认的网页关键字",
  11.         "title" => "关键字:")
  12. );

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

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

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

三、创建自定义字段模块

下面代码将在文章编辑页添加自定义字段模块，这其中这用了WordPress的添加模块函数add_meta_box。这与之前的文章WordPress文章编辑页删除相关模块所做的工作恰好相反。

  1. function create_meta_box() {
  2.     global $theme_name;
  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;
  4.     if ( !wp_verify_nonce( $_POST['newmetaboxes_noncename'], plugin_basename(__FILE__) ))
  5.         return;
  7.     if ( !current_user_can( 'edit_posts', $post_id ))
  8.         return;
  10.     foreach($new_meta_boxes as $meta_box) {
  11.         $data = $_POST[$meta_box['name'].'_value'];
  13.         if(get_post_meta($post_id, $meta_box['name'].'_value') == "")
  14.             add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
  15.         elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
  16.             update_post_meta($post_id, $meta_box['name'].'_value', $data);
  17.         elseif($data == "")
  18.             delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
  19.     }
  20. }

五、将函数连接到指定action（动作）

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

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

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

  1. <?php
  2. if (is_single())
  3. {
  4.     // 自定义字段名称为 description_value
  5.     $description = get_post_meta($post->ID, "description_value", true);
  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. <meta name="description" content="<?php echo $description; ?>" />
  14. <meta name="keywords" content="<?php echo $keywords; ?>" />

 

Related Posts

博客主机

给我留言