画像を表示させる
ブロックを追加をクリックして、メディアとテキストをクリックします。
するとこのように表示されてしまいます。
テキストを上揃えにします。
これだと回り込みが出来ません。
テキストを入力。
・
・
・
・
・
・
・
・
回り込みが出来ません。
カスタムHTMLを利用する
いろいろと触っていたのですが、結局、カスタムHTMLを利用することにしました。
ブロックからカスタムHTMLを選択。
・
・
・
・
・
・
・
回り込みが出来きました。
下記のソースを入力すると、無事回り込みができました。
ソースは下記のようになりました。
<div style="font-size: 16px;"><div style="float:left; margin: 0px 5px 5px 0px;"><img src="https://at-navi.biz/wp-content/uploads/2024/05/neko.jpg" height="200px" width="300px" border="0"></div>テキストを入力。<br>・<br>・<br>・<br>・<br>・<br>・<br>・<br>回り込みが出来きました。<br style="clear:all"></div>
<div style="font-size: 16px;"><div style="float:left; margin: 0px 5px 5px 0px;"><img src="画像のURL" height="高さ" width="横幅" border="0"></div>テキストを入力。<br style="clear:all"></div>まとめ
もっと簡単な方法があるかもしれませんが、自分にはこれが精いっぱいでした。
が、簡単にできる方法がありました。。。
ブロック追加から画像を選択します。
そして、配置を選択し、左寄りを選択すればこのようになりました。
回り込みを途中でやめたい場合は、画像下に下記ソースをカスタムHTMLに入力して下さい。
<div style="clear: both;"></div>以上、お疲れさまでした。
コメント