サイトエディターを使う

WordPress のサイトエディターを使えば、ヘッダー、フッター、テンプレートなど、サイト全体をコード不要で視覚的に編集できます。このガイドでは、サイトエディターに組み込まれている主要なツールについて説明します。

ブロックテーマを初めて使う方は、テーマ、テンプレート、固定ページの関係をご覧ください。

この動画では、サイトエディターを使ってホームページをカスタマイズする方法を紹介しています。

この動画の言語は英語です。
YouTube には、自分の言語で視聴できる自動翻訳機能があります。

自動翻訳字幕を表示するには：

1. 動画を再生します。
2. 動画右下の ⚙️ 設定 アイコンをクリックします。
3. 字幕/CC を選択します。
4. 自動翻訳 を選択します。
5. 希望する言語を選びます。

自動吹き替え（実験機能）で視聴するには：

1. ⚙️ 設定 アイコンをクリックします。
2. 音声トラック を選択します。
3. 視聴したい言語を選びます。

ℹ️ 翻訳と吹き替えは Google により自動生成されるため、正確でない場合があります。また、自動吹き替えは現在テスト中で、すべての言語で利用できるわけではありません。注: 字幕の文章は Google 翻訳で生成されるため、完全とはいえませんが、内容の把握に役立ちます。

サイトエディターは、テンプレート、ナビゲーションメニュー、固定ページなど、サイトのデザインを変更するためのツールです。

サイトエディターを開くには、次の手順に従ってください。

1. サイトのダッシュボードを開きます。
2. 左側の「外観」にカーソルを合わせるか、クリックします。
3. 「エディター」をクリックします。

「外観」の下に「エディター」が表示されない場合、お使いのテーマはサイトエディターに対応していません。ブロックテーマに切り替えてサイトエディターを利用することをご検討ください。

サイトエディターを開くと、左側にデザインパネルが表示され、以下のオプションが用意されています。

• スタイル: サイトの色、フォント、その他のデザイン要素をカスタマイズします。
• ナビゲーション: サイトのナビゲーションメニューを管理します。
• アイデンティティ: サイトアイコンとサイトロゴを管理します。
• 固定ページ: サイトの各固定ページのコンテンツを編集します。
• テンプレート: サイトコンテンツの構造レイアウトを編集します。
• パターン: テンプレートの小さな部分(ヘッダーやフッターなど)や、作成したパターンを編集します。

右側には、サイトのホームページのプレビューが表示されます。この領域のどこかをクリックすると、左サイドバーが閉じ、ホームページの編集画面が開きます。

サイトエディター右側のプレビューをクリックすると、ホームページの編集画面が開きます。特定の固定ページ、テンプレート、パターンを編集するときも、同じ編集ツールが表示されます。

サイトエディターの上部には、いくつかのオプションがあります。左から右の順に説明します。

1. ナビゲーションを表示: サイトアイコン(まだ設定していない場合はデフォルトの W ロゴ)を1回クリックすると、前のセクションで説明した左サイドバーのオプションに戻ります。もう一度クリックすると、サイトのダッシュボードに戻ります。
2. ブロックインサーター: クリックして新しいブロックを追加します。
3. 元に戻す: 直前の操作を取り消します。
4. やり直す: 「元に戻す」ボタンで取り消した操作をやり直します。
5. リスト表示: ページ上のすべてのブロックを一覧で確認できます。リスト表示は、ページの構造を把握したり、ブロックの編集・移動・削除を行うのに便利です。
6. コマンドセンター: 編集中のテンプレート名が表示されます。クリックすると、サイトのテンプレートを検索できます。
7. 表示: デスクトップ、タブレット、モバイルの各表示サイズで確認できます。「サイトを表示」をクリックすると、変更結果を確認できます。
8. ヘルプセンター: ガイドを検索したり、対象プランではサポートへ問い合わせたりできます。
9. スタイル: 色やフォントなどをカスタマイズします。スタイルについてさらに詳しくはこちら。
10. 設定: 右側の設定サイドバーの表示・非表示を切り替えます。
11. 保存: 変更を保存します。保存についてさらに詳しく。
12. 詳細設定: 追加の設定やツールを開きます。

WordPress エージェントは、カラーパレットの選択からナビゲーションやテンプレートの設計まで、サイト編集のあらゆる段階で頼れるパートナーです。以下に、そのままコピーして使えるプロンプト例を紹介します。

• 「モダンなフードレシピブログに合うカラーパレットとフォントの組み合わせを提案してください。」
• 「ブログとお問い合わせページがあるフリーランスのポートフォリオサイトでは、ナビゲーションをどう構成すればよいですか?」
• 「ミニマルな小規模ビジネス向けサイトに合うヘッダーとフッターのレイアウトを教えてください。」
• 「ホームページを親しみやすく、それでいてプロフェッショナルな印象にしたいのですが、おすすめのレイアウトはありますか?」

サイト編集のさまざまな側面について学べる、便利なリソースやチュートリアルをまとめました。

以下のガイドでは、ブロック編集の基本を解説しています。サイトに追加するコンテンツはすべてブロックとして追加されます。これらのガイドを読めば、ブロックの編集・追加・移動・削除に慣れることができます。

サイトエディターでは、ヘッダー、フッター、コンテンツエリアを含むサイトのテンプレートをデザインできます。以下のガイドでは、サイトエディターでサイトをデザインするための基本的な考え方を紹介しています。