问题是“如何在WordPress管理员的“类别,标签和自定义分类法编辑”屏幕中添加一个或多个字段?”在2010年8月1日的wp-hackers列表中提出了这个问题,当天晚些时候我提供了解决方案。最初的询问者今天(8月21日)再次讨论了该问题,这使我想起了解决方案。由于这可能是常见的需求,因此我决定在此处发布解决方案,包括代码,以供将来其他人使用。

评论

嗨,迈克,我想如果您将代码发布在答案框中会更好。这样,我们可以在这里备份,以防github崩溃。

@silent:嘿,我正在努力。 :)我已经完成一半,但是我碰壁了,需要睡觉。这是我完成后的样子(类似):wordpress.stackexchange.com/questions/578/#582

这方面还有什么发展吗?我实际上有点兴趣...:D

嘿@John P Bloch:我的客户把我固定住了,只是没有时间。希望很快...

@John P Bloch我实际上尝试过,并且效果很好,我需要对某些类别进行“分组”,而没有父类别。

#1 楼

我借助这些帮助在类别中添加了新字段“图片”(输入类型文件)

add_action('category_edit_form_fields','category_edit_form_fields');
add_action('category_edit_form', 'category_edit_form');
add_action('category_add_form_fields','category_edit_form_fields');
add_action('category_add_form','category_edit_form');


function category_edit_form() {
?>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#edittag').attr( "enctype", "multipart/form-data" ).attr( "encoding", "multipart/form-data" );
        });
</script>
<?php 
}

function category_edit_form_fields () {
?>
    <tr class="form-field">
            <th valign="top" scope="row">
                <label for="catpic"><?php _e('Picture of the category', ''); ?></label>
            </th>
            <td>
                <input type="file" id="catpic" name="catpic"/>
            </td>
        </tr>
        <?php 
    }


您可以自由使用任何分类法,只需将category替换为您的分类法名称

评论


这非常好,但是如果您想将其添加到自定义分类法中,例如“ people”,请您解释(或提供一个示例)如何正确集成此自定义项

– NetConstructor.com
2011年1月19日上午11:48

更新-尽管我已经在上面复制了您的确切代码以测试此文件,但该文件似乎没有保存,或者至少没有显示。您能否解释一下文件的保存位置,也许需要编辑该文件夹的权限(甚至更好,您可以描述一下如何修改其保存位置的文件夹吗?)。当我选择一个文件然后尝试保存一个术语时,它会保存除文件以外的所有内容,因此不会显示上传的图像。

– NetConstructor.com
2011-1-19在11:56



#2 楼

同样,如果要将字段添加到自定义分类表单中,则只需在add_action函数中用自定义分类名称替换类别。

示例: >

#3 楼

对于那些希望加入标签表单字段的人,该挂钩略有不同。

add_tag_form_fields


代替您期望的tag_add_form_fields

#4 楼

我已将添加图像和多余图像添加到自定义分类法中,这是保险。

/**
 * Plugin class
 **/
