Wie man die Hintergrundfarbe in WordPress zufällig ändert

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

Methode 1: Fügen Sie zufällige Hintergrundfarbe in WordPress mithilfe von Code hinzu

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 Ausschnitten aus dem Web in WordPress vertraut sind.

Zuerst müssen Sie diesen Code zur Datei functions.php Ihres Themas oder zu einem standortspezifischen Plugin hinzufügen.

 Funktion 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 $ Farbe;  

Diese Funktion generiert einfach einen zufälligen Hex-Farbwert und gibt diesen wieder.

Jetzt müssen Sie die Datei header.php Ihres Themas bearbeiten. Suchen Sie das Markierungszeile sieht so aus:

Ersetzen Sie es durch diese Zeile:

 > 

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

Methode 2: Fügen Sie zufällige Farbstreifen mit fabelhaften Hintergrundfarben hinzu

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

Zuerst müssen Sie das Plugin "Fabulous Background Colors" installieren und aktivieren. Weitere Informationen finden Sie in unserer schrittweisen Anleitung zur Installation eines WordPress-Plugins.

Das Plugin funktioniert sofort und es sind keine Einstellungen für Sie zu konfigurieren.

Sie können jetzt Ihre Website besuchen und auf Ihrer Website werden bunte Streifen als Hintergrundfarbe angezeigt. Diese Streifen verblassen und wechseln alle 5 Sekunden ihre Farbe.

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

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

Wenn Ihr Blog beispielsweise über eine Kategorie namens Fotografie verfügt, können Sie diese CSS-Klassen im body-Tag der Kategorie-Archivseite finden.

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

 body.category-photography Hintergrundfarbe: # faebd7;  

In ähnlicher Weise finden Sie auch die Beitrags-ID-Klasse für einzelne Beiträge in der Body-Klasse. Sie können es verwenden, um jeden WordPress-Beitrag anders zu gestalten.

 body.postid-65 Hintergrundfarbe: # faebd7;  

Wir hoffen, dass Sie mit diesem Artikel erfahren haben, wie Sie die Hintergrundfarbe in WordPress zufällig ändern können. Vielleicht möchten Sie auch unsere Anleitung zum Hinzufügen eines Vollbild-Hintergrundbildes in WordPress sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Facebook.