Wie ändere ich das CSS von nur einer Seite in WordPress?

Lesezeit: 2 Minuten

Wie andere ich das CSS von nur einer Seite in
Adamdam

Ich muss nur das CSS der Homepage ändern, ich habe gegoogelt und viele der Vorschläge waren, die Seiten-ID als Teil des CSS-Selektors hinzuzufügen. Aber wenn ich es versuche, scheint es nicht zu funktionieren? Ich möchte die Klasse “.contentclass” ändern und die Seiten-ID ist “599”, also habe ich Folgendes versucht:

.post-id-599 .contentclass {}
.page-id-599 .contentclass {}
.body-id-599 .contentclass {}

keiner scheint zu funktionieren…

Link zu der Webseite, an der ich arbeite: Verknüpfung

Versuchen Sie es mit dem Rechtsklick “Inspect Element” oder einem Äquivalent für Ihren Browser.

Wenn ich mir Ihre Seite ansehe, sehe ich so etwas

Geben Sie hier die Bildbeschreibung ein

<body class="page page-id-624 woocommerce-cart woocommerce-page boxed varukorg" style="">

Also zum Beispiel für diese Seite:
http://witdesign.se/wp/varukorg
du würdest verwenden

body.post-id-624 .contentclass {}

Alle Stile innerhalb der geschweiften Klammern gelten für die Seiten mit der Body-Klasse post-id-668

Um sicherzugehen, müssen Sie mit einem Inspektor überprüfen, was in Ihrem Browser gerendert wird.

  • Das hat bei mir funktioniert. Danke. Zum ersten Mal lerne ich einen einfachen Weg, CSS für nur eine Seite anzuwenden. Ich habe nicht verwendet.

    – Benutzer2060451

    21. März 2016 um 2:00 Uhr

Wenn Ihr Thema verwendet body_class() im Body-Tag haben Sie eine bestimmte CSS-Klasse für die Titelseite (.home), die Sie im Stylesheet verwenden könnten;

Beispiel (kann für Ihr Thema anders sein):

.home #content .entry { color: #123edf; }

Um das allgemeine Stylesheet style.css zu überschreiben, könnten Sie eine bedingte Anweisung in der header.php verwenden, um ein bestimmtes Stylesheet für die Startseite zu verlinken:

Beispiel:

<?php if( is_home() ) { ?>
<link rel="stylesheet" type="text/css" media="all" href="https://stackoverflow.com/questions/23363333/<?php%20echo%20get_stylesheet_directory_uri();%20?>/front-style.css" />
<?php } ?>

Der Code muss nach dem Link zum allgemeinen Stylesheet stehen.

(anstatt is_home() müssen Sie möglicherweise verwenden is_front_page() )

Überprüfen: Bedingte_Tags und get_stylesheet_directory_uri

— alternativ, um ein anderes Stylesheet anstelle des allgemeinen Stylesheets zu laden, verwenden Sie die bedingte Anweisung mit an else: (dieser Code würde den Link des allgemeinen Stylesheets ersetzen)

Beispiel:

<?php if( is_home() ) { ?>
<link rel="stylesheet" type="text/css" media="all" href="https://stackoverflow.com/questions/23363333/<?php%20echo%20get_stylesheet_directory_uri();%20?>/front-style.css" />
<?php } else { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php%20bloginfo(%20'stylesheet_url'%20);%20?>" />
<?php } ?>

  • Ich würde vorschlagen, zu verwenden body.home in Ihrer CSS-Datei statt .home Nur für den Fall, dass der Autor des Themas a verwendet hat home Klasse woanders.

    – Hendrik Wright

    29. April 2014 um 11:36 Uhr

  • Fantastisch! Ich habe es mit body.home versucht und es hat hervorragend funktioniert, vielen Dank! @Chankey Pathak

    – Adamdam

    29. April 2014 um 11:40 Uhr

1003030cookie-checkWie ändere ich das CSS von nur einer Seite in WordPress?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy