体調不良のため長らくお休みしていました、過去をさかのぼって更新していきます。

【解決済み】WordPress Cocoonのバグ?投稿画面で画像の右寄せ・左寄せの表示が崩れる問題

[PR] 記事内には広告が含まれています。

現在、Cocoonテーマを使っていると、画像の右寄せ・左寄せをすると、編集画面で表示が崩れます。報告を頂いて気付きました。

投稿画面で右寄せ・左寄せが崩れる

画像を貼り付け、文字を回り込ませようと、右寄せ(あるいは左寄せ)にすると、表示が崩れます。

画像の下に文字を書いて、画像を右寄せにすると・・・

このように、文字の上に画像が重なってしまい、回り込みができません。

左寄せにしても同様で、文字の上に重なってしまいます。

ですが、↓プレビュー(もしくは公開)画面でみるときちんと回り込まれています。

本番の画面で問題ないから、とりあえずはこのままでもいけなくもないですが、やっぱり投稿画面できちんと表示されないと、見栄えの調整がむずかしいですよね。

Cocoon以外のテーマなら問題ない

設定をいろいろいじったのでおかしくなったのかも?と先ず疑い、Cocoonの設定をリセットしましたが現象は改善されませんでした。こちらの設定が原因ではないようです。

これは『バグ』ですね。バグとはプログラムに起因する不具合のことです。プログラムにはバグがつきものです。

WordPressのバグなのかCocoonのバグなのかを切り分けるために、別のテーマを選択してみたところ、問題なく投稿画面で回り込みがされたので、Cocoonが原因であると判断しました。

いつのアップグレードからそうなったのかはわかりません。Cocoonのダウングレード検証は行っておりません。

Cocoonフォーラムで問題の報告がされていました

Cocoonのフォーラムにいって、同じ現象がないかさがしてみたところ、ありました!

画像と段落の表示について
どうしてもわからないため質問させて下さい。 ブロックエディタで固定ページを作成しているのですが、段落と画像の表示がうまく行かずに困っています。 やりたいことは画像を左側に配置して、段落の文章を画像右側に表示させることです。 画像の表示を「左...

そして作者のわいひら様によって、不具合が確認され、修正版がすでに出来ているようです。素早い対応ありがたいですね。

右寄せ・左寄せの不具合修正方法

↓こちらの一番下に書いてある修正方法で、すぐに修正ができます。

画像と段落の表示について
どうしてもわからないため質問させて下さい。 ブロックエディタで固定ページを作成しているのですが、段落と画像の表示がうまく行かずに困っています。 やりたいことは画像を左側に配置して、段落の文章を画像右側に表示させることです。 画像の表示を「左...

Githubから修正版のテーマをダウンロードし、FTPで上書きして修正可能です。

ただし、FTPをやったことがない、難しいことは自信がないという方は、次のCocoonアップデートでは修正されると思いますのでそれまでは我慢して待つというのも方法です。

Cocoonテーマの投稿画面で右寄せ・左寄せの表示の不具合は解決可能

画像を右寄せ・左寄せすると重なって表示が崩れる不具合は、Wordpress無料テーマCocoonのバグだということがわかりました。

すでに作者様によって解決済みなので、お急ぎの方はFTPを使って上書きすることによって不具合は解消されます。

難しいことはわからない、ガマンできるという方は、次のCocoonアップデートをお待ちいただくことによって自然に解決できると思います。

→2020年2月27日、 Cocoon2.1.1 バージョンで解決されました。