【Xwrite利用者向け】「画像のテキスト回り込み」を「グループ」ブロックで実現させてみる

当記事へのコメント

1. ---

   

   大門未知子

   2026/6/21 0:49

   返信

   テキストの回り込みはGutenbergエディターの機能です。
   「画像」ブロックを右左寄せ（float:left、right）したあとの、「段落」ブロック（テキスト）が回り込みとなります。
   「グループ」化する必要はありません。

   （運営者より：某フォーラムに関する記載については削除させていただきました）

   ---

   1. ---

      

      WP Pilot

      2026/6/21 10:14

      返信

      大門 様

      コメント、ご指摘ありがとうございます。

      ご指摘の件ですが、「グループ」ブロックを使わずとも Gutenberg上では回り込みますが、実際の出力では回り込みません。
      そのため「グループ」ブロックでのラップが必要となります。

      詳しくは以下URLの記載をご確認ください。

      https://parista.net/blog/technote/wordpress/8441/
      （SANGOというテーマでの話ですが、Xwriteでも同様の事象になることを確認しています）

      ※Cocoon、Lightning、X-T9ではグループブロックは不要です（確認済み）。
      ※echo（旧「THE SONIC」）のように、SWELLと同様に回り込みが発生しないテーマもあります（恐らく意図的な調整かと思います）。

      —

      なお、Xwriteについては site.min.css 内の以下記載が「原因」です。

      .articleBody > :where(:not(.toc_block):not(.pagination):not(.wp-block-cover)) {
clear: both;
margin-top: var(--widget--element--mrg);
margin-bottom: 0;
}

      .articleBody（記事本文）直下ブロックのみ有効のため、グループ化すると clear: both; が効かなくなるわけです。

      ---

   2. ---

      

      WP Pilot

      2026/6/21 13:22

      返信

      後出しで申し訳ないのですが、某フォーラムに関する記載については記事内に記載していないため削除させていただきました。
      （「コメントの際の注意」に追記させていただきました）

      ご容赦くださいませ。

      ---