カスタムアイコンをアップロードして使う

!注Content Hubを設定するには、スーパーユーザーであるか、ユーザーグループポリシーを通じて必要な権限が付与されている必要があります。

もし自分専用の.svgアイコンセットを持っていれば、それらをアップロードしてSitecore Content Hubで使うことができます。

!注Knockoutでレンダリングされたページではアイコンオーバーライドはサポートされていません。Knockoutでレンダリングされたページのアイコンをオーバーライドするには、カスタムCSSをご利用ください。Reactでレンダリングされたページやハイブリッドモードでのページでは、アイコンオーバーライドがサポートされています。

正しく表示するために、.svgのアイコンファイルは以下のもののみを使用する必要があります:

• 複合パス、例えば寸法のある形状 rect や circle はサポートされません。
• 黒という色。
• ストロークや塗りつぶし - 他のCSSプロパティはサポートされていません。

例

以下は、塗りつぶしとストローク付きの複合パスを含む .svgのアイコンファイルの例です:

カスタムアイコンをアップロードするには:

1. メニューバーで**「Manage**」をクリックしてください。
2. 管理ページで「ポータル資産」をクリックします。
3. Portalのアセットページで、Upload filesをクリックしてください。
4. ダイアログでは、以下のいずれかを行ってください。
   • 「マイデバイス」をクリックし、アップロードしたいファイルを選択してから**「開く**」をクリックします。
   • 「From」リンクをクリックし、アップロードしたいファイルのリンクを貼り付けてから**「インポート**」をクリックします。
   • アップロードしたいファイルをダイアログにドラッグします。

カスタムアイコンを使うには:

1. メニューバーで**「Manage**」をクリックしてください。
2. 管理ページで設定をクリックします。
3. 設定ページで**「IconOverrides**」を検索してクリックしてください。
4. **IconOverridesページで「**Add override」をクリックします。
5. 選択アイコンをクリックします。
6. 「選択アイコン」ダイアログで、置き換えたいアイコンを選択して「保存」をクリックします。
7. 「アセットを選択する」をクリックし、アセットダイアログで使いたいカスタムアイコンを選択するか手動で検索してください。
8. 「保存」をクリックします。
9. IconOverridesページの右上隅で「保存」をクリックします。