ビジュアルインデックス(以降 VI)とは、WEBマニュアルの「外観から探す」で使用するデータです。
![]() |
VIを使用する場合には、ページに画像を添付する前に必ず「visualindex」のラベルをページに付ける必要があります。 ラベルの設定については「ページラベルの設定」を参照して下さい。 |
準備データ
ファイル名 | 拡張子 | サイズ(横×縦) | |
---|---|---|---|
機種名ロゴ | logo_00 | png | 431×117 px |
外観画像 | p_01、p_02、p_03・・・ | png | 1089×819 px |
拡大画像 | zoom_01、zoom_02、zoom_03・・・ | png |
|
作成手順
VIページ作成場所に新規ページを作成します。
手順1で作成したページに画像データを添付します。
画面右上の[・・・]ボタンを押し[添付ファイル]を選択し、準備した画像データすべてをこのページにアップロードします。- [編集]ボタンを押します。
VisualIndexToolマクロを挿入します。マクロを挿入すると下記の画面になります。
- ロゴ画像を挿入します。
[ロゴ画像]をダブルクリックすると、ファイル名に「logo」がついているpngファイルが表示されます。挿入したいファイルを選択して下さい。 同様に外観画像を挿入します。
- [外観画像]をダブルクリックすると、ファイル名に「p_」がついているpngファイルが表示されます。挿入したいファイルを選択して下さい。
- 画面右上の[+]を選択し、新規VIページを作成します。
- 1)~3)を繰り返します。
コンテンツページへのリンクを挿入します。
- リンクを挿入したいユニットの位置に、赤いアイコンをドラッグ&ドロップで配置します。
- 配置した赤いアイコンをダブルクリックし、リンク設定画面を表示させます。
- 拡大図を挿入したい場合は、次の手順を実施します。
- 虫眼鏡のアイコンを挿入したい位置にドラッグ&ドロップで配置します。
- 配置した虫眼鏡アイコンをクリックすると、拡大画像を挿入する画面に遷移します。
- [拡大画像]をダブルクリックすると、ファイル名に「zoom_」がついているpngファイルが表示されます。挿入したいファイルを選択して下さい。
7)と同様に、コンテンツページへのリンクを挿入します。
- 虫眼鏡のアイコンを削除する場合は、右上のゴミ箱のアイコンへドラッグ&ドロップして下さい。
初期ページ(VIで一番最初に表示させる画像)を設定します。
初期ページに設定したい画像を表示させた状態で、画面右下の[このページを初期表示]ボタンを押します。- 初期ページはVI下部にある青いバーの「左端と右端以外のページ」にして下さい。
- [このページを初期表⽰]ボタンを押しても、ダイアログボックス表示などの反応はありません。
保存後に意図通りに設定されたか、確認して下さい。
画面右下の[作成]ボタンを押し、VIを保存します。
「保存」ウインドウが表示されるので、ファイル名を入力して[保存]を押して下さい。- 本手順書では、最後にVIを保存する手順にしていますが、定期的に保存しておくことをお勧めします。
- ただし、ロゴが設定されていない(手順5が完了していない)とVIを保存することができません。
- 2回目以降の保存でも[作成]ボタンを押します。
- ファイルは「添付ファイル」に作成されます。2つファイルを作成してしまった場合は、「添付ファイル」で該当するファイルを削除して下さい。