アイコン
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
要点
アイコン要素には、Creatorの組み込みアイコンライブラリーから選択した1つのグリフが表示されます。検索可能な選択画面でグリフを選び、サイズ、スタイル、色に加えて、グリフを配置する要素ボックスのスタイルも設定できます。
1. 概要
アイコン要素は、ポータルページに1つの視覚的なシンボルを配置するための要素です。最小単位の要素であり、内部に他の要素を含めることはできません。ただし、他の要素と組み合わせることで、ヒーローセクションやフッターなど、統一感のあるデザインレイアウトを作成できます。
メモ：ポータルページデザイナーの編集領域に［アイコン］要素を配置すると、［プロパティ］欄にある検索可能なギャラリーからグリフを選択できます。
主な用途：
- 編集、削除、共有、ダウンロードなどの一般的な操作を示すアイコン
- ラベルと組み合わせて使用する、アラート、成功、警告などのステータス記号
- カード、タイル、セクション見出しの装飾
- メニューテキストの横に配置するナビゲーション用の目印
2. 表示プロパティ
| プロパティ | 説明 |
| ［要素名］ | この［アイコン］要素の内部識別子です。デザイナーに配置すると名前が自動生成され、必要に応じて変更できます。 |
| ［アイコン］ | この要素に表示するグリフです。検索可能なアイコンライブラリーから選択します。目的のグリフは、キーワードで検索するか、一覧を参照して選択できます。グリフを選択すると、要素ボックス内での外観を設定する3つの追加プロパティが表示されます。 |
3. スタイルプロパティ
アイコンには、［標準］と［ホバー］の表示状態があります。それぞれ個別にスタイルを設定できます。
- ［レイアウト］ *リンク*
- ［背景］ *リンク*
- ［パディング］ *リンク*
- ［余白］ *リンク*
- ［角の丸み］ *リンク*
- ［枠線］ *リンク*
- ［影］ *リンク*
- ［不透明度］ *リンク*
4. 操作プロパティ
［操作］タブでは、ポータルユーザーがアイコンをクリックしたときに実行される、事前設定済みの［クリック時］の操作を指定します。設定できる操作は次のとおりです。
- ［なし］ - アイコンをクリックしても操作は実行されません。［クリック時］の操作の初期設定です。
- ［移動先］ - アイコンをクリックすると、ポータルユーザーを指定した移動先に移動させます。この項目を選択すると、2つの追加プロパティが表示されます。
- ［ページ／URL］ - 移動先を指定します。一般公開されているURLを直接入力するか、ドロップダウンに表示されるポータルページの一覧から選択できます。ドロップダウンには、すべての標準ページ（サインイン、サインアップ、パスワードのリセット、パスワードの作成）と、ポータルで作成したカスタムページが表示されます。
- ［開く場所］ - 移動先を開く方法を指定します。［同じウィンドウ］では現在のブラウザータブが再読み込みされ、移動先のポータルページまたはURLが表示されます。［新しいウィンドウ］では別のブラウザータブで開きます。
5. 操作を試す
［アイコン］要素を追加し、次の操作を試します。
- アイコンの選択画面を開き、「矢印」を検索してグリフを選択します。［アウトライン］と［塗りつぶし］を切り替え、見た目の太さがどのように変わるか確認します。
- ［サイズ］を40pxに設定して［背景色］を適用し、［角の丸み］を［円形］に設定して円形のアイコンバッジを作成します。
- 16pxの小さいアイコンを［アウトライン］スタイルに設定し、テキスト要素の横に配置して、コンパクトなアイコンとラベルの組み合わせを作成します。
- ［不透明度］を30%に設定し、アイコンを他の要素の背面に配置して、装飾用の透かしとして使用します。
6. 関連トピック
- ポータルページの設定と管理 *リンク*