WordPress 在任何位置列出指定文章：WP_Query 寫法，外站用 REST API 讀文章

// 短代碼 [zw_posts category="最新消息" count="5"]：列出指定分類的最新文章
add_shortcode( 'zw_posts', function ( $atts ) {
	$atts = shortcode_atts( array(
		'category' => '',     // 分類的代稱；中文分類名稱直接寫也可以
		'count'    => 5,      // 幾篇
		'orderby'  => 'date', // date 發佈日、modified 更新日、rand 隨機
	), $atts );

	$query = new WP_Query( array(
		'post_type'           => 'post',
		'posts_per_page'      => min( 20, max( 1, absint( $atts['count'] ) ) ),
		'category_name'       => sanitize_title( $atts['category'] ),
		'orderby'             => in_array( $atts['orderby'], array( 'date', 'modified', 'rand' ), true ) ? $atts['orderby'] : 'date',
		'ignore_sticky_posts' => true,
		'no_found_rows'       => true,
	) );

	if ( ! $query->have_posts() ) {
		return '';
	}
	$html = '<ul class="zw-posts">';
	while ( $query->have_posts() ) {
		$query->the_post();
		$html .= '<li><a href="' . esc_url( get_permalink() ) . '">' . esc_html( get_the_title() ) . '</a>'
			. ' <time datetime="' . esc_attr( get_the_date( 'c' ) ) . '">' . esc_html( get_the_date() ) . '</time></li>';
	}
	wp_reset_postdata();
	return $html . '</ul>';
} );

[zw_posts category="最新消息" count="5"]

https://你的網址/wp-json/wp/v2/posts?per_page=5&_fields=title,link,date

<ul id="news-list"></ul>

<script>
// 換成對方 WordPress 網站的網址；per_page 是篇數
const api = 'https://example.com/wp-json/wp/v2/posts?per_page=5&_fields=title,link,date';

fetch(api)
  .then((res) => res.json())
  .then((posts) => {
    const list = document.getElementById('news-list');
    posts.forEach((post) => {
      const li = document.createElement('li');
      const a = document.createElement('a');
      a.href = post.link;
      // 標題可能有 &amp; 這類符號，先轉回一般文字
      a.textContent = new DOMParser().parseFromString(post.title.rendered, 'text/html').body.textContent;
      li.append(a, ' ', new Date(post.date).toLocaleDateString('zh-TW'));
      list.append(li);
    });
  })
  .catch(() => {
    document.getElementById('news-list').textContent = '最新消息暫時讀不到，請稍後再試。';
  });
</script>

// 短代碼 [zw_remote_posts]：讀另一個 WordPress 網站的最新文章，存一小時快取
add_shortcode( 'zw_remote_posts', function () {
	$api   = 'https://example.com/wp-json/wp/v2/posts?per_page=5&_fields=title,link,date'; // 換成對方網站的網址
	$posts = get_transient( 'zw_remote_posts' );

	if ( false === $posts ) {
		$response = wp_remote_get( $api, array( 'timeout' => 5 ) );
		$posts    = array();
		if ( ! is_wp_error( $response ) && 200 === wp_remote_retrieve_response_code( $response ) ) {
			$posts = (array) json_decode( wp_remote_retrieve_body( $response ), true );
		}
		// 讀不到也存起來，10 分鐘後再試，不要每個訪客都去等對方網站
		set_transient( 'zw_remote_posts', $posts, $posts ? HOUR_IN_SECONDS : 10 * MINUTE_IN_SECONDS );
	}

	if ( ! $posts ) {
		return '';
	}
	$html = '<ul class="zw-remote-posts">';
	foreach ( $posts as $post ) {
		$title = wp_strip_all_tags( html_entity_decode( $post['title']['rendered'] ?? '', ENT_QUOTES, 'UTF-8' ) );
		$html .= '<li><a href="' . esc_url( $post['link'] ?? '' ) . '">' . esc_html( $title ) . '</a></li>';
	}
	return $html . '</ul>';
} );