WordPress サイト 2024 のカラーパレットを作成するには? 究極のガイド

Web サイトのカラー パレットを選択すると、いくつかの利点があります。 これは、サイトの魅力とデザインを向上させながら、ブランドを確立し、原則を表現するのに役立ちます。

そこでブランドのカラーパレットを作ります。 ありがたいことに、Beaver Builder プラグインを使用すると、それを簡単に実現できます。 WordPress サイトのカラーパレットを作成して、報酬を受け取り始めましょう。

Beaver Builderを使った作り方です。 特定の配色も推奨します。 じゃ、行こう！

WordPress サイトのカラーパレットを作成するには?

Beaver Builder プラグインを使用したことがない場合は、これは WordPress のページ構築ツールです。 リアルタイムのフロントエンドエディターを備えています。 あ 無料の Beaver Builder WordPress プラグイン 存在します。 このアプリケーションを使用すると、Web サイトのカラー パレットを作成できます。

プレミアム サブスクリプションにアップグレードすると、すべての機能とツールにアクセスできるようになります。 サインアップ後、アカウントのダッシュボードからプラグインをダウンロードできます。

すでに Beaver Builder プラグインをお持ちの場合は、 WordPress管理ダッシュボード 更新します。 Beaver Builder の下にある「アップグレード」ボタンをクリックします。

Beaver Builder プラグインをアクティブ化した後、カラー パレットを作成するには、手動またはプログラムによる XNUMX つのオプションがあります。 次のセクションでは、両方について説明します。

方法 1: カラー プリセットを手動で追加する

Beaver Builder を使用したカラー パレットの作成は、最初のオプションで手動で行われます。 コードの書き方がわからない人、またはサイトのファイルを改ざんしたくない人にとって、これは素晴らしい選択です。

投稿またはページのエディターで [起動] ボタンをクリックして、Beaver Builder を起動します。 これはページビルダーから始まります。

• 次に、行、列、またはモジュールの [色] フィールドを選択します。
• カラーピッカーが表示されます。 ここで最初の色を選択してください。 色の XNUMX 進数を指定することもできます。
• 色を選択した後、カラーピッカーの右上隅にある (+) 記号をクリックすることもできます。 追加の色ごとに繰り返します。
• 完了したら、パネルの下部にある「カラープリセット」をクリックします。 カラープリセットはここで確認できます。
• X 記号は色を削除します。 完了したら、変更を保存します。

方法 2: プログラムによってカラー プリセットを追加する

カラー プリセットをプログラムで変更することもできます。 この方法は、コードを変更することに抵抗がない場合にのみ推奨されます。 そうでない場合は、手動で行ってください。

• プログラムでプリセットを追加する前に、Beaver Builder に保存されている現在のカラーを削除してください。 編集のために Beaver Builder でページを開きます。
• 次に、カラーフィールドを選択し、カラーを利用するモジュール内の「カラープリセット」をクリックします。 各色の横にある [X] ボタンを選択すると、以前に保存した設定を削除できます。 エディタを終了します。
• 次に、子テーマのfunctions.phpファイルを変更します。 WordPress 管理者メニューの [外観] > [テーマ エディター] にあります。
• 次に、パレットの XNUMX 進カラーを使用してこのコードを追加できます。 ただし、テーマの色の選択は変更されません。
• このコード内の XNUMX 進値をパレットの色に置き換えることをお勧めします。 線を追加または削除して、色の数を調整することもできます。
• 入力する XNUMX 進数のカラー値には「#」記号は必要ありません。 変更を公開するには、ファイルを保存します。

クイックリンク：

• ブロガーのためのソーシャル メディアのヒント: ブログを強化する
• 初心者向けの WordPress セキュリティのヒント
• ワンクリックですべてのWordPressコメントを素早く削除するにはどうすればよいですか?
• Beaver Themer を使用してより良い Web サイトを作成するためのヒント

結論: WordPress サイトのカラーパレットを作成するには?

Web サイトに選択した色は、Web サイトのパフォーマンスに大きな影響を与えます。 訪問者のブランドに対する認識、関与やコンバージョンのレベルはすべて、これらの要因の影響を受けます。

WordPress サイトの配色を選択すると、プロフェッショナルで一貫したデザインを伝えるのに役立ちます。 ウェブサイトの配色についてご質問がございましたら、お知らせください。

提供されたスペースについてのご意見をお待ちしております。