こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

ワードプレスで、CSSが反映されていないようです。

お世話になります。

見出しに装飾をつけようと思い、ワードプレスのCSSを編集しました。
が、反映されません。

見出し2の背景色をゴールドにしようとしたのですが、ノーマル?のままです。

ワードプレスのテーマは子テーマを選択し
「Simplicity2 child: スタイルシート 」内を編集しました。

・・・・・・・・・・・・・・・・・・・・・・
@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template: simplicity2
Version: 20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

.headline2{
background-color:#ffd700
}

・・・・・・・・・・・・・・・・・・・・・
なにか足りない記述でもあったのでしょうか?

投稿日時 - 2019-01-23 13:30:24

QNo.9580601

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

こんばんは。
子テーマにスタイルを記述してもノーマルのままと仰っているので、親テーマのstyle.cssは正しく読み込まれているようです。

このような場合、子テーマの functions.php にて親テーマのスタイルを生かしつつ子テーマに追加のスタイルを記述するアクションを追加します。

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}

※子テーマを使う場合、こちらのページに目を通しておくと幸せになります。
※functions.phpへ上記のアクションを追加する方法も記載されています。

http://wpdocs.osdn.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E

投稿日時 - 2019-01-25 23:22:58

ANo.1

この部分のみの記載なので違ってたらごめんなさいですが、

#ffd700
のあとにセミコロンを入れるとどうなりますか?

.headline2{
background-color:#ffd700;
}

投稿日時 - 2019-01-23 14:00:54

あなたにオススメの質問