WordPressテーマ『COLORS』のアップデート後、CSSが反映されなくなったのと対処（まだ解決途中）

私のブログのWordPressテーマはDigiPressの『COLORS』と言う有料テーマを使っています。

以前は同じDigiPressの『GRAPHIE』を使ってましたが、サイトのコンテンツ等とのイメージにだんだん合わなくなってきたため、１ヶ月前に変えました。このテーマに変えてからよりイメージ通りのブログデザインになってきて満足しています。

さて、そのテーマなんですがトラブルが起きたのが先週の日曜日（5/17）。

WordPressの管理画面を見ると、この『COLORS』の最新版がアップされている（1.0.2.9）と出ていたので、そのままアップデート。

アップデート自体は問題なく終りました。普段ならマイナーアップデートレベルではアップデート後の確認もしないのですが、その日に限っては何の虫の知らせなのか、念のために表示確認してみました。

そうしたら、なんと下の写真のようにレイアウトが崩れているわ、本来なら色が出るところが全部真っ白になっていたりとCSSが適用されていないのが一目瞭然。

全然『COLORS』でなくなってしまった…。

アップデート後にDigiPress管理画面から『変更を保存』ボタンを押してCSSを再作成しないと、アップデート内容が反映されないことがあるので、本来ならアップデート後にやらなければならない作業なのだが、しばらくほったらかしだったのでその影響かな？と思い、『変更を保存』ボタンを押したが変わらず。何度か繰り返しても変化はなし。

次はブラウザのキャッシュをクリアしたりもしてみたが一向に変化なし。

さすがにちょっとマズイ状況かもと思ったが、当時こちらも決算業務が最優先事項でこちらの方にまで手が出せそうにない。スマホサイトの方もレイアウトが崩れたりしているが、多少見苦しいのはあれど、訪問者もあぁなんかレイアウトが崩れてるな…ぐらいの感覚で済むと思われるレベル。

最優先の仕事が終ったら、調査をすることにした。

そして今週の水曜日（２０日）から原因調査開始。

まずはブログを開いて、HTMLソースを見てみる事に。

このCOLORSでカスタマイズしたCSSはvisual-custom.cssというファイルに定義されているようだが、HTMLソースを見るとおかしなことが…。