概要 #
アイコンは、FAQやコンテンツBOXなど一部のオブジェクトで利用できる**アイコン付きスタイル**を設定するための要素です。
各オブジェクトの装飾や意味付けを補足する役割があり、視覚的にわかりやすいコンテンツ作成をサポートします。
使用する場合は、設定パネルから任意のアイコンを選択し、色やサイズも自由にカスタマイズ可能です。
アイコンの設定説明 #
アイコンオブジェクトの設定では、FAQやボックス内に表示するアイコンの種類や色、大きさなどを自由にカスタマイズできます。各設定項目の内容は以下の通りです。
① アイコン選択
表示したいアイコンを選びます。「アイコンを選択する」ボタンを押すと、使用可能なアイコン一覧が表示されます。
② アイコンカラー
アイコンの色を設定できます。カラーコード（例：#FFFFFF）を直接入力するか、カラーピッカーで選択します。
③ 選択アイコンのプレビュー
現在選択されているアイコンがプレビュー表示されます。選択内容を視覚的に確認できます。
④ サイズ
アイコンのサイズ（幅）をピクセル単位で調整します。スライダーを動かすか、直接数値を入力して調整可能です。
アイコンの選択画面の説明 #
「アイコンを選択する」ボタンをクリックすると、アイコン選択画面が表示されます。
この画面では、使用するアイコンをカテゴリやキーワードから選んで指定することができます。
- 検索ボックス：任意のキーワードを入力して、該当するアイコンを絞り込むことができます。
- カテゴリ一覧：左側にはカテゴリが一覧表示されており、「アウトライン」「ソリッド」「ファイル」などの分類から選ぶことが可能です。
- アイコン一覧：中央には該当するアイコンが一覧で表示され、クリックすることで選択できます。
- 閉じるボタン：画面下部の「閉じる」ボタンでアイコン選択画面を閉じることができます。
選択したアイコンは、元の設定画面に反映され、デザイン上のアクセントや視認性の向上に活用できます。