ワードプレスでURLだけPタグで閉じられてしまう

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

ワードプレスでURLの部分だけPタグが勝手に入ってしまったり孤立してしまったり改行が入らないバグの対策をご紹介
投稿日: 2014/07/17
最終更新日: 2015/12/29
 

ワードプレスで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出力ソース

ワードプレス出力ソース

表示例

あああ
http://example.com/
http://example.com/
http://example.com/

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

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

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

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

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

表示例

あああ
 http://example.com/
 http://example.com/
 http://example.com/

&nbsp;をURLの前に入れる

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

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

表示例

あああ
 http://example.com/
 http://example.com/
 http://example.com/

&#8203;をURLの前に入れる

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

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

表示例

あああ
​http://example.com/
​http://example.com/
​http://example.com/

ワードプレス機能の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(); ?>

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

 
最新情報をお届けします
筆者のご紹介
角政典@moreiic
真性のお家大好きフリーランスです。プログラムよりご飯の方が断然好き!博多出身のデブデザイナー。インドアだけど遊んでくれる人募集中!
Twitter / google+
よく検索されてる記事