single.php – CSS für Artikel einer bestimmten Kategorie ändern

  • Hallo liebe Community,

    Ich möchte gerne, dass auf meiner Webseite alle Artikel mit der Kategorie 31 über CSS einen schwarzen Hintergrund bekommen. Alle anderen Artikel haben einen weissen Hintergrund.

    Ich weiss leider nicht genau, was ich dafür in die single.php schreiben muss und wie ich das Ganze dann über CSS ansteuern kann.

    Weiß jemand Hilfe?

    Grüße!

    Tim

    • Anzeige

    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


  • Ich weiss leider nicht genau, was ich dafür in die single.php schreiben muss

    nix ;-)

    sondern nur css

    Code
    .category-31 article {
        background-color: #000000;
    }

    sofern es um "timrodenbroeker" und auch wirklich "nur" um den Hintergrund des Artikels geht

  • Danke ArtofPic,

    ich hab's vielleicht nioch nicht gut erklärt: es ist noch etwas komplizierter, was ich möchte: Ich will, dass die Seite des Posts (single.php) einen schwarzen Hintergrund hat, wenn der Post in der Kategorie "Film" ist.

    Theoretisch müsste es doch gehen, wenn ich statt....

    body.page-id-3523 {
    background-color: #000 !important; }

    ...dies hier in den Code so oder so ähnlich schreibe:

    body.page-id-3523, body.single.php.category-31 {
    background-color: #000 !important; }

  • Nein. Es gibt keine Klasse single.php, nur ein Template.

    Ich würde das so machen:

    function. php:


    (c) by alchymyth

    Fügt den Kategory-Slug zu BODY hinzu.

    Und jetzt kannst Du über

    Code
    body.category-film {
    	background-color:#000;
    	
    	}

    die Farbe definieren.

  • oder über die cat_ID

    in die functions.php einfügen

    PHP
    add_filter('body_class','add_category_to_single');
    function add_category_to_single($classes, $class) {
    	if (is_single() ) {
    		global $post;
    		foreach((get_the_category($post->ID)) as $category) {
    			$classes[] = 'category-'.$category->cat_ID;
    		}
    	}
    	return $classes;
    }

    in die style.css einfügen

    Code
    .category-31.single-post #wrapper, .category-31.single-post #wripper {
        background-color: #000000;
        color: #FFFFFF;
    }

    Einmal editiert, zuletzt von Tutrix (8. März 2014 um 19:06)

  • Funktioniert bei mir nicht, habe bereits beide Codes von MStember und ArtofPic in meine functions.php eingefügt und css wie oben beschrieben angepasst, aber irgenwie werden die Änderungen nicht sichtbar.

    Beim [COLOR=#333333]PHP-Code von ArtofPic erhalte ich nachfolgende Fehlermeldung, kann mir pls jemand sagen, was ich da falsch mache.


    [/COLOR]Warning: Missing argument 2 for add_category_to_single() in /www/htdocs/w123456/wp-content/themes/meintheme/functions.php on line 28

    class="page page-id-1923 page-child parent-pageid-1921 page-template-default logged-in admin-bar no-customize-support chrome et_includes_sidebar no-js">

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!