進行状況の追跡を始めよう
Trailhead のホーム
Trailhead のホーム

ユーザインターフェースのカスタマイズ

学習の目的

この単元を完了すると、次のことができるようになります。
  • Lightning Experience ではページレイアウト要素によってレコードページのコンテンツがどのように決定されるかを理解する。
  • Lightning Experience ユーザインターフェースのうちコンパクトレイアウトによって決定される部分を識別する。

レイアウトで Lightning Experience のレコードをカスタマイズできる

ページレイアウトやコンパクトレイアウトといった使い慣れたツールを使用して、Lightning Experience のレコードページのコンテンツをカスタマイズできます。

Lightning Experience のページレイアウト

Salesforce Classic でページレイアウトをカスタマイズすると、これらの変更が Lightning Experience のオブジェクトレコードページの内容に影響することがあります。ただし、Lightning Experience ではページ要素が異なって表示され、一部はサポートされていません。

組織で複数のページレイアウトがサポートされる場合、オブジェクトマネージャで任意のオブジェクトの [ページレイアウト] 関連リストからページレイアウトを作成できます。また、[ページレイアウト] 関連リストのページレイアウトで [アクション] 関連リストアイコン をクリックして、オブジェクトのページレイアウトを編集または削除することもできます。

次に、Lightning Experience での取引先責任者レコードのサンプルを示します。重要なレコード項目が含まれる強調表示パネルは、ページレイアウトエディタを使用してカスタマイズできないレコードページの唯一の部分です。強調表示パネルの項目をカスタマイズするには、コンパクトレイアウトを使用します。コンパクトレイアウトはこの後すぐに取り上げます。

Lightning Experience の取引先責任者レコードページのサンプル

次のページレイアウト要素は Lightning Experience でサポートされています。

アクション
アクションは、強調表示パネル、[活動] タブ、[Chatter] タブなど、異なる場所に表示されます。アクションは、ページレイアウトの [Salesforce モバイルおよび Lightning Experience アクション] セクションのアクションリストから派生します。一部のアクションは、Lightning Experience でサポートされていません。

Lightning Experience のアクションの詳細は、次の単元で学習します。

空白スペース
Lightning Experience では、空白スペースがサポートされます。
キャンバスアプリケーション
キャンバスアプリケーションは、Lightning Experience でサポートされています。
カスタムリンク
カスタムリンクは、[詳細] タブの下に表示されます。
項目
項目は、[詳細] タブの下に表示されます。ページレイアウトの項目の削除または順序変更に使用できるのは、ページレイアウトエディタのみです。
タブキーの上から下の順序により、レコード詳細ページを参照するユーザが項目列を上から下へ移動し、その後、次の項目列の一番上にフォーカスを移動できますが、この機能は Lightning Experience ではサポートされません。ページレイアウトで上から下の順にタブキーで移動できるように設定されている場合でも、Lightning Experience では項目列を左から右の順に移動します。
関連リスト
Lightning Experience では、関連リストが Lightning コンポーネントとして含まれています。すべての関連リストが Lightning Experience でサポートされているわけではありません。
Lightning Experience では、関連リスト種別によって関連リストに表示される項目の数が決まります。[基本リスト] 関連リスト種別では、関連リストの最初の 4 項目のみが表示されます。[拡張リスト] 種別では、最大 10 項目が表示され、列のサイズ変更と並び替え、一括アクションの実行、テキストの折り返しを行うことができます。関連リスト種別を変更するには、Lightning アプリケーションビルダーで関連リストコンポーネントをカスタマイズします。
レポートグラフ
Lightning Experience では、ページレイアウトに追加したレポートグラフは [詳細] タブの下に表示されます。レポートグラフをページレイアウトに追加してから Lightning レコードページにそのグラフが表示されるまで、しばらく時間がかかることがあります。
セクション
セクションは [詳細] タブの下に項目と共に表示されます。ヘッダーがないセクションは、その上にあるセクションに組み込まれます。
詳細ページの表示設定によって、詳細ページと編集ページの両方にセクションヘッダーが表示されるかどうかを制御します。セクションヘッダーが詳細ページに表示される (表示されない) ように設定する場合、ヘッダーは編集ページでも表示されます (表示されません)。
標準ボタンとカスタムボタン
標準ボタンとカスタムボタンは、Salesforce アプリケーションの場合と同様に、Lightning Experience でアクションとして処理されます。
重要

重要

JavaScript をコールするカスタムボタンは、Lightning Experience ではサポートされていません。

Visualforce ページ
ページレイアウトに追加した Visualforce ページは、[詳細] タブの下に表示されます。[Lightning Experience、Lightning コミュニティ、およびモバイルアプリケーションで利用可能] が有効になっている Visualforce ページのみが、Lightning Experience で Lightning ページ、ユーティリティバー、Salesforce アプリケーションに表示されます。
次のページレイアウト要素は Lightning Experience ではサポートされていません。
  • 拡張ルックアップ
  • モバイルカード
  • Sコントロール
  • 編集ページのセクションヘッダー表示設定
  • タグ
メモ

メモ

Lightning Experience のレコードホームページのレイアウトのカスタマイズには、高度なページレイアウトエディタを使用できません。

Lightning Experience のコンパクトレイアウト

「Salesforce モバイルの基本事項」モジュールを終了している場合は、コンパクトレイアウトと Salesforce モバイルアプリケーションでのその機能についてご存知でしょう。コンパクトレイアウトは Lightning Experience でも、レコードページの強調表示パネルにレコードの重要な項目を表示するという同じ役割を果たします。コンパクトレイアウトは、活動タイムラインや拡張ルックアップカードなど、他の場所でも使用されます。

コンパクトレイアウトを使用すると、ユーザの目に付きやすい場所に最も重要な項目を配置できます。組織でレコードタイプをサポートしている場合は、ページレイアウトの場合と同様に、コンパクトレイアウトをさまざまなレコードタイプに割り当てることができます。

Lightning Experience では、コンパクトレイアウトの最初の 7 項目までがオブジェクトレコードの強調表示パネルに表示されます(画面が小さい場合は、強調表示パネルに表示される項目数が少なくなります)。ユーザがオブジェクトレコードページの参照関係項目にマウスポインタを置くと、その項目の強調表示パネルに、コンパクトレイアウトから最初の 5 項目が表示されます。強調表示パネルには、コンパクトレイアウトから最初の項目が最上位に太字で表示されます。

Lightning のコンパクトレイアウト

ヒント

ヒント

何のレコードが表示されているかをユーザが把握できるように、オブジェクトの [名前] 項目を最初に置きます。

行動および ToDo コンパクトレイアウトによって、Lightning Experience で活動タイムラインの活動を展開したときに詳細セクションに表示される項目が決まります。活動タイムラインで ToDo のコンパクトレイアウトを変更すると、ToDo に関する [特長] 領域、ToDo リスト、そのコンパクトレイアウトが使用されるその他すべての場所に表示される項目にも影響があります。

Lightning Experience のオブジェクトマネージャにあるオブジェクトの [コンパクトレイアウト] 関連リストからコンパクトレイアウトを作成および編集できます。

コンパクトレイアウトに行った変更は、Lightning Experience と Salesforce モバイルアプリケーションの両方に反映されます。