1. テーマ

カスタムアイコンのアップロードと使用

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

メモ

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

独自のカスタム.svgアイコンのセットがある場合は、それらをSitecore Content Hubにアップロードして使用できます。

手記

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

正しく表示するには、.svgアイコン ファイルで次のもののみを使用する必要があります。

  • Compound paths - rectや寸法のあるcircleなどの形状はサポートされていません。

  • 色は黒。

  • Strokes or fills - その他のCSSプロパティはサポートされていません。

塗りとストロークを含む複合パスを含む .svgアイコン ファイルの例を次に示します。

<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12H17M12 21C7.02944 21 3 16.9706 3 12M12 21V17M3 12C3 7.02944 7.02944 3 12 3M3 12H7M12 3V7M12 12H12.01" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

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

  1. メニュー バーで、ManageManage icon をクリックします。

  2. Manageページで、「Portal assets」をクリックします。

  3. Portal assetsページで、Upload iconUpload filesをクリックします。

  4. ダイアログで、次のいずれかの操作を行います。

    • My device」をクリックし、アップロードするファイルを選択して、「Open」をクリックします。

    • From link」をクリックし、アップロードするファイルへのリンクを貼り付けて、「Import」をクリックします。

    • アップロードするファイルをダイアログにドラッグします。

カスタムアイコンを使用するには:

  1. メニュー バーで、ManageManage icon をクリックします。

  2. Manageページで、「Settings」をクリックします。

  3. Settingsページで、IconOverridesを検索してクリックします。

  4. IconOverridesページで、「Add override」をクリックします。

  5. Select icon」をクリックします。

  6. Select iconダイアログで、置き換えるアイコンを選択し、Saveをクリックします。

  7. Select an assetをクリックし、Assetダイアログで、使用するカスタム アイコンを選択するか、手動で検索します。

  8. Save」をクリックします。

  9. IconOverridesページの右上隅にあるSaveをクリックします。

この記事を改善するための提案がある場合は、 お知らせください!