サイトエディターを使用する

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

この動画の言語は英語です。
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. 追加オプション: 追加の設定とツールを開きます。

サイト編集のあらゆる側面に関する詳細については、次のリソースとチュートリアルをご覧ください。

以下のガイドでは、ブロック編集の基本について説明します。サイトに追加する各コンテンツは、1つのブロック内に含まれます。以下のガイドは、ブロックの編集、追加、移動、削除に慣れるのに役立ちます。

サイトエディターでは、ヘッダー、フッター、コンテンツエリアなどのサイトのテンプレートをデザインできます。次のガイドでは、サイトエディターでサイトをデザインする際の基本概念について紹介します。