1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Salesforce】Lightning コミュニティのファビコン作成

Last updated at Posted at 2021-10-27

Lightning コミュニティのファビコン作成の詳細方法について、下記の公式ヘルプに書かれてます。
-- Salesforce Help --
下記二つの方法でLightning コミュニティのファビコンを作成してみます。
###①静的リソースの使用でファビコンの作成
 次の手順に従ってファビコンをコミュニティに追加します。
 1.ファビコン (公開キャッシュコントロール) を静的リソースとして組織に追加します。
 image.png
  ※静的リソースの名前はこの後のステップで特に使用されません。

 2.[エクスペリエンスワークスペース] | [管理] | [ページ] | Force.com に移動します。
 3.[編集] をクリックしてファビコン静的リソースを [サイトのお気に入りアイコン] に追加して保存します。
 4.コミュニティビルダーで、[設定] | [詳細] | [ヘッドマークアップを編集] に移動します。
 5.次のコードを追加します: <link rel="shortcut icon" href="<SITE>/favicon.ico?v=2"/>
  <SITE>はコミュニティの URL です。たとえば、[設定] | [すべてのコミュニティ] で設定されている URL 値です。
  【注意】:「favicon.ico?v=2」そのまま使ってください。(変更しないこと)
    これで自動的に静的リソースのファビコン画像を参照できるようになります。
 6.保存します。
 7.Community Builder でコミュニティを公開します。
###②コミュニティのアセットの使用でファビコンの作成
 1.下記通り、Site.com Studioを開いて、ファビコン画像をコミュニティのアセットフォルダに追加します。
  ・[エクスペリエンスワークスペース] | [管理] | [ページ] | Site.com Studio
  image.png
 ・[アセット] | インポートでファビコン画像をインポートします。
  image.png
  ・ファビコンファイルパスをメモして、「変更を公開..」ボタンで変更公開します。
   【注意】: ファビコンファイルパスは後ろのステップで使用されます。
  image.png
 2.コミュニティビルダーで、[設定] | [詳細] | [ヘッドマークアップを編集] に移動します。
 3.次のコードを追加します:
  <link rel="shortcut icon" href="/mycommunity/s/myfavicon.ico"/>
  【注意】: 上記hrefに相対パス「/ + <community path> + /s + 前のファビコンファイルパス」を設定します(/s/を忘れず)。
 4.保存します。
 5.Community Builder でコミュニティを公開します。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?