ファビコンの追加

メモ

Dynamics 365 Commerce の小売関連グループは、Yammer から Viva Engage に移行しました。新しいViva Engage コミュニティにアクセスできない場合は、追加するフォーム (https://aka.ms/JoinD365commerceVivaEngageCommunity) に入力し、最新のディスカッションに参加してください。

この記事では、Microsoft Dynamics 365 Commerce サイトに favicon を追加する方法について説明します。

favicon は、Web ブラウザータブ、アドレスバー、閲覧履歴、ブックマークやお気に入りに表示される小さなグラフィックスファイルです。 favicon をサイトに追加して、ブランドを表現および強化し、顧客がアクセスする他のサイトとサイトを区別できるようにします。

サイトにはさまざまなサイズとファイルタイプのfaviconを追加できますが、この記事では、単一のfaviconを追加する方法を紹介します。同じプロセスと場所を使用して、ファビコンをさらに追加できます。

サイトのアセットコレクションにファビコンをアップロードする

favicon をサイトの資産コレクションにアップロードするには、次の手順に従います。

左のナビゲーションウィンドウで、メディアライブラリーを選択します。
コマンドバーで、アップロード > メディア項目のアップロードを選択します。
[ファイルエクスプローラー] ウィンドウで、アップロードするお気に入り画像ファイルを選択し、開くを選択します。
メディア項目のアップロード ダイアログボックスで、必要なタイトルと代替テキストを入力します。
画像をアップロードしてすぐに公開する場合は、アップロード後にメディア項目を公開する チェックボックスをオンにします。

メモ

アップロード後にメディア項目を公開するチェックボックスを選択しない場合は、メディア項目ページに戻り、後でファビコンを手動で公開する必要があります。
[OK] を選択.
右側のプロパティペインで、ファビコンの公開URLをコピーします。この URL は、後で使用します。

favicon 用の HTML を作成する

ファビコンの HTML を作成するには、次の HTML 文字列を使用します。 href 属性に関しては、Public_URL_for_your_favicon を前述のコピーしたパブリック URL に置き換えます。

<link rel="shortcut icon" href="Public_URL_for_your_favicon">

ファビコン用のメタタグを含むフラグメントを作成する

favicon のメタタグを含むフラグメントを作成するには、次の手順に従います。

フラグメント に移動し、新規を選択します。
新規ページフラグメント ダイアログボックスで、ページフラグメントの基になるモジュールに メタタグ を選択します。
フラグメントの名前を入力し、OK を選択します。
フラグメント階層ツリーで、既定のメタタグ 子を選択します。
右側のウィンドウで、 Metaタグ 配下の追加を選択、前述の作成済みの HTML 文字列を入力します。
編集の完了 を選択し、発行を選択してフラグメントを公開します。

HTML ページの head セクションにメタタグのフラグメントを追加する

ページの HTML ヘッド セクションにメタタグフラグメントを追加するには、次の手順に従います。

[テンプレート] に移動し、favicon を追加するページのテンプレートを開き、[編集] を選択します。
テンプレート階層ツリーで、HTML head コンテナーの右にある省略符号 (...) ボタンを選択し、 フラグメントの追加 を選択します。
フラグメントの選択 ダイアログボックスで、以前に作成したメタタグフラグメントを選択し、OK を選択します。
編集の完了 を選択し、発行を選択してテンプレートを公開します。