For the complete documentation index, see llms.txt. This page is also available as Markdown.

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

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

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

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

  1. impact.com アカウントの上部ナビゲーションバーから、 [ユーザープロフィール]→ 設定。

  2. 右側で、 プログラム設定に移動します Creator Edit を選択し 外観と雰囲気.

  3. その 外観と雰囲気 設定で、ポータルのビジュアルオプションを調整します。詳細は ポータルの外観と雰囲気を編集する セクションを参照してください。

  4. 満足できたら、 保存.

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

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

  • プライマリブランディング:メインのブランドカラーを設定します。

  • セカンダリブランディング:セカンダリのブランドカラーを設定します。

  • ターシャリブランディング:アクセントまたはターシャリのブランドカラーを設定します。

  • スプラッシュ背景:スプラッシュ/読み込み画面の背景色を設定します。

  • オンボーディング背景:クリエイターのオンボーディングフローの背景色を設定します。

  • 設定背景:ポータルの設定ページの背景色を設定します。

  • プライマリ背景:ポータルのダッシュボードのメイン背景色を設定します。

  • プライマリ境界線:プライマリの枠線と区切り線の色を設定します。

  • 成功:成功メッセージと通知に使用する色を設定します。

  • 警告:警告メッセージとアラートに使用する色を設定します。

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

  • プライマリボタン:プライマリボタンの テキスト, 背景, ホバー時の背景、および クリック。16進数のカラーコード(例:白は #FFFFFF)を入力して色を設定します。

  • セカンダリボタン:セカンダリボタンの テキスト, 背景, ホバー時の背景、および クリック。16進数のカラーコード(例:白は #FFFFFF)を入力して色を設定します。

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

  • エラー:エラーメッセージの色を設定します。

  • インフルエンサー指標のラベルテキスト:パフォーマンス指標のラベルの色を設定します。

  • リンク色:クリック可能なすべてのハイパーリンクの色を設定します。

  • オンボーディングテキスト:オンボーディング中のメインテキスト色を設定します。

  • オンボーディングのセカンダリテキスト:オンボーディング中に使用するセカンダリテキスト色を設定します。

  • プライマリモーダルテキスト:モーダルのポップアップ内のテキスト色を設定します。

  • プライマリテキスト:ほとんどの本文コンテンツのデフォルトのテキスト色を設定します。

  • セカンダリリンク:セカンダリまたは目立たないリンクの色を設定します。

  • セカンダリテキスト:補足的または控えめなテキストの色を設定します。

  • 設定テキスト:設定ページ専用のテキスト色を設定します。

  • スプラッシュテキスト:スプラッシュ/読み込み画面のテキスト色を設定します。

  • UIコンポーネントのプライマリテキスト:プライマリUIコンポーネントのテキスト色を設定します。

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

  • 選択済みチェックボックス:チェックボックスが選択されたときの色を設定します。

  • 選択済みラジオボタン:ラジオボタンが選択されたときの色を設定します。

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

  • プライマリモーダル背景:モーダルのポップアップの背景色を設定します。

  • UIコンポーネントのプライマリ:アクティブなタブや選択済み項目などのプライマリUI要素の色を設定します。

  • UIコンポーネントのセカンダリ:セカンダリUI要素の色を設定します。

  • ピル型コンテナの背景:ピル型のタグやラベルの背景色を設定します。

  • フッター背景:ページフッターの背景色を設定します。

  • ヘッダー背景:ページヘッダーの背景色を設定します。

  • プログレスバー背景:プログレスバーの背景色を設定します。

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

  • フォントのライト、レギュラー、ボールド:主要フォントスタイルのフォントをアップロードします。

  • セカンダリフォントのセミボールド、レギュラー、ボールド:セカンダリフォントスタイルのフォントをアップロードします。

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

  • ボタンの角丸:プライマリボタンの角の丸みを設定します。

  • 特典コンテンツのヘッダーフォントサイズ:特典コンテンツカードのヘッダーのフォントサイズを調整します。

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

  • カテゴリカードのスタイル円形四角形スタイルを選択すると、 四角形 カードの角の丸みをカスタマイズできます。

  • コレクションカードのスタイル円形四角形スタイルを選択すると、 四角形 カードの角の丸みをカスタマイズできます。

最終更新

役に立ちましたか?