サイトエディター

サイトエディターは、ブロックエディターユーザーが、サイト全体をブロックで構築できる新しい機能です。新しいテーマブロックと、新しいスタイルシステムを使用してカスタマイズできます。この機能はブロックテーマを使用しているコンテンツ制作者のみが利用できます。サイトエディターを使用した変更のほとんどはサイト全体に適用されます。

サイトエディターにアクセスするには

この機能を利用するには、ブロックテーマを使用する必要があります。サイトでブロックテーマを有効化すると、「外観」メニューのオプションが変わり、「エディター（ベータ）」オプションが表示されます。このオプションを選択すると、サイトエディターシステムが開きます。

トップ ↑

サイトエディターの使い方

スタイルの編集方法

サイトエディターの使用中、サイトやブロックのスタイル設定を表示するには、管理画面の「外観」 > 「エディター（ベータ）」にアクセスします。ブロック設定のサイドバーの横に、スタイルアイコンが表示されます。スタイルは、編集中のテンプレートやテンプレートパーツに関係なく使用できます。

「スタイル」セクションでは、色やタイポグラフィなど、サイト全体の設定を変更できます。また、ブロックのサイト全体の外観も変更できます。

スタイルの使い方については、サポート記事「スタイルの概要」を参照してください。

コンテンツのカスタマイズ方法

サイトエディターでは、これまで使用していたすべてのブロックに加え、「テーマブロック」と呼ばれる新しいブロックを使用できます。これらのブロックを使用すると、ナビゲーションブロックによるメニューの作成から、サイトタイトルの表示や編集など、あらゆることが可能です。テーマブロックの全リストはこちらで参照できます。

テンプレート、テンプレートパーツ間での表示方法

「外観」 > 「エディター（ベータ）」を開くと、ホームページが使用しているテンプレートが表示され、異なるテンプレートやテンプレートパーツに切り替えられます。表示内容を切り替えるには、WordPress のアイコンをクリックします。ダッシュボード、テンプレートリスト、テンプレートパーツリストに戻るか、トップページの編集に戻るかを選択できます。

テンプレートの管理方法

テンプレートとは、ウェブページのデザインを作成するために組み合わされた、ブロックのグループです。カスタムテンプレートを作成したり、テーマやプラグインで提供されるテンプレートを使用できます。テンプレートに変更を加えると、エディターはそのテンプレートを使用するすべてのページや投稿のブロックを更新します。ページや投稿のテンプレートは、投稿コンテンツブロックを使用してコンテンツを表示します。

テンプレートの詳細については、サポート記事「テンプレートエディター」を参照してください。

テンプレートパーツの管理方法

テンプレートパーツは、ウェブページのさまざまな領域を管理するブロックです。フッターやヘッダーなど、再利用可能なアイテムの構造を設定します。主にサイトの構成に使用されることを意図しています。

テンプレートパーツの詳細については、サポート記事「テンプレートパーツ」を参照してください。

ダッシュボードへの戻り方

ダッシュボードに戻るには、WordPress のアイコンをクリックしてサイトエディタナビゲーションを開き、「ダッシュボード」オプションを選択します。これで、管理画面に戻ることができます。

トップ ↑

ホームページの表示内容を更新する方法

ホームページには、最新のブログ記事のリストや、カスタムコンテンツを含む静的なページを表示できます。どちらの設定を使うかは、テーマに含まれるテンプレートによって異なります。テンプレートの一覧は、管理画面の「外観」 > 「エディター（ベータ）」 > 「テンプレート」で確認できます。

• 使用中のテーマに「ホームページ」や「フロントページ」テンプレートがない場合、「新規追加」ボタンを選択し、「フロントページ」を新規に作成します。
• テーマに「フロントページ」テンプレートがある場合は、テンプレート名のリンクをクリックしてエディターを開きます。
• テーマに「ホーム」テンプレートがある場合は、管理画面の「設定」 > 「表示設定」でテンプレートを編集したり、表示する内容を設定できます。

ホームページに静的ページを選択する方法については、サポート記事「静的フロントページの作成」をご覧ください。

トップ ↑

ホームページのカスタマイズ方法

最新のブログの投稿

ブログをカスタマイズするには、管理画面の「外観」 > 「エディター（ベータ）」にアクセスします。エディターがホームページを開き、編集を始められます。

ブロックテーマは、クエリーループブロックと投稿テンプレートブロックを使用してブログ記事の一覧を表示します。クエリーループブロックのサポート記事で、ブロックの設定方法を解説しています。

