Lightning コミュニティ開発者ガイド
Spring '26 (API version 66.0)
Winter '25 (API version 62.0)
Spring '24 (API version 60.0)
Winter '24 (API version 59.0)
Summer '23 (API version 58.0)
Spring '23 (API version 57.0)
Winter '23 (API version 56.0)
Summer '22 (API version 55.0)
Spring '22 (API version 54.0)
Winter '22 (API version 53.0)
Spring '21 (API version 51.0)
Winter '21 (API version 50.0)
Summer '20 (API version 49.0)
ステップ 1: 基本テーマレイアウト構造を作成する
ステップ 2: トークンバンドルを定義する
ステップ 3: ロゴコンポーネントを追加する
ステップ 4: 縦方向ナビゲーションメニューを作成する
ステップ 5: カスタム検索コンポーネントを作成する
ステップ 6: 設定プロパティをテーマレイアウトに追加する
コミュニティパフォーマンスの分析と向上
例: 集約されたテーマレイアウトコンポーネントの作成
では、ホームページのサンプルテーマレイアウトコンポーネントの作成方法を見てみましょう。ホームページには、ナビゲーションバーとカスタム検索コンポーネントがあり、ヘッダーは完全に削除されています。
このセクションのコードサンプルを使用すると、カスタムテーマレイアウトのスケルトンを作成できます。
-
ステップ 1: 基本テーマレイアウト構造を作成する
テーマレイアウトコンポーネントの基本構造を作成するには、2 つの領域 (search と sidebar) を定義する属性を追加します。そして、領域の表示場所を定義する属性をマークアップに追加します。 -
ステップ 2: トークンバンドルを定義する
Aura コンポーネントがブランド設定トークンにアクセスするには、同じ名前空間でトークンバンドルを定義します。開発者コンソールで、defaultTokens という新しいトークンバンドルを作成します。 -
ステップ 3: ロゴコンポーネントを追加する
テーマレイアウトコンポーネントに戻って会社のロゴを追加します。 -
ステップ 4: 縦方向ナビゲーションメニューを作成する
サイドバーに縦方向ナビゲーションメニューを追加するには、抽象forceCommunity:navigationMenuBase コンポーネントを拡張する新しいコンポーネントを verticalNav という名前で作成します。 -
ステップ 5: カスタム検索コンポーネントを作成する
forceCommunity:searchInterface を実装する新しいカスタム検索コンポーネントを customSearch という名前で作成します。次の例では、いくつかのオブジェクトを照会して、検索語と一致するレコード ID を返しています。そして、レコード名と完全なレコードの詳細へのリンクを含むカスタムページにリダイレクトします。 -
ステップ 6: 設定プロパティをテーマレイアウトに追加する
システム管理者がエクスペリエンスビルダーで新しい検索コンポーネントを完全に非表示にするためのオプションを追加します。