本文へ移動

データ作成(クリッカブルマップ)

データ作成

データ一覧画面

登録しているデータを確認できる画面です。ドラッグ&ドロップで画像の表示順を並び替えることができます。

①新しく追加
データ編集パネルに移動して、データを新たに追加できます。

②操作パネル(三点リーダー) 
マウスカーソルを三点リーダー(…)に合わせると、各データの操作パネルが表示されます。
編集、下書き/公開の切り替え、削除 を行うことができます。

基本設定

データ一覧で【新規追加】ボタン、または【編集】ボタンをクリックすると"データ編集"画面に移動します。

①タイトル
エリアのタイトルを入力します。
入力されたタイトルは、スマホサイトでリンクとして表示されます。

②エリア
【エリア編集】をクリックすると、直接入力画面でエリアの編集を行えます。
*エリア編集についてはこちら

ロールオーバー
選択したエリアのロールオーバーを設定します。ロールオーバーは"しない""画像""色選択"から設定できます。

リンク先
表示される画像をクリックすると、他のページへ遷移するリンクを設定できます。
「URL入力」、「ページ選択」、「お問い合わせ」から選択します。また、ページ表示方法は「内部リンク」、「外部リンク」のどちらかを設定します。

エリア編集

ブロック編集パネルで設定した土台の画像1枚に対し、設定を行いたい範囲を囲って「エリア」として登録します。エリアは土台の画像から好きな個所を自身で選択できます。
エリア設定した範囲に対し、ロールオーバーリンクの設定が行えます。

エリアの選択方法

【エリア編集】ボタンをクリックすると、右側に表示されている土台の画像上で、エリアの選択を行えます。
エリアにしたい箇所をカーソルで囲んで、エリアを選択していきます。

クリックした箇所から直線が表示され、角になる部分でクリックしながら直線を引いていき、エリアを選択していきます。

エリア設定/解除

グレーの背景が設定されるとエリアが登録完了となります。
また、選択したエリアを解除したい場合は【エリア解除】のボタンをクリックします。
直接入力画面にエリアが表示されていないときのみ、再度エリアの選択を行えます。

【編集を終了】をクリックすると、エリアの編集が終了します。