ロカオプサイトに「リンク機能付きのバナー画像」を設置・設定する手順について解説します。
文字だけのリンクよりも、画像（バナー）を使ったリンクの方が視認性が高く、ユーザーの興味を引きやすくなります。「期間限定メニュー」や「オンラインショップ」など、特に注目してほしいコンテンツへの入り口として非常に有効です。
こちらは既にあるサイトを編集する手順をご説明しています。
ロカオプサイトの新規作成については下記記事をご参照下さい。
・ロカオプサイトを作成する
・ロカオプサイトのデータを他のサイトからインポートする
|
新しく「バナーに対してリンクを設置する」事が可能になりました。
|
完成イメージ
画像は1枚〜3枚まで設置可能。PC表示では画像左のように横並び、600px以下又はスマートフォン表示で画像右のようにタテ並びになります。
操作手順
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％になり、全て縦に並びます。
以上で操作は完了です。