--- schema_version: "1" id: d345fd7c7ebf460c36476d99fbac796a7690e0d84b19f3b9929853ab90093e94 title: ポータルの外観のカスタマイズ collection: mulesoft version: current locale: ja-jp portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/api-experience-hub/look-and-feel-customization.md canonical_url: https://docs.mulesoft.com/jp/api-experience-hub/look-and-feel-customization source_site: docs.mulesoft.com content_type: documentation content_hash: 84ac375f4e954624dc62fe329439be1f1183d6143724dea58553d7dced9abb13 description: MuleSoft Documentation Site latest: true --- # ポータルの外観のカスタマイズ ビルダーでは、サイトのコンポーネント、テーマ、ページ、およびその一般プロパティ、テーマ、SEO の設定を制御して、目的のブランドアイデンティティ、外観、サイト構造の Salesforce Experience Cloud サイトを作成します。 ビルダーリンクにより、サイトが開いて編集できるようになります。ポータルの各ページを編集し、新しいページを作成し、各ページのコンポーネントを追加および編集できます。 ビルダーのインターフェースには、ページリスト、コンポーネントパレット、テーマメニュー、ページ構造メニュー、設定メニューが含まれています。 API Experience Hub は、モバイルデバイスでの使用は保証されていません。一部の機能はモバイルデバイスで動作しますが、API Console などの一部の機能は動作しません。 ## [](#ページリスト)ページリスト \[ページ\] リストには、API Experience Hub に含まれるページおよび追加したページが表示され、各ページを選択および編集できます。含まれているホームページがデフォルトで選択されています。 \[ページ\] リストでは、\[新規ページ\] オプションを使用して新規ページを作成できます。新規ページはオブジェクトページまたは標準ページのどちらかになります。オブジェクトページは Salesforce オブジェクトでのみ使用されるため、カスタムコミュニティページは標準ページとして開始されます。標準ページは、いずれかの事前設定済みのページから、または空白ページで開始できます。 新しい空白のページを作成する場合は、レイアウトを選択してから、新しいページの名前と URL を入力します。その URL は、メニューに登録されるリンクなど、新規ページへのリンクを作成するために使用します。 レイアウトに応じて、新規ページにはコンテンツのプレースホルダーが表示されます。 ページヘッダーの \[見出し\] コンポーネント、または API Experience Hub コンポーネント (\[API Version Carousel (API バージョンカルーセル)\] など) のようなコンポーネントを \[コンポーネント\] メニューから新しいページに追加します。 \[ページ\] リストには、各ページの編集可能な設定プロパティが表示されます。これらのプロパティの詳細については、 [「エクスペリエンスビルダーでのコミュニティのページとプロパティの管理」](https://help.salesforce.com/s/articleView?id=sf.community_builder_manage_pages_overview.htm&type=5)​を参照してください。 ## [](#コンポーネント)コンポーネント \[コンポーネント\] 稲妻アイコンをクリックすると、コンポーネントパレットが表示されます。このパレットには、Salesforce Experience Cloud コンポーネント (\[見出し\] や \[主要トピック\] など)、および API コミュニティマネージャーに固有のコンポーネント (\[API Carousel (API カルーセル)\] や \[API Console\] など) が含まれます。任意のコンポーネントをコンポーネントパレットから現在のページにドラッグできます。ページ内のコンポーネントを選択すると、そのコンポーネントの設定オプションが表示されます。 API Experience Hub には、次の Lightning コンポーネントがあります。 - API Console - Asset Detail Header (アセット詳細ヘッダー) - Asset Documentation Viewer (アセットドキュメントビューアー) - Assets Carousel (アセットカルーセル) - Assets Catalog (アセットカタログ) - Search Box (検索ボックス) - Search Result コンポーネントの詳細な情報については、ページと Salesforce Experience Cloud の [「コンポーネント」](https://help.salesforce.com/s/articleView?id=sf.rss_component_reference_table.htm&type=5)​ドキュメントを参照してください。各コンポーネントの説明については、​[「API Experience Hub Lightning コンポーネント」](https://docs.mulesoft.com/jp/api-experience-hub/api-experience-hub-lightning-components)​を参照してください。 ## [](#テーマ)テーマ \[テーマ\] ペイントブラシアイコンをクリックすると、次の一般的なブランディングパラメーターが表示されます。 - Colors (色) 段落、見出し、ボタンテキストなど、サイトの一般色スキームを設定します。 - 画像 サイトの会社のロゴとログインページの背景画像を指定します。 - フォント プライマリフォントと見出しのフォントを含むサイトのフォントを指定し、サイトのテキストの大文字/小文字を指定します。 - テーマの設定 CSS ルールを編集することで、コミュニティのスタイルを調整できます。\[テーマ\] タイトルの横にある \[テーマ\] リストをクリックし、\[CSS を編集\] をクリックします。 [「エクスペリエンスビルダーサイトのテーマのカスタマイズ」](https://help.salesforce.com/s/articleView?id=sf.community_builder_theme_customize.htm&type=5)​を参照してください。 ブランドセットを使用して複数のポータルをブランド設定します。詳細は、 [「エクスペリエンスビルダーでのブランドセットの使用」](https://help.salesforce.com/s/articleView?id=sf.community_designer_brandsets.htm&type=5)​を参照してください。 ## [](#ページ構造)ページ構造 箇条書きを思わせる \[ページ構造\] アイコンをクリックすると、現在のページのコンポーネントが表示され、それらを選択および削除できます。コンポーネントを選択すると、その設定メニューが表示されます。 ## [](#設定)設定 \[設定\] 歯車アイコンをクリックすると、次のパラメーターが表示されます。 - [一般](https://help.salesforce.com/articleView?id=community_builder_general_settings.htm&type=5) - [テーマ](https://help.salesforce.com/articleView?id=community_builder_theme.htm&type=5) - SEO 検索エンジン最適化 (SEO) 機能は、どの情報に対して外部サービスがインデックスを作成できて、オンライン検索で検出できるかを定義することで、公開コミュニティへのトラフィックを増やします。 詳細は、 [「エクスペリエンスビルダーの設定」](https://help.salesforce.com/s/articleView?id=sf.community_builder_general_settings.htm&type=5)​ヘルプトピックを参照してください。 ## [](#関連情報)関連情報 [API Experience Hub Lightning コンポーネント](https://docs.mulesoft.com/jp/api-experience-hub/api-experience-hub-lightning-components)