WprdPressでstyle.cssが認識されてもブラウザでは認識されない原因:メモ

丸1日ほどハマったのでメモ。

今まで、style.cssのファイル名の前方に半角スペースが入っていたり、カスタム対象のテンプレートではそもそもsytle.cssを読み込む記述がなかったりと、いくつかの状況に遭遇しましたが、今回新たに遭遇したのでメモとして。

なお、恐らく再び起こることはなさそうですし、類似の状況に出くわす方もいないでしょう。

が、万が一を考えてのメモ書きです。

状況

WordPressのテーマをサーバーにあげて有効化。しかし、cssが反映されませんでした。画像も読み込まれていません。

テーマファイル内にstyle.cssがなかったり、ファイル名が間違っているとエラーになって有効化はできませんので、WordPress内では認識されている状態でした。

試しに管理画面内の「テーマの編集」でもsytle.cssを見ることができ、書き換えることもできます。

原因

色々と試した結果、辿りついたのが以下の結論です。

• テーマ内の全ファイルのパーミッションが640

フォルダは755でしたが、肝心のファイル（画像を含む）が640でブラウザには読み込まれなかった模様です。

正直な所、いままでフォルダやphpファイルのパーミッションは気にしたことはありましたが、cssや画像のパーミッションを気にしたことはありませんでした…。

対応

原因が分かれば簡単で、パーミッションを通常のもの（だと思うのですが）に変更するだけです。
具体的には以下の通り。

• 640を644に変更

これでcssも画像も表示されました。
ちなみに、644というのはTwentyFifteen内のファイルの値を参考にしています。

結び

正確な原因は分かっていないのですが、今回はファイルの入手方法が特殊だったのでその辺りに原因があるのかなと考えています。