Kategorie-Zuordnung in einem Post unterschiedlich stylen - je nach Kategorie(name)

csign

Hallo,

wie kann ich die Kategorienamen, die einem Artikel zugeordnet sind, unterschiedlich stylen?
Ich weiß nicht genau, wie ich es benennen soll - aber hier ein Beispiel, wie ich es gerne umsetzen würde:

http://kwerfeldein.de/2013/08/29/lan…afie-bei-nacht/

Auf meiner Website (offline/maintenance mode) sieht es derzeit so aus:

Der relevaten Quelltext für diesen Part:

Ich möchte gerne, wenn hier die Kategorie steht (also der Artikel zugeordnet ist) "AAA", dann soll dieser Kategoriename hier in einer bestimmten Farbe stehen, wenn er Kategorie(namen) "BBB" zugeordnet ist, dann eine andere Farbe.

Ich hab's schon mal mit sowas probiert, jedoch ohne Effekt:

CSS

#top .category-36 .post-meta-infos a {
color: #ff0000 !important;
}

Ich vermute fast, da gehts nicht ohne irgendwelche PHP-Schnipsel, kenne mich jedoch damit so gut wie gar nicht aus.
Hat jemand eine Idee, wie ich das lösen könnte, oder einen Tutoriallink, Plugin vielleicht sogar für solche Zwecke?

Danke.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

g3h

Hi,

bei mir funktioniert folgendes ohne Probleme (für Kategorie mit der Nummer 5):

Code

.category-5 #footer {
    background-color: #F80;
}

Vielleicht versuchst du deinen Code mal entsprechend umzustellen.
Etwa so:

Code

.category-36 #top {
   color: #ff0000;
}


.category-36 .post-meta-infos a {
   color: #ff0000;
}

oder so:

Code

.category-36 #top, 
.category-36 .post-meta-infos a {
   color: #ff0000;
}

MfG

csign

ja das funktioniert bei mir auch, aber es geht ja um die farbliche Kennzeichnung einer Kategoriezugehörigkeit von diesen Kategorietags. Da geht das auf die Art und Weise offenbar nicht, denn das Styling muss ja davon abhängen, was da für ein Kategoriename steht und ich hab da ein

<a rel="tag" href="...

Screenshot Firebug:
http://forum.wpde.org/attachments/de…code-eigene.jpg

csign

Bin der Sache schon etwas näher gekommen. Diese CSS passen:

CSS

.category-36.minor-meta a[rel] {
color: #ff0000 !important;
}

Aber:

damit zeigt es den jeweiligen Kategorienamen in einem Post NUR FARBIG, wenn ich eine Kategorie-Archiv-Seite aufrufe, dann hat jeder Post diesen Kategorienamen in der gewünschten Kategoriefarbe.

Rufe ich jedoch den einzelnen Artikel auf, dann ist hier nichts mehr farbig gekennzeichnet.

D.h., wenn ich einen einzelnen Artikel aufrufe, aber auch die jeweilige Kategorie-Archiv/Übersichtsseite mit Posts dieser Kategorie, dann soll der Kategoriename im Post unter dem Headerbild in ihrer eigenen Farbe gekennzeichnet sein.

g3h

Dann geht es wohl nicht ohne PHP.

Eine Möglichkeit wäre in deiner single.php folgendes als erstes zu schreiben (noch vor der get_header() Funktion):

PHP

<?php 
//Style für Einzelansicht des Beitrags einer Kategorie
function cat36_style() {
    global $wp_query;
    $thePostID = $wp_query->post->ID;


    echo "<style type='text/css'>    
        .postid-$thePostID #footer{
            color: #F00;
        }
        </style>";
}


//Kategorie abfragen und jeweiligen Style in head schreiben
$category = get_the_category(); 
$CategoryID = $category[0]->term_id; 
if ($CategoryID == 36) {
    add_action( 'wp_head', 'cat36_style' );
}
?>

Alles anzeigen

Natürlich musst du #footer noch ersetzen durch dein Element das du einfärben willst.

Wenn du nicht in den Head schreiben willst, gäbe es noch Alternative über die Funktion
get_template_part() (http://codex.wordpress.org/Function_Refer…t_template_part) zu gehen. Dazu müsstest du aber dann für jede Kategorie ein eigenes Template anlegen.

Vielleicht gibt es aber noch eine bessere Lösung, was anderes fällt mir aber nicht ein...

MfG

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kategorie-Zuordnung in einem Post unterschiedlich stylen - je nach Kategorie(name)

Jetzt mitmachen!