ファビコンの追加

メモ

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

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

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

サイトにはさまざまなサイズとファイルタイプのお気に入りを追加できますが、この記事では、単一のお気に入りを追加する方法について説明します。ただし、同じプロセスと場所を使用して、お気に入りをさらに追加することができます。

サイトのアセットコレクションにお気に入りをアップロードする

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

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

メモ

アップロード後にメディア項目を公開する オプションを選択しない場合は、後で メディア項目 ページからお気に入りを手動で公開する必要があります。
OK を選択します。
右側のプロパティウィンドウで、お気に入りのパブリック URL をコピーします。この URL は、後で使用します。

お気に入りの 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 を選択します。
編集の完了 を選択し、発行を選択してテンプレートを公開します。