みなさん、Wordpressは得意ですか?僕は苦手です。トラブルが起こるごとに焦りますw
このブログで使用しているテーマはフリーのWordpressテーマ「Cocoon」です。カスタマイズはほぼしていないデフォルト状態。それでちゃんとブログの体裁にはなってるし、それをフリーで提供してくれているなんて、作者であるわいひらさんには感謝しかありません。
僕はいつもWordpressでプラグインやテーマの更新があると、何も考えずに
やっぱ新しいほうがいいよねー
とバックアップも取らずに更新していました。それが原因で今回トラブルになって焦ってパニックになりましたw その解決法もセットでレポートします。
追記:根本解決する方法がわかったので記事にしてます
Cocoon 2.3.6にアップデートしたら画像のキャプションが崩れた
今朝、いつもどおりWordpressの更新画面をチェックしたら、Cocoonテーマのアップデートがきていました。バージョンは2.3.6。とりあえずいつもどおり更新して、自分のブログを見てみると全ての画像がこんな感じに乱れておりました・・・。
写真につけているキャプションが縦書きのごとく改行されまくってます。これはPC表示でもスマホ表示でも起こっていて、全ての画像のキャプションがこの状態でした。
やばい、本格的に終わったかもしれん・・・バックアップとってない
WordPressが得意ではない僕、絶望です。とは言ってもボーッとしていては解決できないので、無い知恵を絞って解決策を探します。
その日に更新したプラグインをチェック
この現象が発生した当初、僕はテーマの不具合を疑っていませんでした。というのも、その日はCocoon 2.3.6以外にも2つのプラグインを更新していたからです。それがこちら
- EWWW Image Optimizer
- LiteSpeed Cache
特に前者は画像系のプラグインで、こいつの更新でバグったに違いない!と勝手に決めつけていました。
ただ、これらを 「WP Rollback」を使ってダウングレードしたり無効化したりしてみたのですが、状況が改善されません。
というわけで消去法でCocoonのダウングレードを試みることにしました。
Cocoonを2.3.5.1まで戻してキャプションが治った
テーマのダウングレードは WP Rollback を使ってはできません。これもやり方はわいひらさんのウェブサイトに解説がありますので、その通りに実行します。
- 旧バージョンのファイルをリンク先からダウンロード
- ダウンロードしたファイルを解凍
- フォルダ名を「cocoon-master」に変更して、ZIPに圧縮
ここまでできたら、Wordpressの 外観>テーマ から新規追加をクリックして、先程の作成した「cocoon-master.zip」をアップロードし、ダウングレード完了です。カンタンですね。
Githubの画面で旧バージョンのどれかをダウンロードすればよいのですが、ここで注意なのは1個前のバージョン 2.3.5.5ではキャプションは治りません(理由はわかりませんw)。僕は一度2.3.5.5にダウングレードしてみて改善せず、1時間路頭に迷いました。お気をつけください。
路頭に迷ってる間、
たしかアップデート前はバージョン2.3.5.1って書いてた気がするなぁ・・・・
と微かな記憶をたどり、バージョンを2.3.5.1にダウングレードしてみました。
すると、写真のキャプションがきれいになって復活!よかった・・・ほんとうによかった・・・。
結論:Cocoon使っていてキャプションが縦書きになってたらテーマを戻してみるべし
というわけで、同じようにキャプションが縦書きになって困っているCocoonユーザーの方は、2.3.5.1へのダウングレードをしてみてください。きっと改善すると思います。僕は今後のアップデートでこの問題が解決されたらCocoonの最新版にアップデートするつもりです。それまで気長に待ちましょう。
このブログはデザインや見栄えには力を入れておりません。僕自身がWordpressに明るくないというのもありますが、ブログの価値は見栄えではなく内容(コンテンツ)だと考えているからです。あくまでリソースを割くのはコンテンツ作成のみ。会社員は時間も限られていますし。
ただ、デザインには力を入れていませんが、サイトの状態を最新に保つようには心がけています。表示速度などが改善されれば、ユーザーのメリットにつながるので。
今回のトラブルで「うまくいっているモノを変更することのリスク」を体感できました。バックアップって大事ですね。バックアップとってたら、右往左往する必要なかったわけですから。これからは定期的にバックアップを取ろうと思います。