WPテーマ「Xeory」のCSSが反映しない。対策は？

今回はワードプレスのSEOに強い無料で使えるテーマ「Xeory」のCSSが反映しない場合の対策・解決方法についてご紹介します。

テーマ「Xeory」のCSSが反映しない場合の対策・解決方法は？

ワードプレス　xeory CSSを反映するための設定

まずワードプレスの管理画面から、「外観」＞「カスタマイズ」をクリックします。

ワードプレス　xeory CSSを反映するための設定②
カスタマイズのメニューから「追加CSS」をクリックします。

あとはここにCSSを追加すれば、無事にCSSが反映されました。

記載したCSSの最後に「!important」を付けることでも、CSSが反映されるようになるようです。

例　color: #fff !important;

ただしこの方法だと、すべてのCSSに対して「!important」を付けなければならないので、「外観」＞「カスタマイズ」＞「追加CSS」で差し支えがなければ、わざわざこの方法をとる必要はないと思います。

xeory関係なく基本の対策・解決方法になりますが、CSS変更後ブラウザのキャッシュを削除すれば、CSSの変更が無事に反映されます。

主なブラウザのキャッシュを削除方法は以下の通りです。

以上からまずは「外観」＞「カスタマイズ」＞「追加CSS」のところでCSSを書き換えてCSSが反映されているかどうかを確認し、それでもダメならブラウザのキャッシュを削除するか、CSSの終わりに「!important」をつけるなりすると良いかもしれません。