if ( ! class_exists( 'CT_TAX_META' ) ) {

class CT_TAX_META {

  public function __construct() {
    //
  }

 /*
  * Initialize the class and start calling our hooks and filters
  * @since 1.0.0
 */
 public function init() {
   add_action( 'insurance_add_form_fields', array ( $this, 'add_category_image' ), 10, 2 );
   add_action( 'created_insurance', array ( $this, 'save_category_image' ), 10, 2 );
   add_action( 'insurance_edit_form_fields', array ( $this, 'update_category_image' ), 10, 2 );
   add_action( 'edited_insurance', array ( $this, 'updated_category_image' ), 10, 2 );
   add_action( 'admin_enqueue_scripts', array( $this, 'load_media' ) );
   add_action( 'admin_footer', array ( $this, 'add_script' ) );
 }

public function load_media() {
 wp_enqueue_media();
}

 /*
  * Add a form field in the new category page
  * @since 1.0.0
 */
 public function add_category_image ( $taxonomy ) { ?>
   <div class="form-field term-group">
     <label for="category-image-id"><?php _e('Image', 'hero-theme'); ?></label>
     <input type="hidden" id="category-image-id" name="category-image-id" class="custom_media_url" value="">
     <div id="category-image-wrapper"></div>
     <p>
       <input type="button" class="button button-secondary ct_tax_media_button" id="ct_tax_media_button" name="ct_tax_media_button" value="<?php _e( 'Add Image', 'hero-theme' ); ?>" />
       <input type="button" class="button button-secondary ct_tax_media_remove" id="ct_tax_media_remove" name="ct_tax_media_remove" value="<?php _e( 'Remove Image', 'hero-theme' ); ?>" />
    </p>
   </div>
 <?php
 }

 /*
  * Save the form field
  * @since 1.0.0
 */
 public function save_category_image ( $term_id, $tt_id ) {
   if( isset( $_POST['category-image-id'] ) && '' !== $_POST['category-image-id'] ){
     $image = $_POST['category-image-id'];
     add_term_meta( $term_id, 'category-image-id', $image, true );
   }
 }

 /*
  * Edit the form field
  * @since 1.0.0
 */
 public function update_category_image ( $term, $taxonomy ) { ?>
   <tr class="form-field term-group-wrap">
     <th scope="row">
       <label for="category-image-id"><?php _e( 'Image', 'hero-theme' ); ?></label>
     </th>
     <td>
       <?php $image_id = get_term_meta ( $term -> term_id, 'category-image-id', true ); ?>
       <input type="hidden" id="category-image-id" name="category-image-id" value="<?php echo $image_id; ?>">
       <div id="category-image-wrapper">
         <?php if ( $image_id ) { ?>
           <?php echo wp_get_attachment_image ( $image_id, 'thumbnail' ); ?>
         <?php } ?>
       </div>
       <p>
         <input type="button" class="button button-secondary ct_tax_media_button" id="ct_tax_media_button" name="ct_tax_media_button" value="<?php _e( 'Add Image', 'hero-theme' ); ?>" />
         <input type="button" class="button button-secondary ct_tax_media_remove" id="ct_tax_media_remove" name="ct_tax_media_remove" value="<?php _e( 'Remove Image', 'hero-theme' ); ?>" />
       </p>
     </td>
   </tr>
 <?php
 }

/*
 * Update the form field value
 * @since 1.0.0
 */
 public function updated_category_image ( $term_id, $tt_id ) {
   if( isset( $_POST['category-image-id'] ) && '' !== $_POST['category-image-id'] ){
     $image = $_POST['category-image-id'];
     update_term_meta ( $term_id, 'category-image-id', $image );
   } else {
     update_term_meta ( $term_id, 'category-image-id', '' );
   }
 }

/*
 * Add script
 * @since 1.0.0
 */
 public function add_script() { ?>
   <script>
     jQuery(document).ready( function($) {
       function ct_media_upload(button_class) {
         var _custom_media = true,
         _orig_send_attachment = wp.media.editor.send.attachment;
         $('body').on('click', button_class, function(e) {
           var button_id = '#'+$(this).attr('id');
           var send_attachment_bkp = wp.media.editor.send.attachment;
           var button = $(button_id);
           _custom_media = true;
           wp.media.editor.send.attachment = function(props, attachment){
             if ( _custom_media ) {
               $('#category-image-id').val(attachment.id);
               $('#category-image-wrapper').html('<img class="custom_media_image" src="" style="margin:0;padding:0;max-height:100px;float:none;" />');
               $('#category-image-wrapper .custom_media_image').attr('src',attachment.url).css('display','block');
             } else {
               return _orig_send_attachment.apply( button_id, [props, attachment] );
             }
            }
         wp.media.editor.open(button);
         return false;
       });
     }
     ct_media_upload('.ct_tax_media_button.button'); 
     $('body').on('click','.ct_tax_media_remove',function(){
       $('#category-image-id').val('');
       $('#category-image-wrapper').html('<img class="custom_media_image" src="" style="margin:0;padding:0;max-height:100px;float:none;" />');
     });
     // Thanks: http://stackoverflow.com/questions/15281995/wordpress-create-category-ajax-response
     $(document).ajaxComplete(function(event, xhr, settings) {
       var queryStringArr = settings.data.split('&');
       if( $.inArray('action=add-tag', queryStringArr) !== -1 ){
         var xml = xhr.responseXML;
         $response = $(xml).find('term_id').text();
         if($response!=""){
           // Clear the thumb image
           $('#category-image-wrapper').html('');
         }
       }
     });
   });
 </script>
 <?php }

  }

$CT_TAX_META = new CT_TAX_META();
$CT_TAX_META -> init();

}


注意:如果要将此字段添加到其他分类法中,例如对于自定义帖子类型,您需要将对类别的引用替换为对您自己的分类标准的引用。例如,如果您添加了创建的流派分类法,则可以通过

add_action( 'taxonomy_add_form_fields', array ( $this, 'add_category_image' ), 10, 2 ).

钩住此功能。 'insurance_add_form_fields',数组($ this,'add_category_image'),10,2);

在您的functions.php文件中使用此代码。

#5 楼

我意识到这是在不久前问到的,但是WordPress从那以后发生了一些变化,因此我决定开发一个小脚本,以简化向分类法添加自定义字段的过程,并允许您为每个字段的条件表添加列。该脚本称为Amarkal分类,是Amarkal WordPress框架的一部分。

使用amarkal-taxonomy,添加自定义字段可简化为:

// Add a text field to the 'category' taxonomy 'add' & 'edit' forms:
amarkal_taxonomy_add_field('category', 'cat_icon', array(
    'type'        => 'text',
    'label'       => 'Icon',
    'description' => 'The category\'s icon',
    'table'       => array(
        'show'      => true,  // Add a column to the terms table
        'sortable'  => true   // Make that column sortable
    )
));

// Then you can retrieve the data using:
$icon = get_term_meta( $term_id, 'cat_icon', true );


#6 楼

您需要将代码添加到主题functions.php文件中-同样,如果要将字段添加到自定义分类表单中,则只需在add_action函数中用自定义分类名称替换类别。 /> add_action('category_edit_form_fields','category_edit_form_fields');
将是
add_action('custom_taxonomy_name_form_fields','function_name_to_hook_on');

#7 楼

我使用类别元插件。适用于所有自定义分类法,标签和类别