[Å] ブログで新規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版トップページ少し見せ方変えました。
- [Å] WordPressで絵文字(画像)に変換するスクリプトを停止する方法
- [Å]「できる100ワザ WordPress」WordPress運営全体がわかる1冊!基礎から1度勉強したい人は一読の価値あり
- [Å] PC画面の上部に表示されるWordPressログインツールバーを非表示にする方法
この記事はiPhoneアプリ「SLPRO X(するぷろ X)」から更新しました!
\ この情報を周りの人にも教える /
[Å] ブログで新規id・classが反映されない原因はシックスコアのmod_pagespeedだった
この記事が気に入った方はいいね!で
更新情報を受け取る!

![[Å] WordPress・エックスサーバ環境を初のSSL化!全体の流れと手順](http://webmemo.biz/wp-content/uploads/2017/06/wordpress-ssl-manual-340x200.jpg)













![[Å] WordPressプラグイン「Tweetily」を使って過去記事をランダムにツイートするようにしてみた! [Å] WordPressプラグイン「Tweetily」を使って過去記事をランダムにツイートするようにしてみた!](http://webmemo.biz/wp-content/uploads/wordpress-popular-posts/8026-first_image-90x90.jpg)
![[Å] WordCamp2012 in.東京 セッション スライドシェアまとめ [Å] WordCamp2012 in.東京 セッション スライドシェアまとめ](http://webmemo.biz/wp-content/uploads/wordpress-popular-posts/3901-first_image-90x90.jpg)
![[Å]【WP】ソースを紹介するプラグイン「Crayon Syntax Highlighter」に変更したので設定メモ [Å]【WP】ソースを紹介するプラグイン「Crayon Syntax Highlighter」に変更したので設定メモ](http://webmemo.biz/wp-content/uploads/wordpress-popular-posts/3196-first_image-90x90.jpg)
![[Å] ブログのヘッダリニューアル!今話題沸騰中のあの方に作ってもらいました♪ [Å] ブログのヘッダリニューアル!今話題沸騰中のあの方に作ってもらいました♪](http://webmemo.biz/wp-content/uploads/wordpress-popular-posts/3801-first_image-90x90.jpg)