PR

【Cocoon】画像のキャプションが縦書きになって崩れるのを修正する方法【完全版】

ライフログ
スポンサーリンク

みなさん、WORDPRESSは得意ですか?僕はまったく知識の無い素人です。勉強したいのは山々ですが、カスタマイズするほどの美的センスもないので、コンテンツ制作に全力を注ぐスタイルでやってます。

と言いつつも、たまにWORDPRESSをいじらないといけない時があります。先日、Cocoonを2.6にアップデートしたら画像のキャプションが縦書きになってくずれる記事を投稿しました。それがこちら。

このときはバージョンをダウングレードするという、根本的な解決になっていない対策しかしていませんでした。その後、根本的な解決方法を見出したので、ここでみなさんとシェアしたいと思います。

原因は「JETPACKプラグイン」の”accelerator”

色々と調べてみるとどうやら同じような症状で困っている方がCocoonのフォーラムにいました。現象は中央揃えにしている画像が全て縦書きになってしまうとのこと。そう言えば、このサイトの画像も全て中央揃えなので、まさに同じ症状です。

見事な縦書きになってますw

結論から言うと原因は「JETPACK」の”accelerator”という機能。ウェブサイトの読み込みを高速化するための機能です。たしかに高速化は大事かもしれませんが、極端に遅くなければユーザビリティを損なうことはありません。よくわからない機能はOFFにしておきましょう。

JETPACKのacceleratorをオフにする方法

というわけで、その対処法を画像を交えながら見ていきましょう。

Jetpackの設定をクリックします
Performance タブから”Enable site accelerator” をオフにします

以上です。たったのこれだけで画像のキャプションが修正されます。大事なのは不必要なプラグインは入れないことですね。

余談:Jetpackの要らない機能はOFFにしておこう

Cocoonのフォーラムでは

Jetpackで必要としていない機能はOFFにしておいたほうがいい

との助言がなされておりました。全くそのとおりでございます。僕は要らない機能を全部OFFにしておきました。またトラブったらイヤですからね。その方法は以下のとおり。

Jetpackの設定画面の下のほうに”Modules”というメニューがあります。それをクリック

すると機能の一覧が表示されます。自分が使わない機能は切っておくとよいです。よくわからんのが有効になってたりしますので

結論:Cocoonで画像キャプションが縦書きになったらJetpackを疑え!

この問題、地味に僕は悩んでいました。これからCocoonをアップデートできなくなるのかなーと不安になったり。そうしたときにフォーラムを設けて有識者の意見をきけるようにしてくれている、わいひらさんには感謝しかありません

もし、僕と同じように悩んでいる方がいらっしゃいましたら、上の対策をやってみてください。原因がわかれば案外カンタンです。

タイトルとURLをコピーしました