この記事は、WordPress カスタマイザーにカラープリセットを追加する方法に特化しています。 このチュートリアルでは、WordPress カスタマイザーにカラー プリセットを追加します。
ウェブサイトを単色の配色にすることで、ブランドを強化し、プロフェッショナリズムを示すことができます。 テーマを手動でカスタマイズするのは手間がかかります。
WordPress カスタマイザーにカラープリセットを追加すると、プロセスを合理化できる場合があります。
カラー プリセットとは何ですか?なぜそれを使用する必要があるのですか? XNUMX つのステップのガイドに従って、それらを WordPress カスタマイザーに追加します。 それでは始めましょう!
目次
WordPress カスタマイザーにカラープリセットを追加するにはどうすればよいですか? 5つのステップ
Web サイトのカラー プリセットを作成する方法については、ここを参照してください。 XNUMX つの簡単なステップで WordPress カスタマイザーにカラー プリセットを追加する方法を学びます。
1. サイトのデータはバックアップする必要があります
テーマのfunctions.phpファイルを編集して、カラープリセットを含める必要があります。 続行する前に、Web サイトのバックアップを作成することを強くお勧めします。
何か問題が発生した場合に備えて、サイトのファイルのコピーを用意しておくことをお勧めします。 Web サイトを保護するために、さまざまなオプションが利用できます。
次のようなプラグインを使用する UpdraftPlus は簡単な解決策です。 このフリーミアム アプリケーションを使用すると、サイトを簡単にバックアップできます。 データをオフサイトに保存するための他のオプションには、Google ドライブや Dropbox などがあります。
2. メインテーマのサブテーマを作成します
テーマのファイルに直接加えた変更は、テーマの更新によって上書きされる可能性があります。 カスタム コードを追加するときは、これを避けるために常に子テーマを使用する必要があります。
ここではさまざまなアプローチが可能です。 たとえば、Beaver Builder の子テーマをインストールできます。 別のテーマを使用している場合は、空の子テーマを作成することもできます。
無料のWordPressプラグインを使用して子テーマを構築することができます。 子テーマを追加したら、[外観] > [テーマ] で子テーマをアクティブにしてください。
3. 子テーマのfunctions.phpファイルに、次のコードを追加します。
WordPress ダッシュボードの [外観] > [テーマ エディター] に、新しい子テーマが表示されます。 画面上部のドロップダウン オプションから子テーマを選択します。
セキュリティ プラグインをチェックして、管理者メニューのテーマ エディターへのアクセスがブロックされているかどうかを確認してください。 右側の「テーマ関数」の下で、functions.php ファイルを見つけます。
次のコードをファイルに追加する必要があります。 このコードを使用すると、使用するように選択したプリセット カラーがカラー ピッカーの四角の下のボックスに表示されます。
4. カラープリセットをカスタマイズする
次に、パレット オプションを編集して XNUMX 進カラーを追加または削除します。 このコードを変更すると、カスタマイザー内のボックスの数を変更できます。
好きなだけ XNUMX 進カラーをパレットに追加します。 変更を保存するには、テーマ エディターの下部にある [ファイルの更新] ボタンをクリックします。
5. 保存する前にカラープリセットをテストする
変更を更新した後、カラープリセットが WordPress カスタマイザーで利用できることを確認してください。 ブラウザで Web サイトをリロードし、カスタマイザーに移動します。
カラー セレクターに新しい XNUMX 進カラーが表示されていることに注目してください。 編集することが可能です HSLパラメータ カラーピッカーの四角形とスライダーの色相、彩度、明度を変更します。
すべてが正しければ、準備は完了です。 これで WordPress カスタマイザーのカスタマイズが完了しました。 テーマのfunctions.phpファイルで色を編集できます。
WordPress ページ構築: カラースキームを使用する価値
ウェブサイトのカラーパレットが全体を通して一貫していることは、オンラインでのアイデンティティにとって非常に重要です。 サイト全体で統一されたビジュアル スタイルを維持すると、信頼性と専門性が高まります。
ブランドのカラーパレットを決めた後の次のステップは、それをすべてのコンテンツに一貫して実装することです。 WordPress カスタマイザーを使用すると、コンテンツで使用される色の変更が簡単になります。
WordPress カスタマイザーの四角いカラーピッカーの下には、あらかじめ決められた配色があります。
お気に入りの配色を色付きの四角形に保存できます。 それにもかかわらず、デフォルトの色がブランドの特定の配色と一致しないことにおそらく気づいたでしょう。
さらに、ブランドの色の XNUMX 進値を頻繁に再入力するのは面倒な場合があります。 テーマのファイルを編集してコードを数行変更すると、これらのボックスを好みの配色に一致させることができます。
カスタマイザーで使用する独自のカラー パレットを作成することで時間を節約でき、XNUMX 進コードを再度検索する必要がなくなります。 代わりに、探しているカラー パレットがカスタマイザーのパレット ピッカーのすぐ下にリストされます。
カラープリセットを使用すると、Web サイトの外観の均一性を維持できます。 サイトに多数の作成者がいる場合、これは非常に便利な機能です。 消費者が間違った色を選択する可能性が低くなります。
クイックリンク：
- WordPress ページタイトルを削除するには?
- WordPress サイトのカラーパレットを作成するには?
- WordPress でメンテナンス モード ページを作成するには?
- WordPress でカスタム 404 エラー ページを作成するには?
結論: WordPress カスタマイザーにカラープリセットを追加するにはどうすればよいですか?
ブランドカラーは、WordPress Web サイトのページや記事全体で使用される可能性があります。 コンテンツに手動で追加するには時間がかかります。 代わりに、カラー プリセットを生成することもできます。
WordPress カスタマイザーのカラー プリセットに関してご質問はありますか? コメントでお知らせください！
![2024 年にクライアントとのコミュニケーションを効果的に管理するには? [5つの重要なヒント]](https://megablogging.org/wp-content/uploads/2022/11/Client-Communication-Management-211x150.png)
![WordPress 2024 でリード獲得ランディング ページを作成するには? [ステップバイステップガイド]](https://megablogging.org/wp-content/uploads/2022/11/How-to-Create-a-Lead-Capture-Landing-Page-in-WordPress-211x150.png)
