loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

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.

Adding random background colors in WordPress

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.

Random background colors

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.

Random background stripes

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.

CSS classes added by WordPress

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.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner