ファーストビュー(トップページのメイン画像)の変更方法(カタナ、カマクラ、ユミヤ)

この記事に関するテンプレート:カタナカマクラユミヤ

この記事ではファーストビューと言われる、ホームページを見た時に1番最初に目に入るトップページのメイン画像の変更方法を記載します。

カタナテンプレート
(例)カタナのファーストビュー

ファーストビュー変更後

カタナのファーストビュー変更例
(例)カタナのファーストビュー変更後

ファーストビューは、ホームページの印象を決める大きな要素であり、この画像によって士業事務所のイメージが出来上がると言っても過言ではありません。

そんな大事なファーストビューの変更方法は以下をご覧ください。

ファーストビューの変更方法

ファーストビューの変更自体は簡単です。

用意するもの

・使用する画像

ご自身で撮影するか、フリーの画像をお探しください(著作権、肖像権等に抵触しないようしましょう)。

画像のサイズについて

トップページの画像は横1300px以上、縦800px以上を用意しましょう。

PCで閲覧した場合、小さい画像だと画質が荒くなることがあります。

また、横と縦のバランスが良い画像を用意しましょう。

例えば、縦長すぎるまたは横長すぎる画像の場合、見た目が悪くなります。

ファーストビューを変更する手順

この記事はカタナカマクラユミヤについてのファーストビューの変更方法であることに留意してください。

以下の手順でワードプレスのダッシュボードから推移してください。

固定ページ→HOME→元々のファーストビューの画像をクリック

(例)カタナの元々のファーストビューの画像をクリック

文字の上あたりでなく、画像の部分をクリックすると良いでしょう。

右側にブロック編集画面が出てきます。

ファーストビューの変更
(例)カタナ(例)カタナのファーストビューのブロック編集部分

メディアを変更をクリックして、画像を入れ替えてみましょう。

以下のように画像を入れ替えることができます。

ファーストビューの変更例
(例)カタナのファーストビュー画像変更

「新しいタブでプレビュー」で位置を確かめつつ、表示する画像の位置を指定します。

「左」や「上」や、マウスのドラッグで位置を調整してください。

調整後、「保存」ボタンを押して公開してください。

(例)カタナのファーストビュー変更後

細かなカスタマイズ

オーバーレイや余白など設定できます。

一度、試してみて良ければそのまま保存しましょう。合わなければオーバーレイなどをかけなくても良いでしょう。

スマホ用の画像を用意できる

必須ではないですが、スマホ向けにレスポンシブ(自動でスマホ用の画像を表示すること)ができます。

編集ブロックの「SP」からスマホ用の画像を指定できます。

スマホで見る用なので画像のサイズに注意して画像を用意してください。

最後に

ファーストビューは、お客様に与える印象を与える1番の要素です。

こだわりにこだわり抜いて良い部分です。

良い画像を用意することを心がけましょう。