マーカーにアイコンを表示できるリストブロックです。
※このブロックは yStandard Toolbox v1.11.0から利用できます。
ブロックサンプル
アイコンリストブロックの追加方法
アイコンリストブロックは「[ys]yStandard Toolbox」カテゴリーにある「アイコンリスト」を選択します。
アイコンリストブロックの設定
設定一覧
| 設定 | 説明 |
|---|---|
| フォントサイズ | テキストの文字サイズ |
| 文字色 | テキストの文字色 |
| 背景色 | リスト全体の背景色 |
| リストアイコン | リストに表示するアイコン |
| アイコン色 | リストに表示するアイコンの色 （文字色と別の色を設定できます） |
| アイコン太さ | アイコンを太さを変更 |
| 追加CSSクラス | リストに追加するCSSクラスの設定 |
アイコンの設定
アイコンリストブロックのアイコンは「アイコン」の各設定から設定できます。
「リストアイコン」でアイコンの種類、「アイコン色」でアイコンの色、「アイコン太さ」でアイコンを太く設定できます。
アイコンの色は特に設定がない場合、文字色と同じ色になります。アイコンの色だけ別にしたい場合に「アイコン色」で設定してください。
アイコンの表示についての注意点
アイコンリストブロックで表示するアイコンは他ブロックで利用できるアイコンと表示方法が異なりアイコンフォントを使用しています。
アイコンフォント読み込みの容量を減らし、サイトの読み込み速度をなるべく遅くさせないための取り組みとして、リストアイコンブロックで使えるアイコンは種類を限定しています。
今後使えるアイコン種類を増やす場合もありますが、読み込むアイコンフォントのファイル容量等を考えながらとなりますのでご了承ください。
基本的には設定できるアイコン以外を使いたい場合はご自身でカスタマイズをして頂く方針としています。