---
schema_version: "1"
id: f29eb2d5b72d422a8e763eb084f5042338df57c43d7f6b2f5d99d1521a864e03
title: Exchange 公開ポータルのカスタマイズ
collection: mulesoft
version: current
locale: ja-jp
portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/exchange/to-customize-portal.md
canonical_url: https://docs.mulesoft.com/jp/exchange/to-customize-portal
source_site: docs.mulesoft.com
content_type: documentation
content_hash: e12f58d78cd116385536968ce856304d4455c634cdc655f21cd1e803280f8c39
description: MuleSoft Documentation Site
latest: true
---
# Exchange 公開ポータルのカスタマイズ

Exchange 管理者または組織のオーナーアクセス権がある場合、Exchange 公開ポータルの外観をカスタマイズできます。

公開ポータルにアクセスし、ナビゲーションバーの右にある ​**\[Customize (カスタマイズ)\]**​ をクリックします。

## [](#ポータルデフォルト設定)ポータルデフォルト設定

ポータルのカスタマイズをデフォルト設定に戻す必要がある場合、次の値を使用します。

- 背景色: #262728
- テキストの色: #FFFFFF
- テキストの色 (有効): #00A2DF
- [\[Welcome (ようこそ)](https://cdn.anypoint.mulesoft.com/artifacts/exchange-ui/images/hero-image-default.png) セクションのヒーロー画像\]
    
    **注意:**​ ブラウザーで画像を開き、右クリックして画像をコンピューターに保存します。Exchange で、画像をアップロードし、 ポータルの画像をコンピューターの画像に置き換えることができます。
- \[Welcome (ようこそ)\] セクションのテキストの色: #FFFFFF

## [](#バナーテキスト)バナーテキスト

**\[Customize (カスタマイズ)\]**​ をクリックした後に、バナーテキストをクリックします。変更するテキストを削除し、新しいテキストを追加します。

## [](#上部バーのカスタマイズ)上部バーのカスタマイズ

上部ナビゲーションバーの外観を変更できます。

### [](#ロゴ画像)ロゴ画像

ロゴ画像ファイルを選択します。ファイル内の画像の高さが 60 ピクセルを超える場合、Exchange では画像が 60 ピクセルの高さにサイズ変更されます。画像は縦横比を保ったままサイズ変更されます。たとえば、500 x 500 ピクセルの画像は 60 x 60 ピクセルにサイズ変更されます。

画像ファイルには、​`bmp`​、​`gif`​、​`ico`​、​`jpe`​、​`jpeg`​、​`jpg`​、​`png`​、​`svg`​、​`tif`​、​`tiff`​、または ​`webp`​ 形式を使用できます。

SVG ファイルは 100 KB 以下に制限されます。

### [](#ブラウザータブのお気に入りアイコン)ブラウザータブのお気に入りアイコン

公開ポータルのブラウザータブに表示されるお気に入りアイコン画像を選択します。画像の最大サイズは、ブラウザーの要件によって 異なります。お気に入りアイコンファイルには、最大 5 個のサイズ (16 x 16、32 x 32、64 x 64、128 x 128、512 x 512 など) を含めることができます。

### [](#背景色)背景色

上部タスクバーの色に赤 - 緑 - 青 (RGB) の 16 進数値を選択します。

### [](#テキストの色)テキストの色

上部バーテキストに 16 進数の RGB 色を指定します。色は、白の #FFFFFF から黒の #000000 までの範囲です。少なくとも 3 つの 16 進文字を指定する必要があります。たとえば、#F42 を指定すると、#FF4422 の値が生成されます。この項目は大文字と小文字を区別しません。

### [](#有効なテキストの色)有効なテキストの色

テキストにマウスポインターが置かれているときの上部バーテキストの 16 進数の RGB 色を指定します。色は、白の #FFFFFF から黒の #000000 までの範囲です。少なくとも 3 つの 16 進文字を指定する必要があります。たとえば、#F42 を指定すると、#FF4422 の値が生成されます。この項目は大文字と小文字を区別しません。

## [](#ヒーロー画像バナー)ヒーロー画像バナー

公開ポータルのバナーの画像を選択します。ヒーロー画像ファイルには、​`bmp`​、​`gif`​、​`ico`​、​`jpe`​、​`jpeg`​、​`jpg`​、​`png`​、​`svg`​、​`tif`​、​`tiff`​、または ​`webp`​ 形式を使用できます。 バナー画像の最大ファイルサイズは 2 MB です。バナー画像をアニメーション GIF ファイルにすることもできます。

指定した画像は、ブラウザーのウィンドウサイズによって決定されるウィンドウサイズに合わせて伸縮されます。高さは 220 ピクセルに固定されています。

SVG ファイルは 100 KB 以下に制限されます。

### [](#バナーテキストの色)バナーテキストの色

バナーテキストの 16 進数の赤 - 緑 - 青の色を指定します。色は、白の #FFFFFF から黒の #000000 までの範囲です。少なくとも 3 つの 16 進文字を指定する必要があります。たとえば、#F42 を指定すると、#FF4422 の値が生成されます。この項目は大文字と小文字を区別しません。

## [](#カスタムページ)カスタムページ

カスタムページは、公開ポータルの上部にタブとして表示されます。Exchange のビジュアルエディターまたはマークダウンエディターを使用して、テキスト、画像、または動画をページに追加します。

カスタムページを削除するには、​**\[Delete Page (ページを削除)\]**​ をクリックします。このボタンが見つからない場合は、公開ポータルブラウザーウィンドウのサイズを変更して ​**\[Delete Page (ページを削除)\]**​ ボタンを表示します。

カスタムページタブの順序を変更するには、​**\[Custom pages (カスタムページ)\]**​ リスト内のエントリを目的の順序にドラッグします。

## [](#login-page-ログインページ)Login Page (ログインページ)

ユーザーは、いつでも Anypoint Platform ログインを使用して組織の Exchange 公開ポータルにアクセスできます。

Anypoint Platform ​[ID 管理](https://docs.mulesoft.com/jp/access-management/external-identity)​を使用して、Okta などのサードパーティ ID プロバイダー (IdP) を使用するオプションをログインページに追加できます。

多くの組織では、内部ユーザーにはサードパーティ IdP を使用するシングルサインオン (SSO)、外部ユーザーには Anypoint Platform ログインを提供します。

外部ユーザーは、オンボーディング、クライアント ID とクライアントシークレットの取得、コメントの入力、API の評価を行うためにログインします。

公開ポータルの組織のブランディングのカスタマイズ (背景色、テキストの色、アクティブなテキストの色、ロゴなど) は、ログインページに適用されます。

## [](#関連情報)関連情報

- [公開ポータルのバニティドメイン](https://docs.mulesoft.com/jp/exchange/portal-vanity-domain)
- [アセットの説明](https://docs.mulesoft.com/jp/exchange/to-describe-an-asset)
- [Stack Overflow のお気に入りアイコンに関するディスカッション](https://stackoverflow.com/questions/4014823/does-a-favicon-have-to-be-32x32-or-16x16)