WordPress 관리자에서 카테고리, 태그 및 사용자 정의 분류 편집 화면에 필드를 추가 하시겠습니까?


33

질문은 " 어떻게? 워드 프레스 관리자의 카테고리, 태그 및 사용자 정의 분류 편집 화면에 하나 개 이상의 필드를 추가하려면 이 질문했다" 나열 WP-해커에 질문 8 월 1 일 2010 년과 나는 해결책을 제공하는 그 날 이후. 원래 아스 커 다시 문제 논의 해결책을 생각 나게 오늘 (년 8 월 21). 일반적인 요구가 될 수 있기 때문에 나중에 다른 사람들이 찾을 수 있도록 코드를 포함하여 솔루션을 게시하기로 결정했습니다.


안녕하세요, 답변 상자에 코드를 게시하면 더 좋을 것 같습니다. 그렇게하면 github이 다운 될 때를 대비하여 여기에 백업이 있습니다.
ariefbayu

@silent : 이봐, 난 노력하고있어. :) 나는 반쯤했지만 벽에 부딪쳐 잠을 자야한다. 내가 끝났을 때의 모습은 다음과 같습니다 : wordpress.stackexchange.com/questions/578/#582
MikeSchinkel

이것에 대한 더 이상의 개발? 나는 실제로 관심이있다 ... : D
John P Bloch

Hey @John P Bloch : 내 고객이 나를 고정 시켰고 시간이 없었습니다. 잘만되면 ...
MikeSchinkel

@ John P Bloch 실제로 시도했지만 훌륭하게 작동하므로 부모 범주없이 특정 범주를 '그룹화'해야했습니다.
Amit

답변:


23

이들의 도움으로 범주에 새 필드 'picture'(입력 유형 파일)를 추가했습니다.

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있습니다. 분류법 이름으로 바꾸 십시오.


예를 들어 "사람"에 대한 -이 우수하지만 당신은 사용자 정의 분류에이를 추가하려는 경우 하나가 올바르게 정의를 통합 할 방법을 설명합니다 (또는 아마도 예를 제공)하시기 바랍니다 수
NetConstructor.com

2
업데이트-이 코드를 테스트하기 위해 위의 정확한 코드를 복사했지만 파일이 저장되지 않았거나 최소한 표시되지 않습니다. 파일 저장 위치, 해당 폴더의 권한을 편집해야하는 위치를 설명 할 수 있습니까 (또는 더 나은 경우 저장된 위치의 폴더 위치를 수정하는 방법을 설명 할 수 있습니까?). 파일을 선택한 다음 용어를 저장하려고하면 파일을 제외한 모든 것을 저장하므로 업로드 된 이미지가 표시되지 않습니다.
NetConstructor.com

9

또한 해당 필드를 사용자 정의 분류 양식에 추가하려면 add_action함수 에서 사용자 정의 분류 이름으로 카테고리를 대체하십시오 .

예:

add_action('{custom_taxonomy}_edit_form_fields','category_edit_form_fields');
add_action('{custom_taxonomy}_edit_form', 'category_edit_form');
add_action('{custom_taxonomy}_add_form_fields','category_edit_form_fields');
add_action('{custom_taxonomy}_add_form','category_edit_form');

2

태그 양식 필드에 연결하려는 경우 후크가 약간 다릅니다.

add_tag_form_fields

예상대로 tag_add_form_fields 대신


1

나는 이것이 얼마 전에 요청되었다는 것을 알고 있지만 WordPress는 그 이후 약간 변경되었으므로 사용자 정의 필드를 분류법에 추가하는 프로세스를 단순화하고 선택적으로 각 필드의 용어 테이블에 열을 추가 할 수있는 작은 스크립트를 개발하기로 결정했습니다. 이 스크립트는 amarkal-taxonomy 라고 하며 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 );

1

추가 이미지를 추가하고 이미지를 사용자 정의 분류 체계에 추가하여 이미지 이름을 보험으로 추가했습니다.

/**
 * 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 ).

내 분류 체계 슬러그 이름은 보험입니다.

add_action ( 'insurance_add_form_fields', 배열 ($ this, 'add_category_image'), 10, 2);

functions.php파일 에서이 코드를 사용하십시오 .


0

코드를 테마 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')입니다.


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.