Wie man die Hintergrundfarbe in WordPress zufällig ändert

Kürzlich fragte uns einer unserer Leser, ob es möglich sei, die Hintergrundfarbe in WordPress zufällig zu ändern. Farben spielen eine wichtige Rolle dabei, wie Benutzer Ihre Website sehen und wie sie sich engagieren. In diesem Artikel zeigen wir Ihnen, wie Sie die Hintergrundfarbe in WordPress zufällig ändern können.

Methode 1: Zufällige Hintergrundfarbe in WordPress mit Code hinzufügen

Bei dieser Methode müssen Sie Code in Ihre WordPress-Dateien einfügen. Versuchen Sie diese Methode nur, wenn Sie mit dem Einfügen von Snippets aus dem Web in WordPress vertraut sind.

Zuerst müssen Sie diesen Code in die Datei functions.php Ihres Themes oder in ein site-spezifisches Plugin einfügen.

function wpb_bg() { 
$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
$color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].
$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];
echo $color;
}

Diese Funktion generiert einfach einen zufälligen hexadezimalen Farbwert und gibt ihn als Echo aus.

Nun müssen Sie die Datei header.php Ihres Themes bearbeiten. Suchen Sie die Tag-Zeile , sie wird so aussehen:

>

Ersetzen Sie sie durch diese Zeile:

 style="background-color:">>

Speichern Sie die Änderungen und besuchen Sie dann Ihre Website, um den Code in Aktion zu sehen.

Methode 2: Zufällige Farbstreifen mit fabelhaften Hintergrundfarben hinzufügen

Diese Methode ist einfacher und wird für Anfänger empfohlen, die ihre WordPress-Theme-Dateien nicht bearbeiten möchten.

Zuerst müssen Sie das Fabulous Background Colors -Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Das Plugin funktioniert sofort, und es gibt keine Einstellungen, die Sie konfigurieren müssen.

Sie können nun Ihre Website besuchen, und Sie werden bunte Streifen als Hintergrundfarbe auf Ihrer Website sehen. Diese Streifen verblassen und wechseln nach jeweils 5 Sekunden elegant die Farbe.

Methode 3: Verwenden von CSS zum Hinzufügen von nicht zufälligen Hintergrundfarben in WordPress

Fast alle standardkonformen WordPress-Themes verwenden die Funktion body_class() im body-Tag. Dieser Tag fügt eine Reihe von CSS-Klassen zum body-Tag in Ihrem Theme hinzu. Diese standardmäßig von WordPress generierten CSS-Klassen können verwendet werden, um einzelne Beiträge, Kategorien, Tags usw. zu gestalten.

Wenn Ihr Blog z. B. eine Kategorie namens Fotografie hat, dann finden Sie diese CSS-Klassen im body-Tag der Kategorie Archivseite.

Sie können die Hintergrundfarbe dieser bestimmten Kategorie ändern, indem Sie einfach diese CSS zu Ihrem WordPress-Theme hinzufügen oder ein benutzerdefiniertes CSS-Plugin verwenden.

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

In ähnlicher Weise finden Sie auch die Post-ID-Klasse für einzelne Posts in der body-Klasse. Sie können sie verwenden, um jeden WordPress-Beitrag anders zu gestalten.

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

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie die Hintergrundfarbe in WordPress zufällig ändern können.