ページヘッダーを配置する

サイトの各ページにヘッダーを設定します。画像とテキストを9マスのグリッドに配置し、文言・フォント・サイズ・色を選びます。

チームのオーナーと管理者向け · 14ステップ

事前に必要なもの

チームがサイトのサブスクリプションに加入していること。無料チームの管理には、ページの代わりにサイトを作成が表示されます。
あなたがチームのオーナーまたは管理者であること。
テンプレートを選んでいること。テンプレートを選ぶを見てください。選ぶまでは、ページにページヘッダーのリンクは表示されません。

手順

ステップ1: ページを開く
チームの管理で、左のメニューのページを押します。
こうなります：ページというタイトルの画面に、サイトのすべてのページが一覧表示されます。
ステップ2: ページヘッダーを開く
画面上部のページヘッダーを押します。各ページのエディターにもショートカットがあります：このページのヘッダーを編集。
こうなります：ページヘッダーというタイトルの画面に、サイトの各ページのタブ（ホーム、チーム、ニュース、試合、大会、動画、概要、ストア）が並びます。その下に、サイトでの表示どおりのヘッダーが9マスのグリッドの上に表示されます。
ステップ3: ページを選ぶ
変更したいページのタブを押します。例：ホーム。
ページごとに専用のヘッダーがあります。画像とテキストブロックでできていて、ページの最初に表示されます。タイトルが空なら、そのページ名が表示されます（ホームではチーム名）。ホームのヘッダーを保存するまでは、ホームページの画像とキャッチコピーが使われます。
こうなります：そのページのヘッダーが表示され、テキストブロックにテキストのハンドルが付きます。
ステップ4: 画像ブロックを選ぶ
右のパネルで画像を押します。
こうなります：パネルのタイトルが画像ブロックに変わり、その下に画像の欄が表示されます。
ステップ5: 画像を選ぶ
画像を選択を押します（画像を設定済みなら置き換えと表示されます）。開いた画面で、チームがアップロード済みの画像を選ぶか、アップロードで追加します（JPEG、PNG、WebP、AVIF、5 MBまで）。代替テキストを入力して、挿入を押します。
**画像はトリミングされず、全体がそのまま表示されます。**透明な背景も透明のままなので、透過PNGもきれいに使えます。ヘッダーから画像を外すには、削除を押します。
こうなります：ヘッダーに画像が表示され、画像のハンドルが付きます。
ステップ6: 画像のサイズを選ぶ
サイズで、S、M、L、全面のどれかを押します。
全面を選ぶと、画像はテキストの背後に置かれ、ヘッダー全体に広がります。
こうなります：ヘッダーの画像が大きく、または小さくなります。
ステップ7: 画像を動かす
画像のハンドルを9マスのどれかにドラッグします。または、ハンドルを押してから矢印キーを使います。1回押すごとに1マス動きます。Enter か Space を押して持ち上げ、矢印キーで動かし、もう一度 Enter か Space を押して置くこともできます。
テキストブロックも同じように動かせます。両方を同じ側に置くと重なります。どう重なるかはエディターでそのまま確認できます。
こうなります：画像が新しいマス（例：右上）に移動します。
ステップ8: タイトルとサブタイトルを書く
パネルでテキストを押します。タイトル（60文字まで）とサブタイトル（120文字まで）を入力します。
タイトルを空にすると、ページ名が表示されます。サブタイトルは任意です。ただしホームは別です：ホームのヘッダーを一度保存すると、サブタイトルがないとサイトを公開できません。
こうなります：入力した文字がそのままヘッダーに表示され、各欄の下に文字数が表示されます。
ステップ9: フォントを選ぶ
フォントでリストを開き、フォントを選びます。テーマのフォントを選ぶと、テンプレートのフォントのままになります。
タイトルとサブタイトルで、それぞれ別のフォントを設定できます。
こうなります：ヘッダーの文字が新しいフォントになります。
ステップ10: サイズを選ぶ
サイズで、S、M、L、XL のどれかを押します。
こうなります：ヘッダーの文字が大きく、または小さくなります。
ステップ11: 色を選ぶ
色で、4つの色見本のどれかを押します：テーマの文字色、アクセント、白、黒。
テーマの文字色とアクセントは、外観で設定した色に合わせて変わります。白や黒は、暗い画像や明るい画像の上で読みやすくなります。
こうなります：文字が新しい色になります。
ステップ12: スマホで確認する
ヘッダーの上のスマホを押します。戻るにはデスクトップを押します。
スマホでは、画像はテキストの上に表示されます。どのマスを選んでいても同じです。
こうなります：ヘッダーがスマホの幅に狭まります。
ステップ13: 保存する
エディター下部の保存を押します。変更したすべてのタブが保存されます。タブの点は、未保存の変更があるという印です。
保存したヘッダーは下書きに入ります。公開するまで訪問者には見えません。ホームのヘッダーを保存すると、ホームの画像とキャッチコピーはここで管理されます。ホームのエディターでは、その場所にヘッダーを編集が表示され、ボタンはホームのエディターに残ります。
こうなります：「保存しました」と表示されます。
ステップ14: サイトを公開する
左のメニューの公開を押して公開します。サイトを公開するを見てください。
こうなります：公開前の変更一覧にページヘッダーが表示され、公開後はサイトに新しいヘッダーが表示されます。