2017-06-24 7 views
0

私は自分自身をワードプレスで作成しようとしています。私はindex.phpとstyle.cssをルートフォルダに追加しました。バックグラウンドカラーを変更しようとしていますが、何も起こりませんでした。WordPressでCSSが動作しない

の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; 
} 

私は 'サイトカスタマイザー/ CSS' タブでCSSスタイルを変更するときに働いている、または私は、HTMLで直接CSSスタイルを追加するときボディータグ。

どうしたのですか?

+2

背景色は、「背景色:赤」のようにする必要があります。 – Picard

+0

あなたはクライアントサイドの問題ではないと確信していますか? CTRL + F5またはCTRL + SHIFT + Rを使用してキャッシュせずにリフレッシュしてみてください。 –

+0

'color:'の代わりに 'background-color:#hex;'を使います。また、あなたのcssファイルが読み込まれ、あなたのルールが別のものによって上書きされていないことを確認してください。 – puelo

答えて

1

あなたのCSSファイルは、パフォーマンス上の理由から、あなたのデバイスにキャッシュされています。それらをリフレッシュするには、キャッシュなしでリフレッシュする必要があります。これはCTRL+SHIFT+RまたはSHIFT+F5です。

各スタイルの変更後にこのキーの組み合わせを押さないようにするには、デベロッパーコンソール(CTRL+SHIFT+I)を開き、設定(F1)に移動します。その後、キャッシュを無効にします(DevToolsが開いている間)を有効にします。これを行うことで、デベロッパーコンソールが開かれている限り、リフレッシュでキャッシュは使用されません。

幸運を祈る!

0

uは、BG色の使用を変更する場合は、この..

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

colorプロパティは、テキストの色のためである:

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

使用background-color代わりに。

body { 
    background-color: red; 
} 
+0

あなたは正しいです!私は自分の投稿を編集しました。ありがとうございました。私はこの記事を書いている間に間違っていました。私のページには 'color'ではなく' backround-color'があります。 – plesniak

関連する問題