WordPress教程

WordPress网站如何添加文章自定义字段填写面板

阿里云

WordPress 网站文章自定义字段可以按照自己需求进行数据的填写。例网页描述 description 和关键词 keywords 这两个 meta 标签。

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

下面介绍一下如何制作这种文章自定义字段面板的方法。

也想出现在这里?联系我们
创客主机

section

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

  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. );

section

创建自定义域以及输入框:

  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. // 自定义字段标题
  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. }

section

在文章编辑页添加自定义字段模块,这其中这用了 WordPress 的添加模块函数 add_meta_box。

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

section

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

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

section

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

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

好了,经过以上 5 步,就可以开发出自己的 wordpress 自定义字段填写面板了。

WordPress 网站如何添加文章自定义字段填写面板

已有 373 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!