1. はじめに
静的リソースを用いてサイトのデザインを変更することができます。
サイトのデザインを変更するにはCSSを編集する必要があります。
画面下部からデザイン例の「カミレス-カスタマイズCSSデザイン例.zip」と、
2-1のファイル「kamiless_custom.zip」をダウンロードしてください。
2. デザインを変更する方法
2-1. ファイルを用意する
まず、静的リソースにアップロードするCSSファイルを3つ用意します。それぞれのファイル名は表と同じ名前にしてください。
ファイル名 | CSS適用場所 |
---|---|
customCommonInputPage.css | ゲストユーザページ |
customCompletionPage.css | ゲストユーザ完了ページ |
customInputPage.css | ログインユーザページ |
2-2. ファイルをフォルダに格納し、zipファイルにする
2-1節で作成した3つのファイルをまとめてzip化します。
zipファイル内の構造は次のようになります。zipファイル名は任意の名前を付けることができます。
kamiless_custom.zip(任意の名前)
┠ customCommonInputPage.css
┠ customInputPage.css
┗ customCompletionPage.css
2-3. zipファイルを静的リソースにアップロードする
Salesforce組織で設定を開き、クイック検索に"静的リソース"と入力します。
"静的リソース"をクリックして、静的リソースの設定を行います。
まず、リストの上部にある新規ボタンをクリックします。
それぞれ次のように入力します。
項目名 | 入力内容 |
---|---|
名前 | 2-2節で作成したzipファイルのファイル名を入力します。(拡張子は必要ありません) |
説明 | 任意で説明文を追加します。 |
ファイル |
2-2節で作成したzipファイルをアップロードします。 |
キャッシュコントロール |
必ず公開にします。 |
3. ファイルを更新したら
CSSファイルを更新した時は、2章の流れを再度行います。ただし、2-3節を再度行う場合は、作成済みの静的リソースレコードのファイルだけ再アップロードして保存してください。