スタイルの使用を開始する

ClickFunnels スタイル機能を使用すると、一貫性のあるプロフェッショナルな外観のファネルを簡単に作成できます。この記事は、スタイルとは何か、そしてなぜそれが重要なのかを理解するのに役立ちます。ファネルを素晴らしく一貫性のあるものにするために、スタイルを作成、カスタマイズ、適用する方法を学びます。

必要条件

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

スタイルとは何か、なぜ重要なのか

ClickFunnels のスタイルは、ページのすべての部分が一貫して表示され、ブランドと一致するようにするデザイン設定です。これらの設定には、フォント、色、影、罫線、ボタン、角のオプションが含まれます。スタイルを使用すると、すべてのファネルとページにわたって統一されたプロフェッショナルな外観を作成し、より魅力的でユーザーフレンドリーなものにすることができます。

一貫したデザインは、視聴者との信頼を築き、ブランド アイデンティティを強化するのに役立ちます。ファネルが洗練され、まとまりのあるものに見えると、エンゲージメントが高まり、ユーザー エクスペリエンスが向上します。スタイルは、ファネル、ランディング ページ、サイト、ブログ、コースなど、さまざまな領域に適用できます。これにより、すべてのオンライン コンテンツで統一された外観を簡単に維持できます。

スタイルを使用すると、毎回ゼロから始める必要がないため、デザイン プロセスもスピードアップします。プリセット スタイルを新しいページや要素にすばやく適用できるため、時間を節約し、一貫性を確保できます。

新しいスタイルを作成する方法

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

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

3. 右上の [ 新しいスタイル] ボタンをクリックします。

4. 新しいスタイルの 「名前 」を入力します。

5. [スタイルを作成]をクリックして保存します。

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

1. [ スタイル] ページで、編集するスタイルを見つけて、その右側にある [デザインのカスタマイズ] アイコンをクリックします。

2. さまざまなスタイルオプションをカスタマイズできるようになりました。

   警告

   スタイルに加えた更新は、そのスタイルを使用するすべてのページに自動的に適用され、最新のデザイン変更でサイトを常に最新の状態に保ちます。

   • フォント: manage fonts方法については、こちらの記事を参照してください。

   • 色: manage colors方法をご覧ください。

   • 影: managing shadowsに関するヒントを調べます。

   • ボーダー: customize borders方法をご覧ください。

   • ボタン: design buttons方法を確認してください。

   • コーナー: adjust corners方法を理解します。

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

スタイルのクローンを作成する方法

スタイルの複製は、既存のスタイルに基づいて新しいスタイルを作成する場合に役立ちます。ゼロから始めることなく、さまざまなニーズに合わせてスタイルを複製して微調整できるため、時間を節約し、一貫性を確保できます。

1. [ スタイル] ページで、複製するスタイルを見つけます。

   

2. [ クローン ]アイコンをクリックします。

3. [続行] をクリックして、アクションを確認します。

スタイル設定の調整方法

1. [ スタイル] ページで、編集するスタイルを見つけます。

2. [ 編集] アイコンをクリックします。次の 2 つのオプションがあります。  

   • スタイルの名前を変更します。

     1. スタイル名を編集します。

     2. [更新] をクリックします。

   • スタイルを削除:

     1. [ スタイルを削除]をクリックします。

     2. [続行] をクリックして確認します。

        大事な

        スタイルが使用中の場合、[スタイルの削除] ボタンは表示されません。

ClickFunnelsのさまざまな領域にスタイルを適用する方法

ClickFunnels を使用すると、スタイルを適用することで、オンライン コンテンツのさまざまな要素にわたって一貫性のあるブランド化された外観を簡単に維持できます。さまざまな領域にスタイルを適用する方法は次のとおりです。

目標 到達 プロセス

1. 左側のナビゲーションメニューから「 ファネル 」をクリックします。

2. 編集するファネルを見つけて、[ 設定⚙ ] アイコンをクリックしてファネルの設定にアクセスします。
    

3. [ スタイル] オプションの横にあるドロップダウン メニューからスタイルを選択します。

4. [ 目標到達プロセスの更新 ] をクリックして変更を保存します。

敷地

1. 左側のナビゲーションメニューから[ サイト ]をクリックします。

2. ドロップダウンメニューから [ 概要] を選択します。

3. サイトページの左上にある 3つの点 ...アイコンをクリックします。

4. [ サイト設定] を選択します。

5. [ 詳細設定 ] セクションまで下にスクロールし、ドロップダウン メニューからスタイルを選択します。

6. ページの下部にある [サイトの更新 ] ボタンをクリックします。

サイトページ

1. 左側のナビゲーションメニューから[ サイト ]をクリックします。

2. ドロップダウンメニューから [サイトページ] を選択します。

3. サイトページのサムネイルの下部にある [設定⚙ ]アイコンをクリックします。

4. [ 詳細設定 ] セクションまで下にスクロールし、ドロップダウン メニューからスタイルを選択します。

5. ページ設定サイドバーの下部にある 「ページの更新」 ボタンをクリックします。

ブログ

1. 左側のナビゲーションメニューから[ サイト ]をクリックします。

2. ドロップダウンメニューから [ブログ] を選択します。

3. ブログページの左上にある 「設定⚙ 」アイコンをクリックします。

4. [ブログ情報] セクションで、ドロップダウン メニューからスタイルを選択します。

5. ページの下部にある [ ブログの更新 ] ボタンをクリックします。

ブログ記事

1. 左側のナビゲーションメニューから[ サイト ]をクリックします。

2. ドロップダウンメニューから [ブログ] を選択します。

3. 編集したいブログ投稿を見つけて、[ 設定⚙ ] アイコンをクリックして投稿の設定にアクセスします。

4. [詳細設定] の横にある [設定] をクリックします。
    

5. [ スタイル] ドロップダウン メニューからスタイルを選択します。

6. ページの下部にある [保存して閉じる ] ボタンをクリックします。

コース

1. 左側のナビゲーションメニューから「 コース」 をクリックします。

2. 編集するコースを見つけて、[ 設定⚙ ]アイコンをクリックしてコースの設定にアクセスします。

3. [ 詳細設定 ] セクションまで下にスクロールし、[ 構成] をクリックします。

4. [ スタイル] ドロップダウン メニューからスタイルを選択します。

5. コース設定サイドバーの下部にある「 コースを更新 」ボタンをクリックします。

ランディングページ

1. 左側のナビゲーションメニューから「 ランディングページ 」をクリックします。

2. 編集するページを見つけて、[ 設定⚙ ] アイコンをクリックしてページの設定にアクセスします。

3. [ 詳細設定 ] セクションまで下にスクロールし、[ スタイル] ドロップダウン メニューからスタイルを選択します。

4. ページ設定サイドバーの下部にある「 ページの更新 」ボタンをクリックします。