WordPress REST API入門：JavaScriptでブログデータを取得・表示！Gutenbergブロック作成にも応用

WordPress REST APIは、外部からWordPressのコンテンツにアクセスするための強力なインターフェースです。このAPIを活用することで、JavaScriptなどを用いて柔軟なデータ操作や表示が可能になります。

JavaScriptのfetch APIやライブラリAxiosを使えば、ブログデータを簡単に取得できます。例えば、投稿データを取得する基本的なコードは以下のようになります。

fetch('/wp-json/wp/v2/posts')
  .then(response => response.json())
  .then(data => console.log(data));

このように取得したデータは、カスタムGutenbergブロック内で動的に表示する際に応用できます。Reactコンポーネントと組み合わせることで、よりインタラクティブなブロックを作成し、WordPressをヘッドレスCMSとして活用する道も開けます。

さらに、認証を伴うデータの更新や、独自の機能を提供するカスタムエンドポイントの作成も可能です。これらの応用的な使い方を習得することで、WordPress連携の可能性は大きく広がります。