セルフサービスのフォントと色のカスタマイズ
セルフサービスポータルのフォントと色の設定をカスタマイズして、会社のブランド情報を反映できます。
必要なエディション
| サポートされるエディションの表示 |
| 必要なユーザー権限 | |
|---|---|
| セルフサービスポータルを設定する | 「セルフサービスポータルの管理」 |
| セルフサービスページを編集する | 「セルフサービスポータルの管理」 および 「アプリケーションのカスタマイズ」 |
メモ Spring '12 以降、新しい Salesforce 組織ではセルフサービスポータルを利用できません。既存の組織は、引き続きセルフサービスポータルを使用できます。
ポータルのフォントと色の設定は、ポータルの「カラーテーマ」で指定します。定義済みのカラーテーマを選択し、ポイント & クリックエディターを使用してカスタマイズします。
- [設定] から、[クイック検索] ボックスに「フォントと色」と入力し、[フォントと色の設定] を選択します。Salesforce が提供する定義済みのテーマはカスタマイズできます。テーマを表示するには、[プレビュー] をクリックします。
-
カスタマイズするカラーテーマを選択します。カラーテーマページでは、次の操作が可能です。
- テーマからすべてのカスタマイズ設定を削除するには、[デフォルトにリセット] リンクをクリックします。
- カラーテーマのリストに戻るには、[すべてのテーマに戻る] リンクをクリックします。
- カスタマイズしたテーマを参照するには、[テーマ名を確認] をクリックします。
-
カスタマイズするポータルページを選択します。カラーテーマはページごとにカスタマイズされ、一部の要素は複数のページで共有されます。ポータルページから、次の操作が可能です。
- カスタマイズ可能な要素をすべて参照するには、[例を参照] をクリックします。
- カスタマイズ設定を削除するには、要素の横にある [クリア] をクリックします。
- カスタマイズしたテーマを参照するには、[テーマ名を確認] をクリックします。
- すべてのポータルページのリストに戻るには、[すべてのページに戻る] リンクをクリックします。
-
カスタマイズするビジュアル要素の横にある [編集] をクリックします。要素によっては、選択したポータルページでのみ表示されるものと複数のポータルページで共有されるものがあります。共有される要素に施した変更は、すべてのページに反映されます。
ビジュアル要素よっては、ポイント & クリックエディターまたはカスタムスタイルシートエディターを使用して属性をカスタマイズできます。カスタムスタイルシートエディターを使用すれば、カスケードスタイルシート (CSS) を直接編集できます。2 つのエディターを切り替えるには、[こちらをクリック] リンクを選択します。ポイント & クリックエディターを使用している場合は、[詳細属性の表示] チェックボックスをオンにして、[こちらをクリック] リンクにアクセスします。カスケードスタイルシート (CSS) に精通しているユーザーがだけが定義することをお勧めします。
-
希望に合わせてビジュアル要素を編集します。ポイント & クリックエディターを使用している場合:
- 基本または詳細属性の横にある [編集] をクリックします。詳細属性が表示されていない場合は、[詳細属性の表示] チェックボックスをオンにします。
- ポップアップウィンドウで、必要に応じて属性を変更します。
- ポップアップウィンドウで変更内容を確認するには、[OK] をクリックします。
カスタムスタイルシートエディターを使用している場合は、有効な CSS コードを入力します。
編集可能なすべてのページ属性一覧については、「セルフサービスページの属性」を参照してください。
- ビジュアル要素およびその属性に対するすべての変更内容を保存するには、[保存] をクリックします。カラーテーマを有効にするまで、セルフサービスユーザーには、カスタマイズした内容が表示されません。
- これらの手順を繰り返して、すべてのビジュアル要素とその属性を、必要に応じてカスタマイズします。
- [すべてのページに戻る] リンクをクリックしてカラーテーマのリストに戻り、次に [すべてのテーマに戻る] をクリックします。
- [有効なテーマの設定] をクリックします。
- ポータル、ライブ、およびリアルタイムで有効にするテーマを選択します。有効なテーマは組織で 1 つしか指定できません。
- [保存] をクリックします。
有効なテーマに加えた変更はただちに反映されるため、顧客を混乱させないためにも、完全にカスタマイズした後で、テーマを有効化することをお勧めします。
関連項目:
この記事で問題は解決されましたか?
ご意見をお待ちしております。
