WordPress의 사용자 정의 관리 열

페이지, 게시물 및 사용자 지정 게시물과 같은 다양한 콘텐츠 유형을 처리할 때 관리자의 열을 추가하거나 사용자 지정해야 하는 경우가 있습니다. 게시물의 모든 게시물에 대한 추천 이미지가 있다고 가정해 보겠습니다. 기본적으로 WordPress는 기본 게시물 관리 페이지에 추천 이미지의 썸네일을 표시하지 않습니다.



동일한 페이지에서 Screen Options를 확인하고 Featured image를 선택 가능한 옵션으로 사용할 수 없음을 확인할 수 있습니다.



이제 모든 게시물에 대한 사용자 지정 필드가 있다고 가정해 보겠습니다. 게시물의 사용 가능한 번역 목록이 포함된 필드 또는 생각할 수 있는 다른 필드가 있을 수 있습니다. 사용자 정의 열에는 다른 유형의 데이터, "방문 횟수 카운터"또는 기타 분석이 포함될 수도 있습니다.

이 게시물에서는 관리자의 테이블 열을 확장하고 사용자 지정하는 데 필요한 두 가지 WordPress 기능을 살펴보고자 합니다. 이러한 기능은 페이지, 게시물 및 사용자 지정 게시물에 적용됩니다.

타겟팅하는 콘텐츠 유형에 상관없이 맞춤 열을 추가하려면 두 단계만 수행하면 됩니다. 첫 번째 단계는 열을 filter에 등록하고 두 번째 단계는 action로 해당 내용을 처리하는 것입니다.

페이지의 사용자 정의 열

이 예에서는 단순하게 유지하고 page_id 열만 추가해 보겠습니다.

1) manage_pages_columns 필터를 추가합니다.

<?php
function add_page_id_column_to_pages( $columns ) {
    $columns['page_id'] = 'Page Id';
    return $columns;
}
add_filter( 'manage_pages_columns', 'add_page_id_column_to_pages' );

2) 추가manage_pages_custom_column 조치:

<?php
function display_page_id( $column, $post_id ) {
    if($column === 'page_id'){
        echo $post_id;
    }
}
add_action( 'manage_pages_custom_column', 'display_page_id', 10, 2);

결과는 다음과 같습니다.

게시물에 대한 사용자 지정 열

이제 게시물 페이지에 추천 이미지 열을 추가해 보겠습니다.

1) Add manage_posts_columns 필터:

<?php
function add_featured_image_thumb( $columns ) {
    $columns['featured_image'] = 'Featured Image';
    return $columns;
}
add_filter( 'manage_posts_columns', 'add_featured_image_thumb' );

2) 동작 추가manage_posts_custom_column

<?php
function display_featured_image( $column, $post_id ) {
    if($column === 'featured_image'){
        echo get_the_post_thumbnail($post_id, [100,100]);
    }
}
add_action( 'manage_posts_custom_column', 'display_featured_image', 10, 2);

결과는 다음과 같습니다.



Alessia Chinazzo에 Unsplash의 추천 이미지 게시

맞춤 게시물의 맞춤 열

맞춤 게시물 유형에 맞춤 열을 추가하는 것은 이전에 본 것과 약간 다릅니다. 우리의 두 함수는 manage_{custom_post_type}_posts_custom_column 다음 형식을 공유합니다.

이 예에서는 멋진 스타일을 사용하여 가짜 "히트 카운터"또는 "조회"열을 추가해 보겠습니다. 우리의 맞춤 게시물은 "광고"가 될 것입니다.

1) "Ads"사용자 지정 게시물 유형을 생성한 후 "Viewed"열을 추가해 보겠습니다.

<?php
function add_visited_column( $columns ) {
    $columns['visited'] = '<span class="dashicons dashicons-chart-line"></span> Visited';
    return $columns;
}
add_filter( 'manage_ads_posts_columns', 'add_visited_column' );

2) 이제 열 내용을 추가합니다.

function display_visits( $column, $post_id ) {
    if($column === 'visited'){
      echo '<span class="counter">1.7k</span>';
    }
}
add_action( 'manage_ads_posts_custom_column', 'display_visits', 10, 2);

실제 프로젝트에서는 이 열을 실제 데이터로 채울 것입니다…

결과는 다음과 같습니다.



Charles Deluvio에 Unsplash이(가) 추천 이미지 게시

✍ 더 많은 게시물 보기:
https://yossiabramov.com/