賢威8ではワンポイントで利用できるアイコンをいくつか用意しています。
この画像はウェブフォントとして表示していますので、以下のようにHTMLタグを置いて表示します。
- ポイント
- 注意
- 別ウインドウ
- 矢印上
- 矢印右
- 矢印下
- 矢印左
- ダウンロード
- ZIP
- メール
- ショッピングカート
- 虫眼鏡
- ホーム
- フォルダ
- 時計
- カレンダー
- ビル
- マップ
- NEW
- 初心者マーク
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<span class="icon_point color01"></span> ポイント <span class="icon_caution color01"></span> 注意 <span class="icon_blank color01"></span> 別ウインドウ <span class="icon_arrow_up color01"></span> 矢印上 <span class="icon_arrow_right color01"></span> 矢印右 <span class="icon_arrow_down color01"></span> 矢印下 <span class="icon_arrow_left color01"></span> 矢印左 <span class="icon_download color01"></span> ダウンロード <span class="icon_pdf color01"></span> PDF <span class="icon_zip color01"></span> ZIP <span class="icon_mail color01"></span> メール <span class="icon_cart color01"></span> ショッピングカート <span class="icon_search color01"></span> 虫眼鏡 <span class="icon_home color01"></span> ホーム <span class="icon_folder color01"></span> フォルダ <span class="icon_time color01"></span> 時計 <span class="icon_calendar color01"></span> カレンダー <span class="icon_building color01"></span> ビル <span class="icon_map color01"></span> マップ <span class="icon_new color01"></span> NEW <span class="icon_beginner color01"></span> 初心者マーク |
なお、上記について、アイコンの色はテーマの基本色を指定するために「color01」としていますが、「red」などに置き換えて色を変えることができます。
ポイント
虫眼鏡
虫眼鏡
|
1 2 3 |
<span class="icon_point red"></span> ポイント <span class="icon_search aqua"></span> 虫眼鏡 |
賢威8で用意しているアイコンは「IcoMoon」というサービスを利用してウェブフォントにしています。
もし変更したい場合は、このサイトに登録し、賢威8のアイコンをインポートした上で、アイコンを追加したり、差し替えたりするなどしてご対応ください。
賢威のアイコンのデータは、テーマのフォルダ内「fonts」に格納されています。
ここにある「svg」ファイルをインポートすることができます。