投稿テンプレートブロックの中にブロックを追加すると、リスト内のすべての投稿に対して、そのブロックが繰り返されます。ブログをカスタマイズするには、投稿タイトル、投稿のアイキャッチ画像、投稿者、投稿日、投稿カテゴリー、投稿タグなどのブロックを使用できます。

静的ページ

ホームページに静的ページを選択し、他のページと異なるデザインにする場合は、別のテンプレートを割り当てる必要があります。

既存のテンプレートを割り当てるには次の手順に従ってください。

1. 管理画面で「固定ページ」 > 「固定ページ一覧」にアクセスする。
2. 固定ページの一覧から、ホームページとして設定したページを選択する。
3. エディターで、「設定」サイドバーを開く。
4. 「テンプレート」で、ホームページに使用するテンプレートを選択する。
5. 「更新」を選択して、変更を保存する。

新しいテンプレートを作成するには、次の手順に従ってください。

1. 管理画面で「固定ページ」 > 「固定ページ一覧」にアクセスする。
2. 固定ページの一覧から、ホームページとして設定したページを選択する。
3. エディターで、「設定」サイドバーを開く。
4. 「テンプレート」で、「新規」を選択する。
5. これは (執筆中)
6. 「更新」を選択して、変更を保存する。

注意: サイトエディターでフロントページテンプレートを追加した場合、管理画面の「設定」 > 「表示設定」からどの設定を選んでも、常にフロントページとして使用されます。テンプレートをカスタマイズするか、削除してホームページの設定を再調整する必要があります。

トップ ↑

サイトアイコンの更新方法

ブロックテーマではサイトログブロックを使用できますが、このブロックには、サイトアイコンとしてサイトロゴを設定するオプションが組み込まれています。サイトロゴは設定したロゴを単純に表示します。サイトアイコンは favicon (ファビコン) とも呼ばれ、サイトを識別するために使用されます。サイトアイコンや favicon の設定の詳細については、サポート記事「favicon の作成」を参照してください。

サイトロゴとサイトアイコンで同じ画像を使用するには次の手順に従ってください。

1. 「外観」 > 「エディター (ベータ)」にアクセスする。ホームページが開きます。
2. テーマで追加されたサイトロゴブロックを探すか、好きなものを追加する。ブロックを追加する詳細な手順についてはこちらを参照してください。
3. オプションが表示され、画像をアップロードするか、メディアライブラリーから選択する。
4. 画像を選択したら、サイトロゴブロックを選択し、歯車アイコンをクリックしてブロック設定サイド場を開く。
5. サイトロゴブロックの設定で、「サイトアイコンとして使用する」をオンにする。
6. 変更を保存する。

トップ ↑

ツール

サイトエディターを使用する際に便利なツールを紹介します。

リストビュー

リストビューは、コンテンツの階層やネストされたブロックの間を移動する際に役立ちます。リストビューは、複雑なブロックをナビゲートし、求めるブロックを的確に選択し、コンテンツを構成するすべてのブロックを一度に簡単に表示する究極のツールです。サイト全体を編集する際に、非常に役立ちます。

リストビューの詳細については、サポート記事「リストビュー」を参照してください。

ブロックパターン

ブロックパターンは、あらかじめ定義されたブロックのコレクションで、投稿やページに挿入し、独自のコンテンツでカスタマイズできます。WordPress で使用可能な標準のパターンもありますが、しばしばブロックテーマにバンドルされます。

ブロックパターンの詳細については、サポート記事「ブロックパターン」を参照してください。

テンプレートとテンプレートパーツのエクスポート

「ツール」 > 「エクスポート」オプションと同様に、サイトエディターで作成したものをエクスポートするオプションがあります。現在は、テンプレートとテンプレートパーツのみをエクスポートします。

テンプレートとテンプレートパーツをエクスポートするには次の手順に従ってください。

1. 「外観」 > 「エディター (ベータ)」にアクセスし、サイトエディターを開きます。
2. スタイルとブロック設定オプションの隣の縦の三点リーダーを選択します。
3. 「ツール」の下で「エクスポート」を選択します。
4. エクスポートが始まり、テンプレートとテンプレートパーツを zip したファイルがダウンロードされます。

トップ ↑

関連リンク

• Learn WordPress コース: フルサイト編集を使用したシンプルなサイトのデザイン