[Å] ブログで新規id・classが反映されない原因はシックスコアのmod_pagespeedだった

ブログで新規id・classが無効になった原因はシックスコアのmod_pagespeed

先週末からずっと悩んでいました。

サーバにファイルを何度アップロードしても新規で追加したidやclassが無効になる原因(優先順位の問題ではなくそもそもid・classを認識しない)ずっとを探っていました。

もしノリでシックスコアの「mod_pagespeed」をONにしている人は注意してくださいね!

今回の現象について

ブログに新規で新たな項目を追加するためにテーマファイルのPHPにclassやidを使用したdiv等を記述。それに合わせてCSSも記述。

サーバに弄ったPHPとCSSをアップロード!

Webページをリロード!リロード!リロード!リロード!リロード!リロード!

・・・変わらない。

Chromeの「要素を検証」を使って確認するとPHPは反映されているけど追加したclassやIDが完全に無視されている状態。

閉じタグの問題とか絶対に関係ないのに優先順位を確認したり、!importantを付けてみたり。

原因はサーバで設定した「mod_pagespeed」

シックスコアには「mod_pagespeed」のON / OFFを簡単に切り替えられる機能があります。

これをONにしていたことをすっかり忘れていて何度リロードをしても変更が反映されなかったようです。

ちなみにWordPressプラグイン「Head Cleaner」は無効化・過去のキャッシュも全て削除済みでした。

一度、mod_pagespeedの設定をシックスコアのサーバ管理ツールでOFFにして確認するとCSSに加筆した部分が無事に反映されました。

さいごに

前まで「mod_pagespeed」の影響について覚えていたのに月日が経ちすっかりと忘れていました。

このブログのカスタマイズはもう無理なのかと半ば諦めモードだったので無事に解決して良かったです。

読者さんの中に加筆した内容が全くブログに反映されないと困っている人がもしいたらプラグインだけでなくサーバの設定(.htaccessの設定)なども疑ってみてください。

参考までに。おしまい。

★余談
カスタマイズ中、WordPressファイルトップのindex.phpをテーマのindex.phpで上書きした時は変な汗が出ました。最近間違いが多いので要注意です。あとPC版トップページ少し見せ方変えました。

この記事はiPhoneアプリ「SLPRO X(するぷろ X)」から更新しました!

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