ワードプレスで改行タグではなくPタグが挿入されたりURLだけPタグで囲われてしまう対策

改行タグが入らずPタグで意図せず閉じられる

単純に改行されるだけでいいのにPタグが挿入されてしまう。URLだけPタグで囲われたりする不思議な挙動。

元のソース

　<div class="kiji_text_waku">
　あああ
　http://example.com/
　http://example.com/
　http://example.com/
　</div>

普通なら改行タグが挿入されるだけの簡単なソースのはずですが、なぜかURL部分だけPタグで閉じられてしまいます。日本語部分についてはPタグの開始タグすら足りません。

WP出力ソース

表示例

これだとPタグが入って改行が多くなってしまいます。表示が乱れるので何とかしたいですね。

改行タグが挿入されるように工夫する

Pタグが挿入されないようにする方法がいくつかあります。環境に合わせてご対応下さい。

URLの前に全角スペースを入れる

<div class="kiji_text_waku">
あああ
　http://example.com/
　http://example.com/
　http://example.com/
</div>

表示例

 をURLの前に入れる

半角スペースを文字コードで入れる場合に使う制御文字です。半角スペースも文字コードですので、よく見ると左側に半角スペースが入ってしまうのが難点。

<div class="kiji_text_waku">
あああ
&nbsp;http://example.com/
&nbsp;http://example.com/
&nbsp;http://example.com/
</div>

表示例

​をURLの前に入れる

この文字コードの場合ゼロ幅スペースのため何も変化なく正しく改行されるようになります。これがオススメ！

<div class="kiji_text_waku">
あああ
&#8203;http://example.com/
&#8203;http://example.com/
&#8203;http://example.com/
</div>

表示例

ワードプレス機能のPタグ自動挿入をさせない

ワードプレスは自動で改行タグやPタグが入るように設定されていまpタグを知らない人でも更新できるよが、これが問題になることも多々あります。このPタグ自動挿入機能ごと停止させる方法もあります。

Pタグ自動挿入を止めるコードをfunction.phpに追記

function.phpに下記を追記して下さい。全ページでPタグが自動挿入されることがなくなります。

remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );

追記が嫌ならコメントアウトでもOK

下記のコードをfunction.phpから見つけて頭に「//」を付けてコメントアウトします。

//add_filter(’the_content’, ‘wpautop’);
//add_filter(’the_excerpt’, ‘wpautop’);

個別にPタグ挿入を止めるためには直接テンプレートに

例えばsingle.phpだけPタグの挿入を止めたい場合は、single.phpの「the_content();」の前にコードを追記します。

<?php remove_filter('the_content', 'wpautop'); ?>
<?php the_content(); ?>

以上です。
自動で色々とやってくれるワードプレスはとても優秀ですが、意図しない動きをたまにするので注意したいですね。