jede Seite anderes Hintergrundbild mit CSS customizer

Wenn du die entsprechenden Selektoren für verschiedene Farben pro Seite schon gefunden hast, müsstest du die Regeln eigentlich nur ergänzen:
https://www.w3schools.com/cssref/pr_background-image.asp

Transparenz für den Content-Bereich geht mit mit Background-Color und rgba:
https://www.w3schools.com/cssref/pr_background-color.asp
https://www.w3schools.com/cssref/func_rgba.asp

 

Genau auf dieser Wiese bastle ich auch gerade herum. Seiten und Farben (Hintergrund, Schrift, Bild) kann ich steuern.
Um den Code übersichtlicher zu halten würde ich gerne statt eine unzählige Liste von Seiten-IDs eine Kategorie wählen. Hier finde ich aber den Schalter nicht. Vielleicht gibt es ja auch keinen ,,,
Wäre über eine qualifizierte Antwort dankbar.

 

Wie meinst du das genau? Du hast eine Kategorie Bananen und eine Kategorie Äpfel und eine Kategorie Orangen auf deiner Obssteite. Alle Beiträge der Bananenkategorie haben ein gelbes Hintereundbild, die Beiträge aus der Kat. der Orangen ein oranges und die Beiträge aus der Apfelkategorie ein rotes Bild? Ca. so?

 

Die Kategorien findest du auch in den Body-Klassen der Seite. Im Prinzip funktioniert das dann genau wie bei den einzelnen Seiten, nur eben pro Kategorie.

Eleganter ginge es sonst auch mit ACF und entsprechenden Custom Fields. So könntest du Bilder und Farben direkt auf der jeweiligen Seite auswählen. Das geht dann aber nicht ohne Code-Änderungen am Theme.

 

Einfügen von CSS anhand ACF würde auch als kleines Plugin gehen.

 

Ich glaube, das hängt vom Theme ab. Ich war gerade auf meinem blog und habe mir bei einem beliebigen Beitrag die body-Klassen angesehen. Das Ergebnis ist:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Die Kategorie ist: Ökologie, Soziales, Kultur. Das Theme ist ein Startertheme (_s-master)

Aber der Ansatz ist natürlich richtig. Nur muss man ev. die Body-Klassen pro Kategorie noch reinkriegen. Allerdings dürfte das nichtso schwer sein.

 

Ok, klar, das stimmt. Dann etwas allgemeiner: Es geht nicht ohne das Schreiben von (ein bisschen) Code.

Du hast Recht. Die Category-Klassen sind nur im Archive vorhanden. Die Single-Posts haben sie nicht. Man müsste das tatsächlich noch ergänzen (z.B. so: https://css-tricks.com/snippets/wordpress/add-category-name-body_class/)

Nachtrag/Edit: Jetzt auch getestet.

 

Danke für die Hilfe.
Derzeit ist mir das noch zu komplex. Werde einfach die Seiten IDs nacheinander auflisten.
.page-id-2 .site-content,
.page-id-6 .site-content,
.page-id-29 .site-content,
.page-id-77 .site-content
{
background-color: yellow;
color: red;
}