Einer unserer Abonnenten fragte uns, ob es möglich sei, die Hintergrundfarbe von WordPress zufällig zu ändern. Hintergrundfarben spielen bei Ihrem Publikum eine wichtige Rolle. Sie können die Art und Weise verändern, wie Benutzer mit Ihrer Website interagieren. In diesem Tutorial zeigen wir Ihnen, wie Sie die Hintergrundfarbe Ihres Computers nach dem Zufallsprinzip ändern können Wordpress-Blog.

1-Methode: Manuelles Hinzufügen zufälliger Farben

Diese Methode ist für Entwickler gedacht. Dazu müssen Sie einen Teil des Codes in Ihre Plugins oder Themes einfügen. Denken Sie daran, Sie wurden gezeigt Wie erstelle ich ein WordPress-Plugin?.

Sie müssen lediglich den folgenden Code in Ihr Plugin oder in die Datei "functions.php" Ihres Themas einfügen.

bpc_bg Funktion () {$ rand = array ( '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'a', 'b', 'c', 'd', 'E', 'F'); $ Farbe = '#'. $ Rand [rand (0,15)]. $ Rand [rand (0,15)]. $ Rand [rand (0,15)]. $ Rand [rand (0,15)] $ rand [rand (0,15)] $ rand [rand (0,15)] .. $ Farbe Echo; }

Diese Funktion zeigt nur die Hexadezimalfarben an, die zuvor generiert wurden.

Sie müssen daher die Datei header.php Ihres Themas ändern, in der sich das Boy-Tag wie im folgenden Bild befindet:

>

Sie sollten es mit dem folgenden Code ersetzen:

style = "Hintergrundfarbe: ">>

Speichern Sie Ihre Datei und aktualisieren Sie Ihre Seite. Sie werden feststellen, dass sich jedes Mal die Farbe ändert.

zufälliger WordPress Hintergrund

Die Farben, die Sie auswählen können, sind unbegrenzt. Es ist sogar möglich, dasselbe mit Farben zu tun, die Sie vordefiniert haben.

Methode 2: So ändern Sie die Hintergrundfarben mit einem Plugin

Das Rendern dieser Methode ist besser. Weil Sie damit mehrere Farben gleichzeitig und dynamisch anzeigen können. Alles was Sie tun müssen, ist das Plugin zu installieren und zu aktivieren sagenhafte Hintergrundfarben. Sie können unser Führer lesen zum Installieren und Aktivieren von WordPress-Plugins.

animierter Hintergrund

Durch den Zugriff  Ihr Blog, werden Sie feststellen, dass letztere Hintergrundfarben hat, die als Streifen dargestellt werden, die sich in einem Farbverlaufsübergang ändern.

3-Methode: Hinzufügen einer benutzerdefinierten Farbe durch Spielen mit CSS-Klassen

Presque tous-Lektion WordPress-Themes Verwenden Sie standardmäßig die Funktion " body_class » von WordPress auf dem „body“-Tag. Diese Funktion fügt von WordPress oder Plugins generierte CSS-Klassen zum Body-Tag von hinzu Ihr Blog. Jede Klasse variiert je nach Standort, an dem man sich befindet. Die Klasse der Kategorien wird sich daher von der der Archive oder Autoren unterscheiden.

Wenn Sie beispielsweise ein Blog mit der Kategorie " Fotografie“, Dann finden Sie die entsprechende Klasse auf der Seite des Blog-Archivs.

Blog-Artikel Klasse

Von diesem Moment an können Sie diesem Tag einen bestimmten Stil zuweisen.

body.category-Fotografie {background-color: #faebd7; }

Ebenso können Sie einen bestimmten Code für eine bestimmte Kategorie anwenden

body.postid-65 {background-color: #faebd7; }

Das ist ungefähr alles, was es zu wissen gibt. Ich hoffe, dass Sie mit diesem Tutorial benutzerdefinierte Klassen zu Ihrem hinzufügen können Wordpress-Blog. Zögern Sie nicht, diesen Artikel mit Ihren Freunden in Ihren bevorzugten sozialen Netzwerken zu teilen.