バナー画像にリンクを設置する

この記事ではバナー画像にリンクを設置させる方法についてご紹介します。

こちらは既にあるサイトを編集する手順をご説明しています。
ロカオプサイトの新規作成については下記記事をご参照下さい。
　・ロカオプサイトを作成する
　・ロカオプサイトのデータを他のサイトからインポートする

1. 目次
2. 1. 概要
3. 2. 完成イメージ
4. 3. 操作手順

1. 概要

新しく「バナーに対してリンクを設置する」事が可能になりました。

• 設置可能枚数は1枚〜3枚
• PCでは横並び、600px以下でタテ並び
• URLを省略した場合は普通の画像を設置するのにも使用可能
  リンクなしで画像設置もできますので柔軟にご活用ください。
• 管理画面上で空のバナーリンクを作ってある場合も1枚とカウント
  
  

2. 完成イメージ

画像は1枚〜3枚まで設置可能。PC表示では画像左のように横並び、600px以下又はスマートフォン表示で画像右のようにタテ並びになります。

3. 操作手順

1. 対象のワークスペースからクライアントをクリック
2. 対象の店舗をクリック
3. 「サイト」をクリック

4. 編集したいサイト名横の「編集」ボタンをクリック

5-a. 「リンクバナーブロック」の横の「∨」ボタンをクリック

5-b. ブロックがない場合は、下段の「末尾にブロックを追加」からブロックを追加

6. 「ファイルを選択」をクリック

7. 追加したい画像を選択して「開く」をクリック
　推奨サイズ：幅640px以上で各バナーの高さを揃えるのが望ましい
8. 遷移先に設定したいサイトのURLを入力
　リンクのURLは省略できます。その場合はリンクはつかずイメージのみが表示されます。

9. 続けてバナーを設置したい場合は「リンクバナーを追加」をクリック

10. 9と同様の手順で画像は3枚まで設定可能

※備考
リンクバナーは1個設定すると100％幅で表示され、2個設定すると横並びで幅は約50％ずつ表示されます。最大3個まで設定可能で3個設置すると横並びで3個が1つ幅は約32％になります。追加した場合の空のリンクバナーもカウントされますので50％のバナーを設置したいなどがない場合、不要であれば適宜削除などで調整してください。
ブラウザ幅600px以下は設置した全てのバナーの幅が100％になり、全て縦に並びます。

以上で操作は完了です。