1. マニュアル
  2. ホームページ
  3. デザインカスタマイズ
  4. 複数のヘッドライン画像が切り替わるようにする

複数のヘッドライン画像が切り替わるようにする

簡単にヘッドラインの画像が、順次自動的にふわっと切り替わるようにできます。

例えば、

  • お店のコンセプトを表した画像
  • お料理や施術風景などの画像
  • お店の外観や内観の画像

などの画像を用意しておき、それぞれが順次切り替わるようなホームページが作成できます。

操作手順

  1. リウムスマイル!管理画面の左上[PC版:プレビュー]をクリック
  2. ヘッドライン画像の右上にある[編集]をクリック

 


ヘッドライン画像の編集画面が表示されます。

  1. 「複数のイメージを設定して一定時間ごとに切り替える」にチェックを入れる
    ※ヘッドライン画像を1枚のみ表示したい場合は、チェックを外してください
  2. 編集したいヘッドライン画像を選びます
    例)ヘッドライン画像2枚目を設定したい場合は、「ヘッドライン画像2」をクリック
  3. ヘッドライン画像に設定したい画像を選びます
    ※ヘッドライン画像にFlash(SWF)などの動的オブジェクトを指定された場合は、本遷移リンクは機能しない事があります
  4. 画像をクリックした時に遷移するページアドレスを記入します

    画像クリック時の遷移ページ設定機能について

    • お店のコンセプトを表した画像 →  こだわり・コンセプトのページへ遷移
    • お料理や施術風景などの画像  →  メニュー・コースの紹介ページへ遷移
    • お店の外観や内観の画像    →  店内紹介ページへ遷移

    と言ったように、画像がクリックされた際に、それぞれの画像に関連するページへ遷移させることが可能になり、よりユーザビリティの高いホームページとなります。

    ※遷移するページが外部のURLの場合は、画像クリック時に遷移するリンクアドレス欄」に直接『http://riumsmile.jp』といったURLを入力して設定してください。

  5. ヘッドライン画像に載せたい文字を記入します
  6. 表示イメージサンプルを確認しながら、切替設定をしていきます。

ページ下部にある「保存」をクリックします。