ワードプレスで画像の横に文字が入る?1行のコードで簡単に解決。

ワードプレスでブログを書いてると画像を文中に挿入することが多いと思うけれど、
画像挿入直後に書いた文章が画像の右に入ってしまうことありませんか?

ひたすら改行して解決してみたり、プラグイン使ってみたり。
テーマによってはうまく解決できたりするようなんですが、どのテーマを使っていても1行のコードで解決できるので紹介。
今更感あるけど、きっと自分以外にも困ってる人がいるはず…!

 

コードを入れない場合

なにもコードを入れずにそのまま文章を書くとこんな感じになります。
もちろん右側に文章を書き入れたい場合はいいんですが、真下に入れたい!って時に不便ですよね。

コードを入れた場合

 

1行コードを書きいれると真下に文章が入るようになりました!

 

方法はテキスト編集モードにしてから以下のコードを画像コードの直後に書き入れるだけ。

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

上記の例だとこんな感じですね。
<img class=”alignleft size-full wp-image-600″ src=”https://happy-nomaday.com/wp-content/uploads/2018/09/nita.png” alt=”” width=”256″ height=”256″ /><div style=”clear: both;”></div>
 

ちょっとでもブログ更新が楽になると書く気にもなるので、
もし困ってる方いたら是非(*’▽’)

コメントを残す

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