WordPressでは自動的にp,brタグなどを付けてくれるので、HTMLを知らない人でも記事作成に集中できます。しかしテーマをいじって余白を調整しだすとこの機能が邪魔に思えることもあります。今回はこの対処方法です。
ゆめぴょんです。こんちはっ(^^)/
WordPressはどんな人でも簡単にブログを構築できる、素晴らしいシステムだと思っています。もちろん万能ではないので、SEO対策、高速化、デザインなどを重視したい場合はカスタマイズの必要があります。
でもこのカスタマイズもまた面白いんですよね。時間かけすぎて後で後悔することもありますが（汗）。下の記事は私のカスタマイズ記事の一部です。よければ参考にしてください。
画像イメージタグimgだけ、自動pを解除する方法
テーマをゼロから自作すると、今までは気にしなかったWordPressの便利機能が、逆に余計なお世話に思えてきました。特に画像を自動でpタグで囲う機能です。
私は自作CSS（スタイルシート）の中で、imgタグには適切な余白を付けているため、これ以上の余白調整は不要です。しかも画像だけをpタグで囲うのは、pタグ本来の意味としても正しくない気がします。
そういうわけで、記事本文の画像は、pタグで囲わないよう設定しました。
本文のimgタグだけ、pで囲わない設定
テーマファイル「functions.php」を編集します。WordPressで最重要ファイルです。修正前には必ずバックアップをとってください。もし問題が起こったらすぐ元に戻してください。全て自己責任でお願いします。
方法は簡単です。下のコードを、テーマファイル「functions.php」に追記するだけです。「<?php」と「?>」の間に書かないと、画面真っ白になるので注意してください。
[php]
function remove_p_on_images($content){
return preg_replace(‘/
(\s*)()(\s*)<\/p>/iU’, ‘\2’, $content);
}
add_filter(‘the_content’, ‘remove_p_on_images’);
[/php]
このコードは、いろんなブログで紹介されています。私が参考にしたのは下のページです。ありがとうございました。
⇒[WordPress] 画像のみ、pタグで囲わないようにする – かちびと.net
記事全文の自動p,brを解除する設定方法
画像imgタグだけでなく、記事や抜粋の全文からp,brの自動付与を解除する方法もあります。HTMLを知らない人や、初心者にはオススメしません。
この自動化は気軽にいつでもON・OFFできます。解除する前には、全ての記事にpタグ、brタグを自力で付けておく必要があります。そうしないと文章が全部くっつきます（笑）
設定方法はとても簡単です。下の2行をfunctions.php内に追記するだけです。
[php]
remove_filter(‘the_content’, ‘wpautop’);
remove_filter(‘the_excerpt’, ‘wpautop’);
[/php]
追記して保存した後は、可能な限り全てのコンテンツを確認した方がいいと思います。
まとめ：今日のゆめぴょんの知恵
今回の記事内容をざっくり言うと。
- WordPressは便利だけど、足りない点も余計なお世話もある
- 画像タグのみ、自動でpタグを付けない設定が可能
- 本文全ての自動化p,brタグを解除する設定方法も簡単
下の記事も、functions.phpに追記するだけでできる小ネタです。
ゆめぴょんでした。ちゃおっ！
