Lightning Aura Components Developer Guide (Lightning Aura コンポーネント開発者ガイド)
jコミュニティ用のカスタムの検索およびプロファイルメニューコンポーネントの作成
コミュニティビルダーで、カスタマーサービステンプレートの標準 [プロファイルヘッダー] コンポーネントや [検索パブリッシャーと投稿パブリッシャー] コンポーネントと交換するカスタムコンポーネントを作成します。
forceCommunity:profileMenuInterface
forceCommunity:profileMenuInterface インターフェースを Aura コンポーネントに追加して、カスタマーサービスコミュニティテンプレートのカスタムプロファイルメニューコンポーネントとして使用できるようにします。作成したカスタムプロファイルメニューコンポーネントは、システム管理者がコミュニティビルダーの で選択して、テンプレートの標準 [プロファイルヘッダー] コンポーネントと交換できます。
以下は、シンプルなプロファイルメニューコンポーネントのサンプルコードです。
1<aura:component implements="forceCommunity:profileMenuInterface" access="global">
2 <aura:attribute name="options" type="String[]" default="Option 1, Option 2"/>
3 <ui:menu >
4 <ui:menuTriggerLink aura:id="trigger" label="Profile Menu"/>
5 <ui:menuList class="actionMenu" aura:id="actionMenu">
6 <aura:iteration items="{!v.options}" var="itemLabel">
7 <ui:actionMenuItem label="{!itemLabel}" click="{!c.handleClick}"/>
8 </aura:iteration>
9 </ui:menuList>
10 </ui:menu>
11</aura:component>forceCommunity:searchInterface
forceCommunity:searchInterface インターフェースを Aura コンポーネントに追加して、カスタマーサービスコミュニティテンプレートのカスタム検索コンポーネントとして使用できるようにします。作成したカスタム検索コンポーネントは、システム管理者がコミュニティビルダーの で選択して、テンプレートの標準 [検索パブリッシャーと投稿パブリッシャー] コンポーネントと交換できます。
以下は、シンプルな検索コンポーネントのサンプルコードです。
1<aura:component implements="forceCommunity:searchInterface" access="global">
2 <div class="search">
3 <div class="search-wrapper">
4 <form class="search-form">
5 <div class="search-input-wrapper">
6 <input class="search-input" type="text" placeholder="My Search"/>
7 </div>
8 <input type="hidden" name="language" value="en" />
9 </form>
10 </div>
11 </div>
12</aura:component>