スマホとPC両対応のホームページ作成、ご予約フォームの作成、
メルマガ配信、顧客管理機能までがまるっと一つになったリウムスマイル!

電話番号:06-6484-5445

営業時間:平日 9:00〜17:30

  1. Flashのようにヘッドライン画像を切り替える機能の使用方法

Flashのようにヘッドライン画像を切り替える機能の使用方法

2012/02/14

リウムスマイル!ではこれまでもヘッドラインの画像が、順次自動的に切り替わるFlashサイトのような動きのあるホームページが簡単に作成することができます。

例えば、

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

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

 

プレビュー画面を開く

リウムスマイル!管理画面ログイン後、

  1. 管理画面上部のタブ「ホームページ」をクリック
  2. ページ右上「PCサイト:プレビュー」をクリック

 

 

  1. ヘッドライン画像の右上にある「基本項目パーツ編集(鉛筆ボタン)」をクリック

 

 

ヘッドライン画像を設定する

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

 

 

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

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

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

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

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

 

 

  1. ヘッドライン画像に載せたい文字を記入します
  2. 「プレビュー更新」をクリック

 

 

表示イメージサンプルを確認しながら設定していきます。

  1. 切り替え演出を選びます
  2. 切り替え速度を選びます
    ※ヘッドライン画像に載せた文字をじっくり読んでほしい場合は、「ゆっくり」を推奨します
  3. 画像切り替えボタン表示を選びます
    ※ヘッドライン画像に説明的な要素がなく、イメージを損なわない事が優先の場合は、この「画像切り替えボタン表示」を「表示しない」のままお使いください。

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

 

 

変更を確認する