WordPressで新しいサイトを作り、Cocoonのスキンを変更してデザインを変えてみました。
ところが、
「設定は保存されました」
と表示されるのに、サイトを確認してもデザインが変わりません。
何度かスキンを変更してみても反映されず、最終的にLiteSpeed Cacheのキャッシュを削除したところ、スキンの変更が反映されました。
今回は、そのときに行った手順をまとめます。
Cocoonのスキンを変更してみる
Cocoonには「スキン」という機能があり、スキンを変更することでサイトのデザインを手軽に変更できます。
WordPress管理画面から、
Cocoon設定 → スキン
を開き、好みのスキンを選択します。
スキンを選択したら、画面下部にある
「変更をまとめて保存」
をクリックします。
今回は「設定は保存されました」と表示されたので、設定自体は保存できているようでした。
でも、サイトのデザインが変わらない
保存後にサイトを確認してみましたが、選択したスキンのデザインになっていません。
そこで、ブラウザを
Ctrl＋F5
で再読み込みしてみました。
それでもデザインは変わりませんでした。
「設定は保存されているのに、なぜ？」
と少し迷いました。
LiteSpeed Cacheを確認
今回のWordPressには、LiteSpeed Cacheというキャッシュ関連のプラグインが入っていました。
キャッシュが残っていると、設定を変更しても古い表示が残ってしまうことがあります。
そこで、LiteSpeed Cacheのキャッシュを削除してみることにしました。
LiteSpeed Cacheのキャッシュを削除する
WordPress管理画面から、
LiteSpeed Cache → ツール → ツールボックス
と進みます。
その中にある**「パージ」**を開きました。
すると、キャッシュを削除する項目が表示されました。
今回は、
LSCache
の「すべてをパージ」をクリックしました。
CSS/JS CacheやOPcacheもありましたが、今回はまずLSCacheだけを削除しました。
キャッシュを削除したらスキンが反映された！
LSCacheをパージしたあと、サイトを再度確認しました。
さらにブラウザでCtrl＋F5を押して再読み込みすると……
今度は、選択したCocoonのスキンがきちんと反映されました！
設定が保存できていないのではなく、古いキャッシュが表示されていたようです。
今回わかったこと
今回のことで、
「Cocoonのスキンを変更したのにサイトのデザインが変わらない」
というときは、設定を何度も変更する前にキャッシュを確認してみることが大切だと分かりました。
今回の私の場合は、
Cocoon設定でスキンを変更
↓
設定を保存
↓
サイトを確認しても変わらない
↓
Ctrl＋F5でも変わらない
↓
LiteSpeed CacheのLSCacheをパージ
↓
Ctrl＋F5
↓
スキンが反映された
という流れでした。
WordPressを始めたばかりだと、「保存できていないのかな？」と何度も設定をやり直してしまいがちです。
もし同じような症状になったら、キャッシュが原因ではないか確認してみると解決するかもしれません。
