【サブスクペイProfessional】ファビコン(ブラウザタブのアイコン)を変更する方法

このヘルプでは、ブラウザタブのアイコン/ロゴを変更する方法をご紹介します。

※利用する画像ファイル(ファビコン)につきましては、各種ツールにて事前にご用意ください。

<salesforce契約管理画面上>

1.画像ファイルアップロード

①:画面右上の歯車マークから[設定]を押下。

②:クイック検索にて[静的]と検索し「静的リソース」を押下。

③:画面中央の「新規」を押下。

ファビコン変更_手順①-1.png

 

③:下記の内容を基に情報入れて、「保存」を押下。

  • 名前:favicon
  • ファイル:作成したファビコンデータを選択(アップロード)
  • キャッシュコントロール:公開

ファビコン変更_手順①-2.png

 

2.アップロードしたファイルの反映

①:画面右上の歯車マークから[設定]を押下。

②:クイック検索にて[サイト]と検索し「すべてのサイト」を押下。

③:「ワークスペース」を押下。

ファビコン変更_手順②-1.png

 

④:[管理]を押下。

 

⑤:[ページ]を押下し、「Force.com に移動」を押下。

ファビコン変更_手順②-2.png

 

⑥:[編集]を押下し、「サイトのお気に入りのアイコン」端の虫眼鏡マーク(検索)。

⑦:「1.画像ファイルアップロード」で作成した「favicon」を検索し、選択後に「保存」を押下。

 

3.HTMLのヘッダーにコードを入力

①:画面右上の歯車マークから[設定]を押下。

②:クイック検索にて[サイト]と検索し「すべてのサイト」を押下。

③:「ビルダー」を押下。

 

④:画面左の歯車マーク[設定]を押下。

⑤:[詳細]を押下し、「ヘッドマークアップを編集」を押下。

ファビコン変更_手順③.png

 

⑥:下記内容をコピーし、例を参考にお客様のサイトURL箇所を入力。

 

<link rel="shortcut icon" href="<サイトURL>/favicon.ico?v=2"/>

 

 例)<link rel="shortcut icon" href="https://demo.site/favicon.ico?v=2"/>

 

⑦:「保存」を押下。

 

4.完成

Powered by Zendesk