スタイルの色をカスタマイズする方法

Prev Next

ClickFunnels で スタイル カラー をカスタマイズすると、各ページで何時間も費やすことなく、ファネルをブランドに一致させるための迅速かつ簡単な方法です。色を一度設定するだけで、すべてのファネルで一貫性のあるプロフェッショナルな外観を確保でき、貴重な時間を節約できます。変更を加えると、そのスタイルを利用するすべてのファネルに自動的に反映され、ファネル システム全体で一貫性が確保されます。この記事では、ClickFunnels でスタイルの色をカスタマイズして、一貫性のある魅力的なデザインを簡単に作成する方法を説明します。

Style colors


必要条件

  • アクティブなClickFunnelsアカウント


スタイルの色へのアクセス

  1. ClickFunnelsダッシュボードの左下にある [ワークスペース設定 ]をクリックします。

  2. 左側のメニューを下にスクロールし、[ スタイル] タブをクリックします。

  3. 編集するスタイルを見つけて、その右側にある [デザインのカスタマイズ] Black and White Palette をクリックします。

  4. 左側のメニューで、[ 色] をクリックして、スタイルの色設定にアクセスして編集します。


ClickFunnelsでのスタイルカラーの仕組み

ClickFunnels で スタイル カラー をカスタマイズする方法を理解することは、まとまりのあるプロフェッショナルな外観のファネルを作成するための鍵となります。スタイルカラーダッシュボードの操作に役立つ簡単なガイドは次のとおりです。

左側: スタイルカラーダッシュボード

スタイルカラーダッシュボードの左側は、次の2つの主要なセクションに分かれています。

  1. テーマカラー:

    • これらはあなたのスタイルの原色です。

    • ブランドカラーを使用するか、各正方形をクリックしてカラーパレットを探索し、好みの色を見つけることができます。

  2. ペイントカラー:

    • このセクションは、5つの背景バリエーションに分かれています。

      • 最も明るい背景

      • ライトの背景

      • 色付きの背景

      • 暗い背景

      • 最も暗い背景

    • これらの背景のいずれかをクリックすると、その設定が開きます。ここでは、設定したテーマの色に基づいて、背景のあらゆる部分の色をカスタマイズできます。

    • 背景サムネイルの上にある 自動生成 オプションを使用することもできます。システムは自動的にテーマの色を使用して、すべての背景の色を生成します。

右側:プレビュー

  • 右側には5つの背景のプレビューが表示されます。

  • このプレビューには、色、フォントなどのすべての要素が表示されます。

  • 左側で行った変更は、右側のプレビューに反映されます。

    手記

    プレビューは静的であるため、すべての変更を表示するには上下にスクロールする必要があります。


テーマの色のカスタマイズ

  1. スタイルカラーダッシュボードの左側にある テーマカラー の四角形をクリックします。

  2. 希望の色の HEX コードを 記述します。

  3. カラース ライダー を動かして、カラーパレットの アイコンをドラッグして、好きな色を選択することもできます。
    color palette

  4. 他のテーマカラーの正方形についてもこのプロセスを繰り返します。

  5. [ 更新 ] をクリックして変更を保存します。


背景色のカスタマイズ

  1. カスタマイズする 背景 を選択します。左側に新しいサイドバーが開きます。

  2. カラースクエアをクリックして調整します。

    • 背景: ベースカラー(背景画像の下)とオーバーレイカラー(背景画像の上)を選択します。

    • テキスト: 見出し小見出しコンテンツ テキストの色を設定します。

    • 装飾: リンクアイコン弾丸の色を選択します。

  3. 左側のサイドバーの上部にある 「色に戻る 」をクリックして、メインの色オプションに戻ります。

  4. [ 更新 ] をクリックして変更を保存します。