アンカーメニューの設定方法
アンカーメニュー設定画面で設定する
アンカーメニュー設定画面では、アンカーの文字色や背景色を任意で変更できます。
背景画像やアイコン画像も設定できます。
- bingo!CMS管理画面にログインし、アンカーメニューを設置したいページのページ編集画面を開きます。
- 画面上部のツールバーから、ANCHOR NAVI ボタンをクリックしアンカーメニュー設定画面を開きます。
各項目は以下の通りです。何も選択しないとテンプレートの設定が反映されます。
- 透過度 … アンカーメニューの透過度を設定します。
- 背景色 … アンカーメニューの背景色を設定します。
- 背景画像 … アンカーメニューの背景画像を設定します。
- イージング … アンカーメニューをクリックした時の動作を設定します。
タイトルv17などタイトル要素を持つユニットの場合
- タイトルv17などのタイトル要素を持つユニットを使用すると、設定したタイトル名が自動でアンカーメニュー設定欄に反映されます。
- タイトル名の横のチェックボックスをクリックすると、タイトル名がアンカーメニューに反映されます。また、詳細設定画面が開きます。
詳細設定画面では、テキストの文字色や背景色を変更する、アイコン画像を設定する、テキストのかわりにボタン画像を設定するなどの操作ができます。
アンカーメニューに表示される名称を変更する場合は、タイトル名の横のテキストフィールドに入力します。 - 設定後、保存ボタンをクリックしてからページ編集画面に戻ると、アンカーメニューが表示されます。
その他のユニットの場合
- カスタムv17などのアンカー用のプロパティを持つユニットにアンカーメニューの情報を紐付けたい場合は、まず各ユニットの設定画面に入ります。
- アンカーメニュー用テキスト欄に任意のテキストを入力し、保存ボタンをクリックします。
※サンプル画像ではカスタムv17のアンカーメニュー用テキスト欄に「Concept」と入力しました。
- ANCHOR NAVI ボタンをクリックしアンカーメニュー設定画面に入ると、先ほど入力したアンカーメニュー用テキストが反映されます。
左側のチェックボックスをクリックし、任意で詳細設定を行います。
- 保存ボタンをクリックし、ページ編集画面に戻るとアンカーメニューに追加されたのが確認できます。
アンカーメニューユニットを使用する
アンカーメニューユニットは、ページ内の見出しをまとめるときなどに便利なユニットです。
縦型と横型の2種類のデザインがあります。
- ユニットモードのページ編集用ツールバーにあるプルダウンをクリックし、機能ユニットを選択します。
- アンカーメニュー（縦）、もしくはアンカーメニュー（横）をドラッグアンドドロップで配置し、ユニット編集画面を開きます。
- アンカーメニューに表示したいタイトルにチェックを入れると、右のテキストボックスにタイトルが反映されます。任意のタイトルに変更したい場合は、このテキストボックス内のタイトルを修正します。
- スマホでもアンカーメニューを表示させたい場合、編集画面右上のスマートフォン設定のタブから同様に設定し保存します。
- アンカメニューユニットが配置できました。
アンカーメニューのリンク色は、テンプレートで設定した色が反映されます。
※このマニュアルでは、アンカーメニュー（縦）を使用しました。