CSSが反映されない
-
私のサイトは、ブログみたいにほぼ、毎日更新するものではないです。
固定ページを更新する時にCSSも変更することがあります。
しかし、子テーマのCSSを変更(追記)しても、レイアウトが変更されません。実に言うと、私は、ある小さな団体のサイトを公開しており、固定ページのみ、必要がある時だけ更新するので、１か月以上更新しません。
今回は、３か月ぶりの更新です。キャッシュの関係で、反映されないのが、原因かもしれません。
キャッシュに関係なく、強制的に反映するには、どうすればいいですか？因みにテーマは、Twenty Fourteenを使用しています。
子テーマのstyle.cssは、
/* Theme Name:Twenty Fourteen child Template:twentyfourteen */ @charset "utf-8"; @import url("../twentyfourteen/style.css");子テーマのfunction.phpは、
<?php //子テーマで利用する関数を書く add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } ?>になっています。
-
@amryllisさんごめんなさい 返信を見落としていました
http://hanadayori2009.web.fc2.com/WordPress_html.txt
を確認しましたが、チャイルドテーマ用のスタイルが読み込まれていませんね。
以下を確認してください。
チャイルドテーマに
functions.php を作成（function.phpではありませんsを必ずつけてください）
<?php //子テーマで利用する関数を書く add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { // load parent stylesheet wp_enqueue_style( 'twentyfourteen-style', get_template_directory_uri() . '/style.css' ); // load child stylesheet wp_enqueue_style( 'twentyfourteen-child-style', get_stylesheet_directory_uri() . '/style.css', array('twentyfourteen-style'), filemtime( get_theme_file_path( 'style.css' ) ) ); } ?><?phpの前と?>の後ろには、スペースや改行が無い事エディターは、notepad は不可（壊れます）
エディタがなければ
https://notepad-plus-plus.org/
等を使ってください
http://hanadayori2009.web.fc2.com/WordPress_html.txt
を確認してみましたが、
<link rel='stylesheet' id='twentyfourteen-style-css' href='http://自分のサイトURL/wp-content/themes/twentyfourteen_child/style.css?ver=4.7.1' type='text/css' media='all' />
この1行が気になります。
id は、twentyfourteen-style-css で親テーマの物ですが、読み込んでいるのは、～/twentyfourteen_child/style.css?ver=4.7.1 で子テーマの style.css になっています。nobitaさんのコードをコピペしたのであれば、
親テーマの style.css は、id が twentyfourteen-style-css
子テーマの style.css は、id が twentyfourteen-child-style になるはずです。wp_enqueue_style の第一引数が、両方とも twentyfourteen-style-css になっていたりしませんか？
デフォルトテーマは、チャイルドテーマでwp_enqueue_style()していない場合は、チャイルドテーマディレクトリから親スタイルを読みこもうとします。
@nobita
ありがとうございます。
確かに、// Load our main stylesheet. wp_enqueue_style( 'twentyfourteen-style', get_stylesheet_uri() );になっていますね。
皆さま、回答してくださってありがとうございます。
チャイルドテーマに functions.php を作成（function.phpではありませんsを必ずつけてください）1文字｢s｣を付け忘れていました。
ファイル名を修正しました。エディターは、notepad は不可（壊れます） エディタがなければ https://notepad-plus-plus.org/ 等を使ってください↑
PCは、Windows系ではなく、Macを使用していますので、「Komodo Edit 10」というエディタを使いました。functions.php に@nobitaさんが、回答してくださったコードを、
<?php の前と?>の後ろには、スペースや改行が無い事に気をつけながら、<?php //子テーマで利用する関数を書く add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { // load parent stylesheet wp_enqueue_style( 'twentyfourteen-style', get_template_directory_uri() . '/style.css' ); // load child stylesheet wp_enqueue_style( 'twentyfourteen-child-style', get_stylesheet_directory_uri() . '/style.css', array('twentyfourteen-style'), filemtime( get_theme_file_path( 'style.css' ) ) ); } ?>をコピペしてみました。
そしたら、問題なく表示されました。
しかし、毎回毎回キャッシュ削除が煩わしい。
そこで、Google Chromのシークレットウインドウズで開いています。
キャッシュクリア作業しなくても、できる方法は、ないでしょうか？
- トピック「CSSが反映されない」には新たに返信することはできません。