ワードプレスで本文の回り込みを解除する方法

HTML・CSS, WordPress | 2011.02.18

WP（ワードプレス）で記事に画像を挿入する場合、

HTMLエディターではなく、ビジュアルエディターを使っていると、
画像に右よせ、左よせの指定をすると画像に続く文字も回り込んでしまい、
思うようなレイアウトができない事があります。

HTMLエディターを使っている場合、回り込みたくないテキストのすぐ前に


を記述すれば回り込みが解除されるのでいいのですが、
いちいち書くのが面倒とも言えます。
また、タグ打ちに慣れていない人にはちょっと難しい印象も受けます。

そこで、スタイルシートをカスタマイズして、基本的な回り込みを擬似的に解除してみました。

方法は、スタイルシートに以下の記述をするだけです。

p:after {
content: “”;
clear: both;
height: 0;
display: block;
visibility: hidden;
}

お使いになっているデザインテンプレートによっては、
（他の設定がされている等の理由で）うまく効かない事もあるかもしれません。
また、CSSファイルに上書きする場合は、念の為、コピーを取って試してみて下さいね。