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

ヘッダー画像を編集するにはどうすればよいですか?

結婚式ウェブサイトの上部にあるヘッダー画像を変更して、独自の写真を掲載したり、ヒーローエリアをカスタマイズしたりできます。

ヘッダー画像を編集するにはどうすればよいですか?

結婚式ウェブサイトの上部にあるヘッダー画像を変更して、独自の写真を掲載したり、ヒーローエリアをカスタマイズしたりできます。
​

簡単な回答: ウェブサイト > ビルダーに移動してサイト設定を開き、ヘッダータブで新しい画像をアップロードします。
​

ヘッダー画像を変更する

  1. ウェブサイト > ビルダーに移動します

  2. サイト設定をクリックします

  3. ヘッダータブをクリックします

  4. ヘッダー画像の下にあるヘッダー画像をアップロード(幅1280px)をクリックします(すでに画像がある場合は、先に削除をクリックしてから差し替えます)

  5. 写真を選択します

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

ヘッダー画像は、ホームページの上部、おふたりの名前の上に表示されます。
​

別の方法

ウェブサイトのプレビューでヘッダーを直接クリックすることもできます:
​

  1. ウェブサイトプレビューのヘッダーにあるおふたりの名前にカーソルを合わせます

  2. Edit headerをクリックします

  3. サイト設定がヘッダータブで開き、ヘッダー画像をアップロードまたは変更できます

特定のページだけ別のヘッダー画像を使うには、そのページのページ設定を開き、ヘッダー画像で画像をアップロードします。
​

推奨される画像サイズ

  • 幅: アップロードボタンに記載のとおり、1280ピクセル以上

  • 高さ: 決まった高さはありません。画像全体が元の比率のまま全幅で表示されるため、トリミングされません

  • アスペクト比: 縦長の写真はヘッダーも縦長になるため、横向きが最適です

  • ファイルサイズ: 読み込みを速くするため5MB未満

ヘッダーレイアウトオプション

ヘッダータブでは、次の設定もできます:
​

  • ヘッダーに名前を表示するで名前の表示・非表示を切り替える

  • ヘッダーに結婚式の日付を表示するで結婚式の日付を表示する

  • ヘッダーのカスタムロゴでテキストの代わりにカスタムロゴを追加する

  • 名前の背後にヘッダーの背景を追加し、画像に白文字を重ねるにチェックを入れると、ヘッダーのテキストをその上に白で表示できます

ヒント

  • 画像全体がスマートフォンの画面に合わせて縮小されるため、細かい部分はモバイルでは小さく表示されます

  • モバイルプレビューでヘッダーをテストして、美しく見えることを確認してください

  • ヘッダーの背景の上に名前を表示する場合は、テキストのコントラストをご考慮ください

関連記事

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