ファーストビュー(トップページのメイン画像)の変更方法(バクマツ、ミナモト、トヨトミ)

この記事に関するテンプレート:バクマツミナモトトヨトミ

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

(例)バクマツのファーストビュー変更前

ファーストビュー変更後

変更後
(例)バクマツのファーストビュー変更後

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

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

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

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

用意するもの

・使用する画像

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

画像のサイズについて

推奨サイズは横1900px、縦600pxです。

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

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

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

この記事はバクマツミナモトトヨトミについてのファーストビューの変更方法であることに留意してください。

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

外観→カスタマイズ→Lightning トップページスライドショー→スライド[1] の「[1] スライド画像」

(例)バクマツのファーストビュー変更画面

画像を変えてみます。

ビジネス上の握手をしている画像にしてみます。

ファーストビューの変更
(例)バクマツのファーストビュー変更後

サイズ感などが良ければ「公開」ボタンをクリックすれば完了です。

トップページを見ると以下のように画像が変更されています。


(例)バクマツのファーストビュー変更後のトップページ

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

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

「[1] モバイル用スライド画像 (任意)」のブロックでスマホ用の画像を指定できます。

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

最後に

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

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

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