Home IT/WEB wordpress rest api 에 tag id 와 tag name 포함시키는 방법

wordpress rest api 에 tag id 와 tag name 포함시키는 방법

wordpress rest api 의 tags 값을 확인하면 아래와 같이 tag 의 id 값을 응답 받을 수 있다.
내가 원하는 형태는 tags : [{id : 11, name: markettraders},{id : 4, name: google}] 이런 형태를 원한다. 태그의 목록을 출력하고 싶은데 tag의 id 값 밖에 없어서 추가 설정이 필요로 한다.

inline ad
"tags": [
      11,
      4
],

아래의 포스트글에는 tag name 만 추가하는 방법을 알려준다.

function ag_filter_post_json($response, $post, $context) {
    $tags = wp_get_post_tags($post->ID);
    $response->data['tag_names'] = [];

    foreach ($tags as $tag) {
        $response->data['tag_names'][] = $tag->name;
    }

    return $response;
}

add_filter( 'rest_prepare_post', 'ag_filter_post_json', 10, 3 );

하지만 내가 원하는 형태는 id, name 이 포함되어 있는 형태여서 위의 구문을 참고하여 수정하였다.
커스텀 포스트타입의 경우 rest_prepare_post 를 rest_prepare_(custom post type name) 이런 형태로 커스텀 포스트 타입을 적어주면 된다.

add_filter( 'rest_prepare_post', 'ag_filter_post_json', 10, 3 );

function ag_filter_post_json($response, $post, $context) {
    $tags = wp_get_post_tags($post->ID);
    $response->data['tag'] = array();
    $array_tag = array();

    foreach ($tags as $tag) {
        $array_tag['name'] = $tag->name;
        $array_tag['id'] =  $tag->term_id;
        $response->data['tag'][] = $array_tag;
    }
    return $response;
}

위 구문을 function.php 에 입력하고 rest api 주소로 요청하면 아래와 같은 형태로 응답 받을 수 있다.

"tag": [
      {
        "name": "aaa",
        "id": 11
      },
      {
        "name": "bbb",
        "id": 4
      }
    ],

———————————————————————————————–
2021-03-08 추가

위의 구문 조금 변경하였습니다. 태그와 카테고리 텍소노미에 대해서 id, name 을 추가하였습니다.

// 포트폴리오 텍소노미(category, tags) rest api 추가
add_filter( 'rest_prepare_portfolio', 'portfolio_taxonomy_json', 10, 3 );
function portfolio_taxonomy_json($response, $post, $context)
{
    $tags = wp_get_post_terms($post->ID, 'portfolio_tag');
    $categories = wp_get_post_terms($post->ID, 'portfolio_category');

    $response->data['portfolio_tags'] = array();
    $response->data['portfolio_categories'] = array();
    $array_tag = array();
    $array_category = array();

    foreach ($tags as $tag) {
        $array_tag['name'] = $tag->name;
        $array_tag['id'] = $tag->term_id;
        $response->data['portfolio_tags'][] = $array_tag;
    }
    foreach ($categories as $category) {
        $array_category['name'] = $category->name;
        $array_category['id'] = $category->term_id;
        $response->data['portfolio_categories'][] = $array_category;
    }
    return $response;
}

RECENT POSTS

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...