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

ワードプレスで改行タグではなくPタグが挿入されたりURLだけ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出力ソース

ワードプレス出力ソース

表示例

あああ
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(); ?>

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

投稿日: 2014/07/17
最終更新日: 2015/12/29
 
筆者のご紹介
角政典@moreiic
真性のお家大好きフリーランスです。プログラムよりご飯の方が断然好き!博多出身のデブデザイナー。インドアだけど遊んでくれる人募集中!
よく検索されてる記事