メインコンテンツにスキップ

ページヘッダー画像を編集する

ページ上部に表示される画像を追加、変更、または削除して、ビジュアルの印象を設定します。

対応者:Brian
今日アップデートされました

ページヘッダー画像を編集する

ページ上部に表示される画像を追加、変更、または削除して、ビジュアルの印象を設定します。

ヘッダー画像はページ上部に表示され、ゲストが読み始める前の雰囲気を作り出します。どのページでもヘッダー画像を追加、変更、削除できます。

ヘッダー画像の役割

視覚的なインパクトを生み出します。 美しい写真でゲストをページに迎えます。

ムードを演出します。 旅行ページにはビーチの写真、イベントページには会場の写真などが合います。

テキストの区切りになります。 サイトに視覚的な面白さを加えます。

各ページを個性的にします。 ページごとに異なる雰囲気を持たせられます。

ページヘッダー画像を編集する方法

  1. メインナビゲーションからウェブサイトに移動します

  2. ページセクションを探します

  3. 編集したいページをクリックします

  4. ヘッダー画像またはカバー画像設定を探します

  5. 新しい画像をアップロードするか、既存の画像から選択します

  6. 変更を保存をクリックします

そのページのヘッダー画像が更新されます。

ヘッダー画像の選び方

高画質のものを選びましょう。 ヘッダー画像は大きく表示されます。高解像度の写真を使用してください。

適切な寸法を選びましょう。 横長の画像が最も適しています。縦長や正方形の画像は切り取られて不自然に見える場合があります。

ページの内容に関連するものを選びましょう。 旅行ページなら目的地の写真、ストーリーページならふたりの写真などです。

ごちゃごちゃしすぎないものを選びましょう。 シンプルな画像のほうが背景として機能します。

コントラストに配慮しましょう。 テーマがヘッダー上にテキストを重ねる場合、テキストが読みやすいか確認します。

ヘッダー画像のよくある使い方

ホームページ: お気に入りのエンゲージメント写真。

旅行ページ: 街のスカイラインや会場の外観。

イベントページ: 会場内や挙式会場の写真。

ふたりのストーリーページ: ふたりが自然体で写った写真。

写真ページ: ページ全体が写真なので、ヘッダーはなくてもよいかもしれません。

素敵なヘッダー画像のヒント

モバイルでテストしましょう。 ヘッダー画像はスマートフォンでは異なる切り抜かれ方をすることがあります。重要な部分が表示されるか確認します。

テキストの配置を考慮しましょう。 テーマがヘッダー画像上にページタイトルを表示する場合、そのためのスペースがあるか確認します。

関連性を保ちましょう。 冬の結婚式のページにビーチの写真を使うのは、ビーチが実際に結婚式の一部でない限り避けましょう。

ファイルサイズに注意しましょう。 巨大な画像ファイルはサイトを遅くします。アップロード前に圧縮してください。

ヘッダー画像の削除

特定のページでヘッダーを使いたくない場合は削除できます。

  1. ページ設定を編集します

  2. ヘッダー画像フィールドを探します

  3. 画像を削除またはクリアをクリックします

  4. 変更を保存をクリックします

ページはヘッダー画像なしで表示されます。代わりに何が表示されるかはテーマによって決まります(ページタイトルだけになる場合や、何も表示されない場合があります)。

ヘッダー画像と背景画像の違い

ヘッダー画像: ページ上部に表示されます。

背景画像: ページコンテンツ全体の背後に表示できます。

これらは異なる設定です。テーマによっては両方を使用できます。

ページごとのカスタマイズ

各ページに独自のヘッダー画像を設定できます。ホームページには1つの写真、旅行ページには別の写真、イベントページにはまた別の写真、といった具合に自由に組み合わせられます。

または、すべてのページで同じヘッダー画像を使用して一貫性を持たせることもできます。お好みでお選びください。

テーマとの互換性

ヘッダー画像の見え方はテーマによって異なります。テーマによっては全幅で表示されたり、枠内に収まったりします。テキストを重ねるテーマもあれば、そうでないテーマもあります。ページをプレビューして、テーマがヘッダーをどう扱うかをご確認ください。

ヘッダー画像の更新

ヘッダー画像はいつでも変更できます。季節に合わせた写真に差し替えたり、エンゲージメントフォトセッション後にプロの写真に更新したり、単に気分を変えたりできます。

ヘッダー画像は、結婚式ウェブサイトに個性と視覚的な面白さを加える手軽な方法です。

こちらの回答で解決しましたか?