CSS Artikel/Seite Manipulation

  • Hallo Leute

    Ich würde gerne unterschiedliche CSS's für unterschiedliche Zwecke laden.

    1. Gewisse Artikel/Seiten, isPage() Funktion hat bei mir bis jetzt nicht geklappt, bitte nochmals kurz ausführlich erklären.

    2. Verlinkungen von Aussen, kann man einen Trigger einbauen sodass mit dem URL Aufruf auch ein explizites CSS definiert wird? (Würde gerne einen kleinen Teil der Seite über Facebook iFrame Schlaufen und das Menü+Titelbanner per CSS Hide verstecken, sodass die Facebook Leute nur auf dieser einen Seite bleiben).

    Ich hoffe ihr könnt meinen *wirren* Gedanken folgen :) :)

    Vielen herzlichen Dank für eure Inputs.

    • 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

  • 1.)

    http://codex.wordpress.org/Function_Reference/is_page ;)

    Ich kann dir gerne ein kleines Beispiel geben, aber wie sinnvoll das für dich ist hängt stark davon ab um wie viele unterschiedliche Seiten und CSS Dateien es sich handelt. Denn die nahe liegende Lösung fängt ab einem gewissen Umfang an "unpraktisch" zu werden. Ebenfalls stellt sich die Frage, um wie viel CSS Code es sich jeweils handelt würde, denn ansonsten kannst du auch alles in der style.css belassen und über die body class gehen. So würde z.B. die Überschrift des Artikels mit der ID 254 eine rote h1 bekommen...

    Code
    .postid-254 h1
    {
       color: red;
    }


    Einfaches Beispiel für eine mögliche Lösung unterschiedliche CSS Dateien, in Abhängigkeit ganz spezifischer Seiten/Artikel einzubinden:

    PHP
    <?php if (is_single(254)) { ?>
    		<link rel="stylesheet" href="<?php bloginfo( 'template_directory' ); ?>/artikel-mit-id-254.css" type="text/css" media="screen" />
    	<?php } elseif (is_page(16)) { ?>
    		<link rel="stylesheet" href="<?php bloginfo( 'template_directory' ); ?>/seite-mit-id-16.css" type="text/css" media="screen" />
    	<?php } ?>

    Meld dich mal, ob dir das schon weiter hilft :)

    2.) Sorry, kein Plan :(

Jetzt mitmachen!

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