前略、cragycloud さん

どうも、iframeタグをｐタグで挟んでいると、 video-container の上と下に空のｐタグが挿入されてしまうような感じですね。

ブロックエディターでコードエディターに切り替えて編集したらどうかと思ったのですが、私のテスト環境では、コードエディターで編集できない状態になっています。

ブロックエディターのビジュアルエディターでｐタグを削除するとvideo-containerの上下のｐタグは挿入されなくなりました。

WordPressに何かしらの変更があったのかもしれませんが、私はよくわかりません。

cragycloud さん

ブロックエディターで新たに、カスタムHTMLブロックでyoutubeのiframeのコードを埋め込むと、余分なpタグは挿入されないみたいです。

また、ブロックエディターのyoutubeブロックにyoutubeのiframeではなく、urlの方を取得して埋め込んでも、余分なｐタグは挿入されないみたいです。

エディターの仕様に何かしらの変更があったのか？何なのか？詳しく調べないと原因はわかりませんが、対処方法はない訳ではなさそうです。

私は、Cocoonしか使っていないのでよくわからないですが、これはCocoonだけなのか、それとも他のテーマでも同様なのか、違うのか、エディタ―は、どうも安定しませんね。

cragycloud さん

クラッシックエディターで、youtubeのiframeの埋め込みコードをテキストモードの方に貼り付けると、自動的にpタグで挟まれてしまう、と言った場合には、手動でdivタグに変えると良いのかもしれません。

以下のようになっていたら・・

<p><iframe src="https://www.youtube.com/embed/hogehoge?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>

以下のように修正してみてください。

<div><iframe src="https://www.youtube.com/embed/hogehoge?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

これで、動画の上と下の余分なｐタグと疑似要素は挿入されなくなるのではないかと目論んでいるのですが、上手くいくかどうか・・

リフィトリーさま

親切丁寧に教えていただきありがとうございます。

やはりワードプレスのなにかしらの変更なのでしょうか。

ページ単位で修正するのは大変なので、

このまましばらく様子を見た方がいいでしょうか。

@cragycloud さん

WordPress5.7がリリースされて、まだ日が浅いので、そういった情報が他でも出てくるかもしれないですよね。

本家、WordPress.org のフォーラムの書き込みなども情報が書かれている場合もあるので、時々ご覧になってみてもいいのかもしれません。

メジャーアップデート直後は、バグが見つかることも多いため、その次のマイナーアップデートでアップデートされている方もいらっしゃるようです。

投稿者:: @cragycloud

ページ単位で修正するのは大変なので、

このまましばらく様子を見た方がいいでしょうか。

これは、何とも答えづらいですね。

例えば、アクセスの多いページから修正するとか・・

修正せずにしばらくの間、何もせずに様子をみるとか・・

私のサイトは、まだバージョン5.6.2のためか、この問題は発生していないようです。

リフィトリーさま

wp downgrade | specific core versionというプラグインを使用して、バージョンを5.6.2に戻しました。

しばらくこれで様子を見てみようと思います。
多くの情報を教えていただきありがとうございました。

@cragycloud さん

ダウングレードしたら改善しましたね。

おそらく、クラッシックエディターで書いた記事が影響を受けそうな感じですね。

Cocoonだけの問題でない場合は、WordPressのフォーラムでも、投稿があるかもしれませんね。