購読者の XNUMX 人が、WordPress の背景色をランダムに変更することが可能かどうかを尋ねました。 背景色は視聴者にとって重要な役割を果たします。 ユーザーが Web サイトを操作する方法を変えることができます。 このチュートリアルでは、背景色をランダムに変更する方法を説明します。 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のブログ。 お気に入りのソーシャルネットワークでこの記事を友達と自由に共有してください。