Support » Themes » Eigenes Theme – Kategorie Tag stylen

  • Gelöst blackbeetle

    (@blackbeetle)


    Hallo,

    ich versuche gerade eine eigene Theme zu erstellen und habe mit <?php the_category(‚,‘) ?> einen Kategorie Tag eingefügt und möchte diesen gern jeder Kategorie per CSS einen unterschiedliche Hintergrundfarbe geben. Im Quelltext werden die Kategorien wie folgt angezeigt:

    CMS,
    Tutorials,
    WordPress

    Könnte mir jemand sagen wir ich es anstelle das jede Kategorie eine andere Hintergrundfarbe bekommt.

    Gruss
    Tom

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Wenn du das für deine eigene Website für eine vorgegebene Anzahl von Kategorien machen möchtest, könntest du den Kategorie-Namen als CSS-Klasse verwenden:

    
    <?php
    
    $cats = wp_get_post_categories( $post->ID );
      foreach ($cats as $c ) {
        $cat = get_category( $c );
        $category_link = get_category_link($cat->term_id);
    
        echo '<a href="' . esc_url( $category_link ) .
         '" class="cat-' . $cat->name . '">' . $cat->name . '</a>&nbsp;';
      }
    

    Das Ergebnis sind Links wie <a href="http://deinedomain.de/category/allgemein/" class="cat-Allgemein">Allgemein</a>, bei denen du die Klasse (also z.B. .cat-Allgemein) per CSS gestalten kannst.

    Thread-Starter blackbeetle

    (@blackbeetle)

    Hallo,

    vielen Dank für die schnelle Antwort. Habe den Code gerade ausprobiert. Echt klasse, danke für die Hilfe.

    Gruss
    Tom

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Das Thema „Eigenes Theme – Kategorie Tag stylen“ ist für neue Antworten geschlossen.