【wordpress】画像配置の後の改行をキレイにしたい！

どもども！はねなし（@hanenashi7）でございます。

ブログ作成にwordpressを利用している方は多いかと思いますが、ブログを書くにあたって必ず何かしらの画像は貼り付けられると思います。

ふと先日、画像を貼り付け、コメントを編集している時に起こったプチトラブルと解決法を備忘録を兼ねて紹介したいと思います。

画像を貼り付けた後、コメントを入れるとバランスが悪い

なんのこっちゃ分からない人のため、下をご覧ください

wordpressの入力画面ですが、画像の下にコメントが入力されていますよね。

これをこのままアップロードすると、、、

そう、なぜか画像の横にコメントが配置されてしまいます。

適度に入力画面上で改行してもいいんですがめんどくさいしスタイリッシュではありません。

ということでちゃちゃっと解決しちゃいましょう！

解決法

これを解決する方法は「たった１行のコード」を追加するだけです。

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

上記のコードをテキストモードに切り替えて、該当の画像コードの下にそのまま貼り付けるだけでOK

あとは適当にコメントを入力して確認しましょう。

最後に

初心者でも扱えるというところがウリのWordpressですが、細かいところで落とし穴があったりして困りますよね。

でも解決方法は本当に簡単だったりします。

今回は私自身が実際に悩んでググって解決した方法ですが、他にも出てきたらどんどん追加していく予定です。