質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.12%

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

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 567

mino_pom

score 10

前提・発生している問題

「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(); ?>">)の誤りではなさそうです。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • azuapricot

    2019/01/28 14:11

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

    キャンセル

  • mino_pom

    2019/01/28 14:50

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

    キャンセル

  • azuapricot

    2019/01/28 14:51

    ですよね~解決したようでなによりです。笑

    自己解決で締めていいと思います。

    キャンセル

  • mino_pom

    2019/01/28 14:53

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

    キャンセル

回答 2

check解決した方法

0

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

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

/*
Theme Name: テーマの名前(必須)
Theme URL: テーマのサイトのURI
Description: テーマの説明
Author: 作者の名前
Version: テーマのバージョン
Tags: テーマの特徴を表すタグ(カンマ区切り/オプション)
License: テーマのライセンス
License URI: テーマのライセンスのURI
*/

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/01/28 14:51

    説明不足ですみません。
    cssにはご回答いただいた部分のみ記述した状態でした。

    また、質問内容についてですが、検証ツールのキャッシュクリアを試したところ、反映することができました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.12%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる