WordPressのフルサイト編集とは？
最終更新日:
WordPressに実装される予定のフルサイト編集（FSE）について解説しています。FSEに対応しているテーマの紹介や、実際にフルサイト編集を試す方法も説明しています。
フルサイト編集とは何ですか？
フルサイト編集（Full Site Editing）とは、ヘッダーやフッター・サイドバーなどサイトのすべてのパーツをブロックエディターで編集できる機能です。
Full Site Editingの頭文字をとってFSEとも呼ばれます。WordPress 5.8以降、フルサイト編集に対応したテーマをインストールすることで使用できる予定です。
フルサイト編集は、サイト運営者にとってはコードを書かなくてもWebサイトのデザインを変更できるメリットがあります。
フルサイト編集に対応したテーマ
WordPress公式テーマディレクトリで「Full Site Editing」で絞り込むと、下記の4つのテーマがフルサイト編集に対応しています。
フルサイト編集をテストする方法
WordPress 5.7でフルサイト編集を試す方法は以下の通りです。
現状、フルサイト編集は実験中の機能のため本番で運用しているサイトでは試さないでください。ローカル環境で試しましょう。
ローカル環境を用意する
ローカル環境を構築する手順を以下の記事で解説しています。Localのダウンロードからセットアップまでを説明しています。
WordPressをローカル環境にインストールする方法
プラグインをインストールする
フルサイト編集を試すには「Gutenberg」プラグインが必要です。
「Gutenberg」の今すぐインストールをクリックします。
有効化をクリックします。
テーマをインストールする
フルサイト編集に対応したテーマ「TT1 Blocks」を例に説明します。
- 「TT1 Blocks」で検索します。
- インストールをクリックします。
有効化をクリックします。
サイトエディター（ベータ）を開く
「Gutenberg」と「TT1 Blocks」を有効化すると管理画面のメニューにサイトエディター（ベータ）が追加されます。
フルサイト編集をするにはサイトエディター（ベータ）をクリックします。
インデックスページが表示されます。
インデックスページのヘッダーなどを編集することができます。
- リスト表示をクリックします。
- 編集したいエリア（例：Header）をクリックします。
画面右側でヘッダー部分が選択されました。
インデックスページ以外のテンプレートも編集できます。
- ロゴをクリックします。
- テンプレート（例：個別投稿）をクリックします。
個別投稿ページが表示されました。
