WP Rest API - Как получить изображение записи

Я НЕ рекомендую использовать плагин Better REST API. Хоть он и добавляет изображения записи в REST API, но также может его сломать.

Вот самое простое решение, которое действительно работает. Добавьте следующий код в ваш functions.php:

<?php

function post_featured_image_json( $data, $post, $context ) {
  $featured_image_id = $data->data['featured_media']; // получаем ID изображения записи
  $featured_image_url = wp_get_attachment_image_src( $featured_image_id, 'original' ); // получаем URL изображения в оригинальном размере

  if( $featured_image_url ) {
    $data->data['featured_image_url'] = $featured_image_url[0];
  }

  return $data;
}
add_filter( 'rest_prepare_post', 'post_featured_image_json', 10, 3 );

Вы можете получить имя изображения по следующему пути:

array_name._embedded['wp:featuredmedia']['0'].source_url

Ознакомьтесь с плагином под названием Better REST API Featured Image. Он добавляет URL изображения записи к стандартному ответу REST API.

Я создал сокращение для своего изображения, добавив его напрямую в ответ API.

//Добавляем в functions.php, этот хук предназначен для моего типа записи 'regions'
add_action( 'rest_api_init', 'create_api_posts_meta_field' );

function create_api_posts_meta_field() {
  register_rest_field( 'regions', 'group', array(
         'get_callback'    => 'get_post_meta_for_api',
         'schema'          => null,
      )
  );
}

//Используем ID записи для получения изображения и добавления его в ответ
function get_post_meta_for_api( $object ) {
  $post_id = $object['id'];
  $post_meta = get_post_meta( $post_id );
  $post_image = get_post_thumbnail_id( $post_id );      
  $post_meta["group_image"] = wp_get_attachment_image_src($post_image)[0];

  return $post_meta;
}

Вставьте этот код в файл functions.php вашей темы и используйте ключ featured_image_url для изображения записи.

function post_featured_image_json( $data, $post, $context ) {
  $featured_image_id = $data->data['featured_media']; // получаем ID изображения записи
  $featured_image_url = wp_get_attachment_image_src( $featured_image_id, 'original' ); // получаем URL изображения в оригинальном размере

  if( $featured_image_url ) {
    $data->data['featured_image_url'] = $featured_image_url[0];
  }

  return $data;
}
add_filter( 'rest_prepare_post', 'post_featured_image_json', 10, 3 );

Попробуйте следующий способ ....................

URL: /wp-json/wp/v2/posts?_embed

Изображение: json["_embedded"]["wp:featuredmedia"][0]["source_url"],

Это работает корректно. Попробуйте.

Я установил плагин Yoast SEO и обнаружил, что URL избранного изображения доступен там. После URL: /wp-json/wp/v2/posts?_embed

Вы можете найти избранное изображение в: yoast_head_json > robots > og_image > url

1. Установите плагин Yoast SEO

2. Получение данных из WordPress REST API в JavaScript

    async function fetchPosts() {
    const responce = await fetch('https://example.com/wp-json/wp/v2/posts');
    return responce.json();}
   

3. Отображение 10 изображений в HTML (используется ID = posts в .html файле)

    (async () => {
    var images = '';
    for (var i = 0; i < 10; i++) {
        var obj = `<img src = '${(await fetchPosts())[i].yoast_head_json.og_image[0].url}' width="500" alt="Изображение поста" title="Изображение поста"></img>`;
        images += obj;
        document.getElementById('posts').innerHTML = `${images}`
    }})()