WordPressのテーマのCSS変更が反映されない

前提・発生している問題

「WordPressレッスンブック」という書籍を参考に、WordPressのオリジナルテーマを作成しています。
サーバーはXserverです。

オリジナルテーマのzipファイルに、「index.php（空のphpファイル）」、「style.css（空のcssファイル）」、「〜.jpg（テーマのサムネイル画像）」を入れて、WordPressの「新しいテーマを追加」で読み込みました。

WordPressの「テーマの編集」から「index.php」と「style.css」を編集しているのですが、「style.css」の変更が画面に反映されません。

試したこと

Chromeの検証ツールを確認したところ、「index.php」の変更は反映されるのですが、「style.css」（wp-content → themes/mytheme → style.css）には変更が反映されていませんでした。

なので、「index.php」のcssを読み込むコード（<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">）の誤りではなさそうです。

azuapricot

2019/01/28 05:11

CSSが効かない～の3割はキャッシュクリアができていないなのですが、もちろんキャッシュクリアなどは試していますよね（F12を押してディベロッパーツールを開く→更新ボタン右クリック→キャッシュの消去とハードの再読み込み）

退会済みユーザー

2019/01/28 05:50

恥ずかしながらキャッシュクリアを知らなかったので、試したところ反映されました。ありがとうございましたm(_ _)m

azuapricot

2019/01/28 05:51

ですよね～解決したようでなによりです。笑自己解決で締めていいと思います。

退会済みユーザー

2019/01/28 05:53

それでは、恐縮ですが自己解決にさせていただきます。本当助かりました！

行動規範の内容に同意します

回答2件

ベストアンサー

azuapricot様から指摘いただいたとおり、Chromeの検証ツールを開いた状態で、更新ボタンを右クリックし「キャッシュの消去とハード再読み込み」をしたところ、「style.css」の変更内容が反映されました。

投稿2019/01/28 05:57

退会済みユーザー

総合スコア0

空のcssファイルという言い方が気になっているのですが、style.cssには以下のような記述はありますか？
Theme Nameは必須です。

css
1/*
2Theme Name: テーマの名前（必須）
3Theme URL: テーマのサイトのURI
4Description: テーマの説明
5Author: 作者の名前
6Version: テーマのバージョン
7Tags: テーマの特徴を表すタグ（カンマ区切り/オプション）
8License: テーマのライセンス
9License URI: テーマのライセンスのURI
10*/