WordPressで画像をフロート(回り込み)解除する方法(プラグイン)

画像を左や右に回り込み(フロート)で表示をさせていて、次のテキスト等を回り込みさせたくないときは、下のコードでフロートを解除することで回り込まなくなります。

<div style="clear:both;"></div>

プラグインでフロートを解除する

フロートを解除するプラグインもあります。

  • TinyMCE Clear
  • Simple Breaks

Simple Breaksはショートコードを挿入するものなので、エディタでは解除されず見づらいので、TinyMCE Clearの使用をお勧めします。

TinyMCE Clearの使い方

プラグインをインストールするとエディタのツールバーに「Clear left」「Clear right」「Clear both」の3つボタンが追加されます

tinymce-clear

フロートを解除したい箇所でボタンを押すとフロートを解除するコードが挿入されます。例えば、「Clear both」ボタンを押すと<div class=”clear:both;”></div>が記事に挿入されます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です