X

Anpassen des CSS für bestimmte Seiten

Schnipsel von IsItWP

Möchten Sie das CSS für bestimmte Seiten anpassen? Das Hinzufügen des übergeordneten Seitenschnecken zur body_class ist eine großartige Möglichkeit, eine bestimmte Seite mit CSS anzusprechen. Auf diese Weise können Sie die Klasse des Elements, das Sie ändern möchten, leicht identifizieren.

Anweisungen:

Sie müssen lediglich diesen Code zu Ihrer functions.php-Datei oder in ein websitespezifisches Plugin hinzufügen:

add_filter('body_class','body_class_section');

function body_class_section($classes) {
    global $wpdb, $post;
    if (is_page()) {
        if ($post->post_parent) {
            $parent  = end(get_post_ancestors($current_page_id));
        } else {
            $parent = $post->ID;
        }
        $post_data = get_post($parent, ARRAY_A);
        $classes[] = 'parent-' . $post_data['post_name'];
    }
    return $classes;
}

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieses Code-Snippet gefallen hat, ziehen Sie bitte in Betracht, unsere anderen Artikel auf der Website zu lesen, wie z. B.: 62 beste kostenlose WordPress-Blog-Themes oder 7 beste WordPress-Kontaktformular-Plugins.

Kommentare   Hinterlasse eine Antwort

  1. Funktioniert wunderbar in WordPress 3.9.1, danke!

  2. Kann dies angepasst werden, um den obersten Vorfahren zur body class hinzuzufügen? Wenn ich also zu einer Enkelkindseite navigiere, sehe ich nicht die Slug des Elternteils, sondern die Slug des Großelternteils?

  3. Wenn ich das benutze, werden immer noch alle BS-Standardklassen hinzugefügt, die von WP hinzugefügt werden. Gibt es eine Möglichkeit, diese herauszufiltern?

    1. Hallo Jess, ich werde am Montag einen Schnipsel posten, der eine Lösung dafür bietet. 

  4. Danke, genau das, was ich gesucht habe. Eine Frage – könnte dies so angepasst werden, dass es nicht nur den Slug der übergeordneten Seite in den Body-Klassen ausgibt, sondern auch den Slug der aktuellen Seite? Dies wäre nützlich, um Abschnitte in CSS sowie bestimmte Seiten anzusprechen.

    1. Ich schreibe etwas, damit  ich es in ein paar Tagen posten kann.

      1. Danke, ich freue mich darauf 🙂

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!