takeko

さまざまご検証いただき、誠にありがとうございます。
お手数おかけしました。

ひとまず【HTMLで編集】にすれば問題なく使えそうですので、今後も使用を考えたいと思っています。
こちらでも他のプラグインの停止等試してみて、もし何か原因と思われるものが見つかりましたら報告します。

ご丁寧にありがとうございました。

一つ目の吹き出しに画像（いらすとやさんのびっくり顔）
<div class=”wp-block-word-balloon-word-balloon-block”>[word_balloon id=”1″ size=”M” position=”L” radius=”true” name=”” balloon=”talk” balloon_shadow=”true”]<div class=”w_b_block_quote”><!– wp:image {“id”:4554,”width”:193,”height”:236,”sizeSlug”:”large”} –>
<figure class=”wp-block-image size-large is-resized”></figure>
<!– /wp:image –></div>[/word_balloon]</div>

二つ目の吹き出しに引用（文章はテストの文字）
<div class=”wp-block-word-balloon-word-balloon-block”>[word_balloon id=”1″ size=”M” position=”L” radius=”true” name=”” balloon=”talk” balloon_shadow=”true”]<div class=”w_b_block_quote”><!– wp:quote –>

<p>テストテストテスト</p><p>テストテストテスト</p>

<!– /wp:quote –></div>[/word_balloon]</div>

上記で試してみましたが、プレビュー?公開記事ともに以下のような状態になります。
https://takenoko-takeko.com/%e6%9c%aa%e5%88%86%e9%a1%9e/test05/

PWは本日の日付です。

上記の件、コードエディターで試してみました。

<!– wp:word-balloon/word-balloon-block –>
<div class=”wp-block-word-balloon-word-balloon-block”>[word_balloon id=”1″ size=”M” position=”L” radius=”true” name=”” balloon=”talk” balloon_shadow=”true”]<div class=”w_b_block_quote”><!– wp:paragraph –>
<p>てすと</p>
<!– /wp:paragraph –></div>[/word_balloon]</div>
<!– /wp:word-balloon/word-balloon-block –>

Word Balloonブロックを呼び出し、何も変更することなく吹き出しに【てすと】と入力しただけの状態です。
プレビューで確認する限りでは、サイドバーの表示が崩れ、記事下にサイドバーが表示される状態です。
また吹き出しよりも先に書いた文章は表示されますが、吹き出し以降に書いた文章は表示されません。

パスワードは先日お伝えしたものと同じ、昨日の日付です。

度々申し訳ございません。

再利用ブロックを使用せずに使いたい設定（吹き出し種類：カラー等）にした記事
https://takenoko-takeko.com/%e6%9c%aa%e5%88%86%e9%a1%9e/test03/

１）再利用ブロック　２）再利用ブロック→通常のブロックに変換　を試した記事
https://takenoko-takeko.com/%e6%9c%aa%e5%88%86%e9%a1%9e/test04/

上記のようになりました。

今回の件とは全く関係ありませんが、
お使いのテーマのスタイルシートの影響で、
Word Balloonの吹き出しの下に余白が出来ます。
気にならない様でしたら、問題ありませんが
一応、対処法はお伝えしておきます。

ありがとうございます！
実は少し気になっていながら使用していましたので、参考にさせていただきます。

再利用ブロックにWord Balloonを登録して、
それを使っている事はありませんか？

こちらこそ言葉足らずで失礼しました！
通常よく使うスタイルを設定したものを再利用ブロックに登録し、それで使っておりました。
（先日のテスト公開で言いますと【カラー／右寄り／アイコン枠あり】のもの）
再利用ブロック呼び出し→通常のブロックに変換　としておりました。
こちらに原因の可能性はありますでしょうか？

そうですよね…＾＾；
すみません。。。

ダウングレードの件もありがとうございます。
現状では【HTMLで編集】にすれば現行バージョンでも問題なく使えていますので、検討したいと思います。

最後にもう一点だけ教えて頂きたいのですが、プラグインだけでなくCSSなどの設定でもこのような現象は起こりえるでしょうか？
もちろん、現状では確かな原因はわかりかねると思いますが…
（CSSが原因の可能性も考えられるならば、マストではないものを消そうかと思っています）

様々なご検証いただき、ありがとうございます。
思い切って相談させていただけてすっきりしました！

現状では、他に同様の状態になっているご意見もないため、現行のままという認識でよろしいでしょうか？

ちなみに、古いバージョンのWord Balloonでしたら問題なく使用できていたのですが、バージョンダウンすることは可能でしょうか？

やーまん様

ご検証いただき、ありがとうございます！
もしかしたら私の入れている別のプラグインとの相性かもしれません。。。
現状、少し思い当たるのは【Add RichText Toolbar Button】というプラグインです。
（↓ブロックエディタを一行ごとに装飾できるプラグインです）

https://github.com/technote-space/add-richtext-toolbar-button

実際にご覧いただけて、こちらの環境によるところだとわかり、少しすっきりしたように思います。
ありがとうございます。

やーまん様

ご丁寧にご確認いただき、誠にありがとうございます！
返信が遅くなり、申し訳ありません。

1：
<!– wp:paragraph –>を消された事はわかりましたが、
閉じタグの<!– /wp:paragraph –>は消しましたか？

Word Balloonのブロックごと「HTMLで編集」にし、閉じタグも消したところ、プレビューでも正常に表示されました。

2：
実際に表示される記事は正常で、
プレビューのみで、表示が崩れるという認識でよろしいでしょうか？

下書きのプレビューで表示が崩れる状態で試しに公開してみたところ、やはり公開記事も表示が崩れました。
これまでに書いた記事（アップデート前のWord Balloon使用）は問題なく表示されています。

3：
正常に表示されないWord Balloonのブロックを(吹き出し内では無く)
『HTMLとして編集』にしてください。
その際に表示される内容を丸々コピペしてもらえないでしょうか？
特定の設定で発生する可能性があるので、
ショートコードの内容を確認したいです。

<div class=”wp-block-word-balloon-word-balloon-block”>[word_balloon id=”1″ size=”M” position=”R” name_position=”under_avatar” radius=”true” name=”” avatar_border=”true” balloon=”line”]<div class=”w_b_block_quote”><!– wp:paragraph –>
<p>てすと</p>
<!– /wp:paragraph –></div>[/word_balloon]</div>

なお、テスト公開しましたので、もしよろしければご覧いただけませんでしょうか？

https://takenoko-takeko.com/%e6%9c%aa%e5%88%86%e9%a1%9e/test01/

https://takenoko-takeko.com/%e6%9c%aa%e5%88%86%e9%a1%9e/test02/

いずれも本日の日付がPWです。

度々恐れ入りますが、ご確認の程お願い致します。

ご返信ありがとうございます。
使用環境は以下の通りになります。

————–
Server software : Apache
Server OS : Linux
PHP version : 7.2.29
————–
WordPress version : 5.4.2
Multisite : false
Theme : jin
Word Balloon version : 4.10.4
————–
OS : Windows 10
Browser : Chrome 83.0.4103.116
User Agent : Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36
————–

なお、通常ブロックエディタのビジュアルエディタで作業しており、ボタン一つで挿入していますが、いったん【HTMLとして編集】にし、<!– wp:paragraph –>を無くすと問題なく表示されました。
ヒントになるかわかりませんが、新しいアップデートにより吹き出しの中身がブロックになっているためでしょうか？