【WordPress】別のWordPressサイトの投稿をREST APIで取得して表示する方法｜キャッシュ・安全な出力

$api_url = 'https://example.com/wp-json/wp/v2/posts?per_page=5'; // 件数を指定

$response = wp_remote_get($api_url, array(
  'timeout' => 10, // 外部が遅いとき固まらないように
));

if (is_wp_error($response)) {
  echo '<p>記事を取得できませんでした。</p>';
} else {
  $posts = json_decode(wp_remote_retrieve_body($response));

  foreach ((array) $posts as $post) {
    echo '<h3><a href="' . esc_url($post->link) . '">'
      . esc_html($post->title->rendered) . '</a></h3>';

    // content.rendered は整形済みHTML → esc_html ではなく wp_kses_post
    echo '<div>' . wp_kses_post($post->content->rendered) . '</div>';
  }
}

function get_external_posts() {
  $cache_key = 'external_posts';
  $cached = get_transient($cache_key);
  if ($cached !== false) {
    return $cached; // キャッシュを返す
  }

  $response = wp_remote_get('https://example.com/wp-json/wp/v2/posts?per_page=5', array(
    'timeout' => 10,
  ));
  if (is_wp_error($response)) {
    return array();
  }

  $posts = json_decode(wp_remote_retrieve_body($response));
  set_transient($cache_key, $posts, HOUR_IN_SECONDS); // 1時間キャッシュ
  return $posts;
}