2017-06-24 4 views
0

Ich versuche, meine eigenen in WordPress zu erstellen. Ich habe index.php und style.css im Stammverzeichnis hinzugefügt. Ich versuche Backgound Farbe zu ändern, aber nichts passiert.CSS funktioniert nicht in WordPress

index.php

<!DOCTYPE html> 
<html <?php language_attributes(); ?>> 
    <head> 
     <meta charset="<?php bloginfo('charset'); ?>" /> 
     <title><?php wp_title(); ?></title> 
     <link rel="profile" href="http://gmpg.org/xfn/11" /> 
     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" /> 
     <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 
     <?php if (is_singular() && get_option('thread_comments')) wp_enqueue_script('comment-reply'); ?> 
     <?php wp_head(); ?> 
    </head> 
    <body> 
     <p>Hello</p> 
    </body> 
</html> 

style.css

/* Theme Name: Test */ 

body{ 
    background-color: red; 
} 

Es funktioniert, wenn ich CSS-Style in 'site Customizer/CSS' Registerkarte ändern, oder wenn ich CSS-Stil direkt in html hinzufügen Bodymarke.

Was ist los?

+2

Sicher Hintergrundfarbe sollte wie sein: 'Hintergrund-Farbe: rot'. – Picard

+0

Sind Sie sicher, dass es kein Client-seitiges Problem ist? Versuchen Sie, ohne Caching mit STRG + F5 oder STRG + UMSCHALT + R zu aktualisieren. –

+0

Verwenden Sie 'background-color: #hex;' anstelle von 'color:'. Stellen Sie außerdem sicher, dass Ihre CSS-Datei geladen ist und Ihre Regel nicht von einer anderen überschrieben wird. – puelo

Antwort

1

Ihre CSS-Dateien in Ihrem Gerät aus Leistungsgründen zwischengespeichert werden. Um sie zu aktualisieren, müssen Sie ohne Zwischenspeicherung aktualisieren, die von CTRL+SHIFT+R oder SHIFT+F5 ist.

Um zu vermeiden, dass diese Tastenkombination nach jeder Änderung des Styles gedrückt wird, öffnen Sie Ihre Entwicklerkonsole (CTRL+SHIFT+I) und gehen Sie zu ihren Einstellungen (F1). Aktivieren Sie dann Cache deaktivieren (während DevTools geöffnet ist). Solange die Entwicklerkonsole geöffnet ist, werden Ihre Aktualisierungen keinen Cache verwenden.

Viel Glück!

0

wenn u wollen, dass diese bg Farbe Verwendung ändern ..

body{ 
    background-color:red !important; 
} 
0

Die color Eigenschaft ist für die Farbe des Textes:

https://developer.mozilla.org/en-US/docs/Web/CSS/color

Verwenden background-color statt.

body { 
    background-color: red; 
} 
+0

Sie haben Recht! Ich habe meinen Beitrag bearbeitet. Vielen Dank. Ich habe beim Schreiben dieses Beitrags einen Fehler gemacht. Auf meiner Seite ist "Hintergrundfarbe" statt "Farbe". – plesniak

Verwandte Themen