WordPress添加自定义字段面板
我们在WordPress中编写文章的时候，经常会用到一些自定义字段，如网页描述description和关键词keywords这两个meta标签，关于这两个标签，可以看我之前写过的一篇文章：WordPress使用经验（一）独立的Description 和 Keywords
通常在添加自定义字段和其值的时候，我们都是手动去"自定义字段"模块下拉框中去选择相应的字段，然后再输入其值，最后还要提交等待一小段时间，似乎有点麻烦。那么可不可以给这些常用的自定义字段创建一个单独的面板，直接在里面填内容就可以了呢？就像文章标签，直接添加标签即可，不需要单独提交。答案是可以的，下面是效果图：
下面我将教你如何操作，以下所有代码放到当前主题的functions.php中即可
一、创建需要的字段信息
这里将以添加两个自定义字段，名称分别为description_value和keywords_value，你可以给下面数组添加多个元素，实现添加多个自定义字段的目的。
数组第一个元素name为自定义字段的名称，在本代码中自定义字段的名称为name值加_value，以防止与其他代码发生冲突，如description_value；std为自定义字段的默认值，当你发表文章时该自定义字段没填任何值，那么将取默认值；title为自定义字段模块的标题，如文章编辑页的"摘要"、"分类"和"标签"，这些都是模块名称。
1 2 3 4 5 6 7 8 9 10 11 12 |
二、创建自定义字段输入框
以下代码将用于创建自定义域以及输入框，照写就是了
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | function new_meta_boxes() { global $post, $new_meta_boxes; foreach($new_meta_boxes as $meta_box) { $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true); if($meta_box_value == "") $meta_box_value = $meta_box['std']; echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />'; // 自定义字段标题 echo'<h4>'.$meta_box['title'].'</h4>'; // 自定义字段输入框 echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br />'; } } |
三、创建自定义字段模块
下面代码将在文章编辑页添加自定义字段模块，这其中这用了WordPress的添加模块函数add_meta_box。这与之前的文章WordPress文章编辑页删除相关模块所做的工作恰好相反。
1 2 3 4 5 6 7 | function create_meta_box() { global $theme_name; if ( function_exists('add_meta_box') ) { add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' ); } } |
四、保存文章数据
之前所有准备都做好了，最重要的还是保存我们的自定义字段中的信息。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | function save_postdata( $post_id ) { global $post, $new_meta_boxes; foreach($new_meta_boxes as $meta_box) { if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) )) { return $post_id; } if ( 'page' == $_POST['post_type'] ) { if ( !current_user_can( 'edit_page', $post_id )) return $post_id; } else { if ( !current_user_can( 'edit_post', $post_id )) return $post_id; } $data = $_POST[$meta_box['name'].'_value']; if(get_post_meta($post_id, $meta_box['name'].'_value') == "") add_post_meta($post_id, $meta_box['name'].'_value', $data, true); elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true)) update_post_meta($post_id, $meta_box['name'].'_value', $data); elseif($data == "") delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true)); } } |
五、将函数连接到指定action（动作）
这是最后一步，也是最重要的一步，我们要做的是将函数连接到指定action（动作），以让WordPress程序执行我们之前编写的函数：
1 2 | add_action('admin_menu', 'create_meta_box'); add_action('save_post', 'save_postdata'); |
好了，我们要做的就是这些了，现在你可以在你的主题中调用这两个自定义字段了，用文本编辑器打开主题目录下的header.php，将以下代码复制到</head>之前，就可以给你的网页自定义description和keywords标签了，更具体的操作请使用搜索引擎：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <?php if (is_single()) { // 自定义字段名称为 description_value $description = get_post_meta($post->ID, "description_value", true); // 自定义字段名称为 keywords_value $keywords = get_post_meta($post->ID, "keywords_value", true); } // 去除不必要的空格和HTML标签 $description = trim(strip_tags($description)); $keywords = trim(strip_tags($keywords)); ?> <meta name="description" content="<?php echo $description; ?>" /> <meta name="keywords" content="<?php echo $keywords; ?>" /> |
参考文章
本文版权归露兜博客所有，转载引用请完整注明以下信息：
本文作者：Ludou
本文标题：WordPress添加自定义字段面板
本文地址：http://www.ludou.org/creating-custom-write-panels-in-wordpress.html
这个功能以前用到的不多，感谢博主分享
又学到一点：）
露兜这里每一篇都值得好好学习，很强大
但是每篇文章只有少部分人能看得下去，能看得懂。
愿意学习的人自然会钻研，有的文章也许现在用不上，但是当用的时候回头来看看也受益颇多。
我加你GTalk了，有点问题想请教一下。
我不用GTalk，有事给我发邮件
貌似很麻烦，呵呵
本文是写给具有PHP代码开发能力的人员的看的，呵呵。
露兜先生，我是“拆墙部队”我今天脑残的决定了离开博客界，当然我还是自己写自己的博客。但是我不想和博客界的人联系，我想摘掉所有的友情链接，因为没加 IM 通讯，所以我跟您打个招呼，我把友情链接摘掉。
摘掉时间：2010/07/22 AM 14:47（下午 2:47）
见谅！
不错。。。。。。。
非常感谢。正好需要这个功能。记得add_meta_box了。
你好，我用你的方法去操作，怎么每篇文章的title前面都有一个 ” 这个符号
我想去掉
楼主能帮帮我吗？
谢谢啦
本文没有教你去修改title
所以你的问题，我不知道是什么原因引起的。
正需要这样的功能，谢谢分享
感谢分享，学习了！
感謝露兜提供的方法，這樣可以更容易把WORDPRESS變成企業網站後台了。
我是在台灣擔任網站設計的個人工作室設計者，去年用WP幫不少客戶建立過網站..
我想我嘗試結合一下檔案上傳欄位的功能，讓自定義字串的使用方式可以更多樣化。
若有更進一步的嘗試結果會回來回饋給您的，謝謝喔！
非常期待你的回音
博主，如果自定义填写面板用到了复选框，在很多值中可能会选择几个，怎么修改呢，麻烦吗？
第二段代码第16行改成：
// 这里的 check 是第一段代码中填的复选框的name
if ($meta_box['name'] == 'check') {
$checkyes = '';
// 这里判断复选框的自定义字段值有没有 1
if(strpos($meta_box_value, '1') !== false) {
$checkyes = 'checked="checked"';
}
echo '<input type="checkbox" name="'.$meta_box['name'].'_value[]" value="1" size="55" '.$checkyes.' /><br />';
$checkyes = '';
if(strpos($meta_box_value, '2') !== false) {
$checkyes = 'checked="checked"';
}
echo '<input type="checkbox" name="'.$meta_box['name'].'_value[]" value="2" size="55" '.$checkyes.' /><br />';
}
else {
echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'
.$meta_box_value
.'</textarea><br />';
}
第4段代码第18行改成：
if ($meta_box['name'] == 'check' && is_array($_POST[$meta_box['name'].'_value'])) {
// 自定义字段不能保存数组，所以这里用逗号将各个值隔开
$data = implode(",",$_POST[$meta_box['name'].'_value']);
}
else {
$data = $_POST[$meta_box['name'].'_value'];
}
保存成功了，多谢，不过还有个问题，保存后的界面上，选定过的复选框状态不是checked，另外$checkyes这个具体怎么定义呢？
写错了，代码已更改。$checkyes是用于输出checked="checked"，但是你用的是复选框，自定义字段存储的是一个字符串，所以你得检测自定义字段的值是否包含这个框的值，包含就checked，之前选定过的复选框状态为勾选。
好了，感谢！这段代码非常实用
太复杂了。
对于代码盲来说，确实复杂
想在page页中，加keywords和description自定义字段应该怎么加？ Ludou，能否给予解答，劳驾。
插件:
http://wordpress.org/extend/plugins/all-in-one-seo-pack/
谢谢！