ガイド/サイトのレイアウト/ヘッダーを編集する

ヘッダーを編集する

ヘッダーとはサイトの上部にある部分を指し、通常はサイトのタイトル、ロゴ、ナビゲーションメニューが表示されます。このガイドでは、サイトのヘッダーをカスタマイズする方法について説明します。

要件

このガイドの手順に従うには、サイトエディターをサポートしているテーマを選択してください。サイトでサイトエディターを使用しているかどうかを簡単に確認するには、サイトのダッシュボードの「外観」「エディター」でチェックします。

動画チュートリアル

コース: WordPress.com でサイトを作成」より

ヘッダーを編集する

ヘッダーをカスタマイズするには、ヘッダーのテンプレートパーツを編集します。このテンプレートパーツを編集すると、このヘッダーが表示されているサイトのすべてのページに変更が適用されます。

ヘッダーのテンプレートパーツにアクセスするには、次の手順に従います。

  1. サイトのダッシュボードにアクセスします。
  2. 「外観」→「エディター」の順に移動し、「サイトエディター」を開きます。
  3. 右側のホームページのプレビューをクリックするか、「パターン」タブを選択して特定のテンプレートパーツをカスタマイズします。
  4. エディターの左上隅にある「リストビュー」ボタンをクリックします。3本の横線が上下に並んでいる形のアイコンです。
  5. リストビューでヘッダーのテンプレートパーツを選択します。
  6. ヘッダー内のコンテンツを追加、削除、整列できるほか、ヘッダーパターンから開始することもできます。

以下のガイドでは、ヘッダー内のコンテンツのレイアウトを編集する方法、新しいコンテンツを追加する方法、特定のページやテンプレートに特定のヘッダーを使用する方法について説明します。

ヘッダーパターンを使用する

あらかじめ作成されたヘッダーブロックパターンを選択すると、プロがデザインした美しいヘッダーレイアウトをすばやく挿入できます。ヘッダーをヘッダーパターンに置き換える方法については、次の手順を参照してください。

  1. 「外観」→「エディター」の順に移動します。
  2. 右側のホームページのプレビューをクリックするか、「パターン」タブを選択して特定のテンプレートパーツをカスタマイズします。
  3. エディターの左上隅にある「リストビュー」ボタンをクリックします。3本の横線が上下に並んでいる形のアイコンです。
  4. リストビューでヘッダーのテンプレートパーツを選択します。
  5. ブロック設定サイドバーで、さまざまな「デザイン」オプションを参照します。
  6. デザインをクリックしてヘッダーに適用します (変更を取り消すことも、別のヘッダーデザインを選択することもできます)。
  7. 「保存」ボタンをクリックして変更を保存します。
ヘッダーを選択した後にエディターサイドバーに表示されるヘッダーパターン。

以下のガイドの手順に従って、サイトのヘッダーをさらにカスタマイズできます。

サイトのヘッダーをカスタマイズする

Copied to clipboard!