Fields」の値を取得する方法です。Fields」に対応してくれています。Fields」の値を取得する方法です。GatsbyJSが標準で取得するための仕組みを用意してくれているので、WordPressのプラグインを使いながら簡単に取得することができたりします。API」をインストールしてあげます。Fields」の値を取得するための準備はOKです!「gatsby-source-wordpress」を導入GatsbyJS側でWordPressをデータソースとするための「gatsby-source-wordpress」を導入してあげてください。Fields」を使用するかどうかのオプションが出てきます。true,にしてあげます。オプションの設定場所はgatsby-config.jsです。「gatsby-source-wordpress」関連の部分を抜粋すると以下のような感じです。Fields」の値を表示してみるこれで準備は整いました。Fields」の値を表示してみましょう。developで立ち上がる「http://localhost:8000/___graphql」の値を見てみると、「acf」の各種値が取得できていることが分かります。右側のチェックボックスをポチポチしてacfをクエリにセットしてみます。Exporter」を選択すると、Reactで表示されるためのコードを取得することができます。これをとりあえず、src/page内に配置してページとして確認してみましょう!test.jsって名前で作りました。GatsbyJSは「page」内に配置したファイル名がURLになる仕組みなので、これで「http://localhost:8000/test/」としてアクセスできるようになります。値を取得するためのコードは改変していますが、以下のように出力してみました。graphqlの部分は基本的にはそのまま使います。Fields」の値を取得する方法でした。大枠の流れとしては、以下の2つですね。Fields」にちゃんと対応しているところが素晴らしいですね...。心置きなくGatsbyJSで移行ができます。リンクこのページが役に立ったらいいね!お願いします運営の励みになります...。前の記事WordPressで自作プラグインを作り方!公式にアップしなくてもプラグ...はにわまんWordPressが好きなフリーのWebコーダー。300件以上のWordPressカスタマイズを対応してきました。