トップページの画像をスライダー表示にしたい。

このページでできること

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

トップページの画像は,PC,スマホどちらについてもスライダー表示をすることができます。

スライダー表示は,自動的に画像が切り替わっていく表示方法です。

スライダー表示にすることにより,画像を大きなサイズで複数見せることができるようになります。

こちらでは,スライダー表示の方法についてご説明しています。

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

設定画面の見方

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

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

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

3.「横長写真(複数選択するとスライダー表示されます)」を選択する

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

赤枠の「横長写真(複数選択するとスライダー表示されます)」を選択することで,トップページの画像を一枚表示にすることができます。

左側にある〇をクリックすることで選択できます。

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

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

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

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

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

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

5.画像を選択する

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

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

 

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

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

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

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

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

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

2枚以上の画像を選択することで,スライダー表示にすることができます。

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

6.「保存」ボタンをクリックする

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

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

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

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

 

複数の画像を並べて表示させたい方はこちら

写真を一枚表示させたい方はこちら

PageTop