> 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/ta/creator-editptaruwokasutamaizusuru.md).

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

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

{% hint style="danger" %}
**変更はすぐに公開されます。** 保存すると、クリエイターにはすぐに編集内容が表示されます。設定に迷う場合は、 [サポートにお問い合わせのうえ](https://app.impact.com/support/portal.ihtml?createTicket=true&) 変更を行ってください。
{% endhint %}

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

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

1. impact.com アカウントの上部ナビゲーションバーで ![](/files/2c38195ecc23a36266a65082c4bfc52f44a43503) **［ユーザープロフィール］→［設定］を選択します。**
2. 右側の *Program Settings*の下で *Creator Edit* に移動し、 [**Look and Feel**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.**
3. の *Look and Feel* 設定で、ポータルの視覚オプションを調整します。下記の *ポータルの外観を編集する* セクションを参照してください。
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:

```
GET https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/creator-edit-configuration/ta/creator-editptaruwokasutamaizusuru.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.