> 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).

# Creator Editポータルをカスタマイズする

{% 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.