React.jsを使ってヘッドレスWordPressサイトを構築する方法
React.jsを使ってヘッドレスWordPressサイトを構築する方法 WordPressは、最も人気のあるコンテンツ管理システム（CMS）の1つで、インターネット全体の41%に相当する8億1千万人が利用しています。シンプルでユーザーフレンドリー、多様なカスタマイズオプション、プラグインやその他のリソースの強力なエコシステムを誇り、ウェブサイトを素早く構築したい人にとって優れた選択肢となっています。 WordPressを最大限に活用する方法のひとつが、ヘッドレス化です。 ヘッドレスCMSは、ヘッドレスシステムとも呼ばれ、コンテンツの管理に使用されるバックエンドCMSの一種です。ヘッドレスCMSのAPIを呼び出すだけで、あらゆるシステムやウェブサイトにコンテンツを統合することができます。 ただし、この手法を選択する際には、フロントエンドを別途管理する必要があります。そこで登場するのがAPI
REST APIを利用し、WordPressのフロントエンドをReactで構築する - Qiita
まえがき 2020.6.11投稿 WordPressの管理画面で 記事を投稿したりコンテンツを編集する機能はクライアント向けに残しておきたい。 しかしフロントエンドはモダンjsフレームワークであるReactを利用しSPAとしたい。 これが本記事の目的です。 この記事でできるようになること ・WordPressのフロントエンドを、Reactで組めるようになる ・WP REST APIをReactで使えるようになる ・カスタムフィールドの内容をReactでどう取得して出力するかわかる ・Reactでタブコンテンツを実装できるようになる ・Reactでハンバーガーメニューを実装できる ・json形式のデータをmapで出力できる ハンバーガーメニューはReactでclass名をtoggleしています。 cssは適宜用意してください。 タブコンテンツも同様です。 ※参考ハンバーガーボタン ※参考タブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
