> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md).

# クリエイター編集ポータルをカスタマイズする

{% hint style="warning" %}
この記事では、あなたの設定を [Creator Edit ポータル](/brand/ja/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [お問い合わせ](https://app.impact.com/support/portal.ihtml?createTicket=true&) 詳細を確認するには。
{% endhint %}

ブランドのビジュアルアイデンティティに合わせて、Creator Edit ポータルの外観をカスタマイズできます。色、フォント、コンポーネントのスタイルなど、さまざまなビジュアル要素を変更して、クリエイターに一貫したブランド体験を提供できます。

{% hint style="danger" %}
**変更はすぐに反映されます。** 保存すると、クリエイターにはすぐに変更が表示されます。設定に自信がない場合は、 [サポートにお問い合わせください](https://app.impact.com/support/portal.ihtml?createTicket=true&) 変更を加える前に。
{% endhint %}

#### 設定ページにアクセスする

この設定ページにアクセスできるのは impact.com からのみです。

1. impact.com アカウントの上部ナビゲーションバーから、 ![](/files/173ecabf39fd91e83f3ac16fba44d8e9c845708d) **［ユーザープロフィール］→ 設定。**
2. 右側で、 *プログラム設定*に移動します *Creator Edit* を選択し [**外観と雰囲気**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.**
3. その *外観と雰囲気* 設定で、ポータルのビジュアルオプションを調整します。詳細は *ポータルの外観と雰囲気を編集する* セクションを参照してください。
4. 満足できたら、 **保存**.

#### ポータルの外観と雰囲気を編集する

{% tabs %}
{% tab title="一般的な色" %}
16進数のカラーコードを使用して、ポータルの全体的な色を定義します。これらの色は、背景、枠線、ブランディング要素に適用されます。

* **プライマリブランディング**：メインのブランドカラーを設定します。
* **セカンダリブランディング**：セカンダリのブランドカラーを設定します。
* **ターシャリブランディング**：アクセントまたはターシャリのブランドカラーを設定します。
* **スプラッシュ背景**：スプラッシュ／読み込み画面の背景色を設定します。
* **オンボーディング背景**：クリエイターのオンボーディングフローの背景色を設定します。
* **設定背景**：ポータルの設定ページの背景色を設定します。
* **プライマリ背景**：ポータルのダッシュボードのメイン背景色を設定します。
* **プライマリ境界線**：プライマリの枠線と区切り線の色を設定します。
* **成功**：成功メッセージと通知に使用する色を設定します。
* **警告**：警告メッセージとアラートに使用する色を設定します。
  {% endtab %}

{% tab title="ボタン" %}
テキスト色、背景色、インタラクション状態（ホバーとクリック）を含む、ポータルのボタンの外観を定義します。また、ポータル内でボタンがどのように表示されるかをプレビューできます。

* **プライマリボタン**：プライマリボタンの *テキスト*, *背景*, *ホバー時の背景*、および *クリック*。16進数のカラーコード（例：白は #FFFFFF）を入力して色を設定します。
* **セカンダリボタン**：セカンダリボタンの *テキスト*, *背景*, *ホバー時の背景*、および *クリック*。16進数のカラーコード（例：白は #FFFFFF）を入力して色を設定します。
  {% endtab %}

{% tab title="テキスト" %}
16進数のカラーコードを使用して、さまざまなテキスト要素の色を定義し、読みやすさと一貫性を確保します。また、ポータル内でテキストがどのように表示されるかをプレビューできます。

* **エラー**：エラーメッセージの色を設定します。
* **インフルエンサー指標のラベルテキスト**：パフォーマンス指標のラベルの色を設定します。
* **リンク色**：クリック可能なすべてのハイパーリンクの色を設定します。
* **オンボーディングテキスト**：オンボーディング中のメインテキスト色を設定します。
* **オンボーディングのセカンダリテキスト**：オンボーディング中に使用するセカンダリテキスト色を設定します。
* **プライマリモーダルテキスト**：モーダルのポップアップ内のテキスト色を設定します。
* **プライマリテキスト**：ほとんどの本文コンテンツのデフォルトのテキスト色を設定します。
* **セカンダリリンク**：セカンダリまたは目立たないリンクの色を設定します。
* **セカンダリテキスト**：補足的または控えめなテキストの色を設定します。
* **設定テキスト**：設定ページ専用のテキスト色を設定します。
* **スプラッシュテキスト**：スプラッシュ／読み込み画面のテキスト色を設定します。
* **UIコンポーネントのプライマリテキスト**：プライマリUIコンポーネントのテキスト色を設定します。
  {% endtab %}

{% tab title="フォーム" %}
16進数のカラーコードを使用して、インタラクティブなフォーム要素の外観をブランドに合わせて定義します。また、ポータル内でチェックボックスとラジオボタンがどのように表示されるかをプレビューできます。

* **選択済みチェックボックス**：チェックボックスが選択されたときの色を設定します。
* **選択済みラジオボタン**：ラジオボタンが選択されたときの色を設定します。
  {% endtab %}

{% tab title="コンポーネント" %}
16進数のカラーコードを使用して、ポータルのさまざまな構造コンポーネントの色を定義します。

* **プライマリモーダル背景**：モーダルのポップアップの背景色を設定します。
* **UIコンポーネントのプライマリ**：アクティブなタブや選択済み項目などのプライマリUI要素の色を設定します。
* **UIコンポーネントのセカンダリ**：セカンダリUI要素の色を設定します。
* **ピル型コンテナの背景**：ピル型のタグやラベルの背景色を設定します。
* **フッター背景**：ページフッターの背景色を設定します。
* **ヘッダー背景**：ページヘッダーの背景色を設定します。
* **プログレスバー背景**：プログレスバーの背景色を設定します。
  {% endtab %}

{% tab title="フォント" %}
ポータル全体で使用するブランドのフォントを定義します。対応ファイル形式は .TTF、.OTF、.WOFF です。アップロードしたフォントがポータル内でどのように表示されるかもプレビューできます。

* **フォントのライト、レギュラー、ボールド**：主要フォントスタイルのフォントをアップロードします。
* **セカンダリフォントのセミボールド、レギュラー、ボールド**：セカンダリフォントスタイルのフォントをアップロードします。
  {% endtab %}

{% tab title="その他のスタイル" %}
特定のコンポーネント向けに追加のスタイルオプションを調整します。選択したスタイルオプションがポータル内でどのように表示されるかもプレビューできます。

* **ボタンの角丸**：プライマリボタンの角の丸みを設定します。
* **特典コンテンツのヘッダーフォントサイズ**：特典コンテンツカードのヘッダーのフォントサイズを調整します。
  {% endtab %}

{% tab title="カテゴリとコレクション" %}
ポータルでカテゴリとコレクションを表示するために使用するカードのスタイルを定義します。選択したスタイルがポータル内でどのように表示されるかをプレビューできます。

* **カテゴリカードのスタイル**： **円形** 、 **四角形**スタイルを選択すると、 **四角形** カードの角の丸みをカスタマイズできます。
* **コレクションカードのスタイル**： **円形** 、 **四角形**スタイルを選択すると、 **四角形** カードの角の丸みをカスタマイズできます。
  {% endtab %}
  {% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.