トップページに複数の画像を並べて表示する。

このページでできること

※クリックで画像を拡大できます

心スタイルでは,トップページでこのように複数の画像を表示することができます。

こちらのページでは,トップページに複数の画像を表示する方法をご紹介します。

一枚表示の仕方についてはこちらをご覧ください。

1.トップページの編集画面を開く

※クリックで画像を拡大できます

心スタイルにログインします。

心スタイルへのログインの仕方はこちらをご覧ください。


※クリックで画像を拡大できます

上部の「新しいサイトを追加する」の横にある,編集したいサイト名をクリックすることで,個別ページの編集画面を開くことができます。

※クリックで画像を拡大できます

クリックすると,このような画面が表示されます。

※クリックで画像を拡大できます

「トップページ」の下にある「編集」ボタンをクリックします。

※クリックで画像を拡大できます

クリックするとこのような画面が表示されます。

2.「メインイメージ」をボタンをクリックする

※クリックで画像を拡大できます

「メインイメージ」ボタンをクリックします。

※クリックで画像を拡大できます

クリックするとこのような画面が表示されます。

設定画面の見方

※クリックで画像を拡大できます

パソコンとスマホ,それぞれの端末ごとに,サイトのトップページに表示される画像を設定することができます。

※クリックで画像を拡大できます

パソコンでは5枚まで,スマホでは3枚まで画像を表示することができます。

3.「選択」ボタンをクリックする

※クリックで画像を拡大できます

「選択」ボタンをクリックします。

※クリックで画像を拡大できます

クリックすると,このような画面が表示されます。

心スタイルに画像をアップロードする方法は,こちらをご覧ください。

4.画像を選択する

※クリックで画像を拡大できます

赤枠で囲んだ範囲内をクリックすることで,画像を選択することができます。

 

※クリックで画像を拡大できます

選択した画像は,このようにマークがつきます。

※クリックで画像を拡大できます

「選択」ボタンをクリックします。

※クリックで画像を拡大できます

選択された画像が表示されます。

これを繰り返し,「メインイメージ(PC用)」と「メインイメージ(スマホ用)」に入れる画像を選択していきます。

5.保存する

※クリックで画像を拡大できます

画像を入れたら,「保存」ボタンをクリックします。

※クリックで画像を拡大できます

トップページに画像が表示されました。

 

画像を一枚表示させたい方はこちら

画像をスライダー表示させたい方はこちら

PageTop