BizVektorでヘッダー画像を設定

BizVektorテーマのカスタマイズから、ヘッダー画像を設定しましょう。
１つの画像の固定ヘッダーや、複数画像のスライドショー、各画像から他のページへリンクも設定できます。

BizVektorのカスタマイズ「ヘッダー画像」

管理画面の「外観」の中の「カスタマイズ」をクリックし、開いたページの「ヘッダー画像」をクリックしてください。

ここで、トップページ上部に表示する画像を設定します。

ヘッダーに最適な画像サイズ

ホームページの上部にヘッダー画像を表示できるテーマはたくさんありますが、各テーマによって最適な画像サイズは違うので気を付けてください。
BizVektorの最適なヘッダー画像のサイズは、『横950ピクセル×縦250ピクセル』とされています。
『４：１』くらいのかなり横長の画像です。

このサイトでは、あえて最適ではないヘッダー画像サイズ『横950ピクセル×縦350ピクセル』という画像を設定してみました。
最適なサイズより縦幅を少し大きくしてあります。
このサイトのトップページで画像のサイズ感を確認してみてください。

ヘッダー画像は、ホームページの『顔』とも言われる場所です。
ホームページに訪問する場合の多くはトップページから入ってきます。
初めてのホームページに入ってきてすぐに見るものがヘッダー画像、人で例えると、初対面の人の顔と同じです。
ホームページのフェイス(ヘッダー画像)はオトコマエかベッピンサンかよりも、『魅力があるか』が大切といわれています。

「950×250」という最適なヘッダー画像サイズに無理に合わすのではなく、『魅力のある画像』を設定することを第一に考えてください。
そうはいっても、縦幅が大きくなりすぎると画面をスクロールしないと見れなくなるので、『スクロールせずに見れる縦幅』を限界の大きさと考えるようにしてください。

ヘッダー画像の設定方法

「新規ヘッダー画像を追加」を選ぶとアップロードしている画像一覧が表示されます。
アップロードしている画像から選択するか、新たに画像をアップロードして画像を選択します。

画像のタイトルや代替テキスト、説明の入力を求められますが、全て画像の説明を入力しておけば間違いありません。
最後に「選択して切り抜き」をクリックし、選択した画像の任意の場所を選択して「画像を切り抜き」をクリックすると最適な画像サイズに調整してくれます。

BizVektorのテーマオプションから詳細な設定

BizVektorテーマのカスタマイズからは上記のような画像の設定になりますが、ヘッダー画像の設定方法はもう１つあります。
管理画面の「外観」の中の「テーマオプション」をクリックすると、カスタマイズよりもさらに詳細なテーマの設定ができます。
ヘッダー画像の設定はカスタマイズよりもテーマオプションの方が使いやすいので、こちらで設定しましょう。

テーマオプションを開くと、「スライドショー」という項目がありますのでクリックしてください。
すると、テーマオプション内のスライドショーの設定画面までジャンプします。
ここには丁寧な説明を記載してくれているので、説明通りに設定してもらえれば完了です。

画像を１枚だけ設定するとスライドショーにはならず、２枚以上の画像を設定するとスライドショーになります。
注意してほしい点は、スライドショーにする場合は画像のサイズを揃えるようにしてください。
画像サイズが不ぞろいだと、スライドショーで画像全体が表示されなくなります。

画像の設定が終われば、画像のスライド時間の設定をし、「変更を保存」をクリックして設定は完了です。
↑これ、忘れないでくださいね。

BizVektorのヘッダー画像の簡単作成方法

BizVektorのヘッダー画像の推奨サイズは『950×250』なんていう、かなり横長の画像ですので、撮影した写真ではなかなかうまくまとまりません。
また、ヘッダー画像部分はホームページの『ファーストビュー』ですから、撮影した写真だけではなくキャッチコピーを挿入したいところです。

イラストソフトで書くにも、なかなか上手く作成できない方は、BizVektorの簡単ヘッダー画像作成法も参考にしてください。