【WordPress×cocoon】カスタマイズがうまく反映されない時の確認項目

こんにちは。hibikiです。

ブログを始めてそろそろ１年半が経ち、これまでにいろいろとカスタマイズも試してきたのですが、その度によく起こる”カスタマイズがうまく反映されない”問題に、先日も悩まされたところです💦

１、２か月ぶりにいじると、そういう時はプラグインとかキャッシュとかが関係してることがあった気がするけど、具体的にはどうやるんだったけ・・・？？？😨

と毎回調べては試す、の繰り返しだったりしまして💦

それも無駄な時間だなとさすがにそろそろ思い始めてきたので、毎度やることをまとめて📝おきたいと思います。

チェック１：プラグインの無効化

カスタマイズがうまく動かない、反映されない時の原因として、

プラグインが不具合のきっかけとなっている、ということもよくあります。

なのでまずはプラグインをすべて無効化します。

以下の手順でやると、大量にプラグインを導入している人でも簡単に済みます。

まずはプラグインの横のチェックボックスにチェックを入れます。

そうするとこのように、すべてのプラグインにチェックが入った状態になります。

次に、上の方に”一括操作”と書かれている箇所がありますので

そのプルダウンメニューを開き、無効化をクリックします。

これで終わりです。

すべてのプラグインが無効化されました。

チェック２：高速化をオフ

次に、高速化をオフにしていきます。

以下のどちらかで試すと原因を特定できます。

Cocoon設定＞高速化 を開きます。

オフにして確認するべき項目は以下の４つです。

まずブラウザキャッシュの項目から。

ブラウザキャッシュの有効化をオフにします。

左のチェックボックスのチェックを外してください。

次に縮小化の項目です。

●HTMLを縮小化
●cssを縮小化
●JavaScript縮小化

をオフにしていきます。

同様にチェックボックスのチェックを外していきます。

特にcssは、ブログ初心者でも調べながらコピペでいろいろ書き加えれば初歩的なカスタマイズは何でも出来てしまいますので、テーマエディターのスタイルシートに追記をしている人も多いのではないかと思いますが、

これがやはりプロでない場合、書き方がよくないからか短縮すると今イチ読みづらくなっていたり、文法がおかしくなる、なんてことがあるようなのです。

当ブログの場合は、私ももれなく初心者ながらかなり書き加えておりまして、cssについて多少理解してきている部分もあるものの、書き方はたぶんプロから見たらかなり汚いのだろうと予想できますので💦

常にオフにしているのですが、

もしオンになっている場合は試してみる価値ありです！

是非やってみてください。

チェック３：キャッシュの削除

キャッシュの削除だけで済む場合もありますのでこちらもやっていきます。

Cocoon設定＞キャッシュ削除を開きます。

一番上の方の ”全てのキャッシュの削除”をクリックします。

ここはこれだけです。

キャッシュを削除したら一度サイトを確認してみましょう。

チェック４：テーマエディターの見直し

カスタマイズする際に、Cocoon設定やメニュー、ウィジェットなどの設定だけではカスタマイズしきれない場合に、よくこのテーマエディターのスタイルシートにcssを追記していくのですが、

ここでエラーが出ている場合も多々あります。

テーマエディター＞スタイルシートを開き、確認していきます。

テーマのための関数（functions.php） にも追記している場合はそちらも同様に確認します。

この辺りは、カスタマイズでエディターにいろいろと書き加えていった時に、

例えば何かちょっと()が足りないだとか、改行するべきところでしていない、などなど

ちょっとした文法ミスが原因となっていることもあるようです。

このチェックが素人にはなかなかキツくて…😨💦💦

相当時間かけて見たあげくに、全く関係ないところに原因があった時などは、どっと疲れてしまうのですが💦

しかしここが原因だった時も何度かありましたので、飛ばす訳には行きませんね。

記入したときに、例えばコピペした場合はコピペ元のサイトに書かれている文と見比べて何か違わないか見て見たり、

例えばスマホ用のカスタマイズがスマホ用の場所に収まっているかを確認したり、

ひとつひとつチェックしてみる必要があります。

そういう時に時間をかけないためにもある程度文法を知っておくこと、

それからチェックする時にいろんなサイトを渡り歩かなくても調べられる手段として、

ひとつはcssの本を買っておくのもいいと思います。

スラスラわかるHTML&CSSのきほん（第2版）

私は１年半前にブログを始める前に購入したこちらの本を愛用しています👀

こちらの本は本当に親切に解説されていて、全くの素人でも少しずつ飲み込めるようになってきて、ブログのカスタマイズが捗り本当に助かっています。

自分好みにサイトの構築をしてみたい方は、この本がオススメです(*^^*)