Das ist doch schonmal sehr gut.
Zuvor hatte dein <article>-Tag die css-Klasse .post
Die hast du jetzt immer noch (ist ein bisschen nicht-sehr-übersichtlich, wenn so viele Klassen ausgegeben werden, die einzelnen Klassen sind immer mit Leerzeichen getrennt, d.h. die zweite Klasse ist dann .post), d.h. was auch immer du über diese Klasse angesprochen hast, wird weiterhin funktionieren.
Und deine letzte Klasse setzt sich immer zusammen aus category, einem Bindestrich und dann der aktuellen Kategorie.
Genau – worauf ich hinaus will: Den Rest machst du über CSS.
Ich bin ziemlich sicher: Wenn du mit deinem Theme schon so weit gekommen bist, wie du jetzt bist, dann bekommst du das auch hin. (Und es ist gut, die Fragen, die vielleicht noch aufkommen, hier öffentlich abzuhandeln, dann haben andere auch was davon.)
Beim derzeitigen Stand der Desing-Entwicklung, sprich, was du oben als Darstellungswunsch beschrieben hast, würde ich mit der Pseudoklasse :after arbeiten, etwa so:
.category-aktuellekategorie img:after {
content: url(bilder/deindateiname.png);
position: absolute;
z-index: 117;
}
Das Bild liegt in dem Fall in einem Ordner „bilder“ im gleichen Ordner wie deine style.css, also wahrscheinlich im Theme-Ordner.
z-index: 117 ist eine völlig fiktive Zahl, in vielen Fällen kann die Zahl viel niedriger sein, manchmal braucht man einen höheren Wert, kommt drauf an, was noch alles absolut und mit z-index positioniert ist …
Du brauchst sicherlich noch Angaben zur Ausrichtung, wie das Bild positioniert sein soll. Und dein übergeordnetes <div> sollte mit position: relative; versehen sein, sonst kommst du mit der absoluten Positionierung nicht zurande.
Gruß
helix