購読者の方から、WordPressの背景色をランダムに変更できるかどうかというお問い合わせをいただきました。背景色は、ユーザーにとって重要な役割を果たします。背景色によって、ユーザーがウェブサイトとどのようにやり取りするかが変わってきます。このチュートリアルでは、WordPressブログの背景色をランダムに変更する方法をご紹介します。

1メソッド：ランダムな色を手動で追加する方法

この方法は開発者を対象としています。 プラグインまたはテーマにコードの一部を追加する必要があります。 あなたが示されたのを忘れないでください WordPressプラグインの作成方法.

プラグインまたはテーマの「functions.php」ファイルに次のコードを追加するだけです。

関数bpc_bg（）{$のランド=配列（ '0'、 '1'、 '2'、 '3'、 '4'、 '5'、 '6'、 '7'、 '8'、 '9' 'A'、 'B'、 'C​​'、 'D'、 'E'、 'F'）。 $カラー= '＃'。$ランド[ランド（0,15）]。$ランド[ランド（0,15）]。$ランド[ランド（0,15）]。 $ランド[ランド（0,15）] $のランド[ランド（0,15）] $のランド[ランド（0,15）] .. $カラーエコー; }

この関数は、事前に生成したXNUMX進数の色のみを表示します。

したがって、次の画像のように、boyタグが配置されているテーマのheader.phpファイルを変更する必要があります。

>>

あなたは、次のコードに置き換えなければなりません。

style = "background-color： ">>

ファイルを保存してページを更新すると、毎回色が変わることがわかります。

選択できる色に制限はありません。 事前定義した色で同じことを行うことも可能です。

方法2：プラグインで背景色を変更する方法

このメソッドのレンダリングは優れています。 複数の色を同時に動的に表示できるからです。 プラグインをインストールしてアクティブ化するだけです 素晴らしい背景色。 あなたは私たちのガイドを読むことができます WordPressプラグインのインストールとアクティブ化について.

ブログにアクセスすると、背景色がグラデーション遷移で変化するストライプとして表されていることに気付くでしょう。

3メソッド：CSSクラスを使用してカスタムカラーを追加する方法

ほぼすべての標準的なWordPressテーマは「 body_class WordPressの「body」タグに「」を追加してください。この機能は、WordPressまたはプラグインによって生成されたCSSクラスをブログのbodyタグに追加します。各クラスは場所によって異なります。したがって、カテゴリークラスはアーカイブクラスや著者クラスとは異なります。

たとえば、「 写真撮影「、次に、ブログアーカイブページで対応するクラスを見つけることができます。

この時点から、特定のスタイルをこのタグに適用できます。

body.category-撮影{背景色：#faebd7。 }

同様に、特定のカテゴリに特定のコードを適用できます

body.postid-65 {背景色：#faebd7。 }

知っておくべきことはほぼこれだけです。このチュートリアルがWordPressブログにカスタムクラスを追加するのに役立つことを願っています。この記事を、お気に入りのソーシャルネットワークで友達と共有してください。