WordPressのwp_title()でセパレータ前後に妙な空白が入る件!

公開日:2014年3月6日
最終更新日: 2015年1月4日

wordpress_wt_photo_01

こんにちは!

先日、お客さんのサイトをWordPressで構築していて、通常の投稿ページと固定ページは「title」の部分を「wp_title」を使用し、以下のように設定していました。

<title><?php wp_title('|', true, 'right'); ?></title>

上記のテンプレートタグの表示結果なんですが、当サイトを例に挙げれば、以下のように表示されます。

ソースで見たらこんな感じ。

wordpress_wt_photo_02

最初の第一パラメータで「|」で区切る指定をし、第二パラメータでタイトルを表示するので「true」、第三パラメータで区切り文字表示位置を「right」に指定しています。

ここで表示結果を見て頂きたいのですが、どういう訳か記事を区切っている「|」の前後に妙な空白が入っています。

この「|」の前後の空白です。

wordpress_wt_photo_03

本当に細かい事なんですが、これが気になってしょうがないです。この空白を何とかしたいですね。早速ググってみると方法がありました。

以下はその手順になります。

手順!

「functions.php」にコードを追加!

「functions.php」に以下のコードを追加します。念の為に「functions.php」のバックアップを取っておいて下さい。記述をミスするとサイトが見えなくなる可能性があります。すぐに戻せるようにバックアップは取っておきましょう。

//wp_titleの$sepが「|」または半角スペースの場合は余分な空白削除
function my_title_fix($title, $sep, $seplocation){
    if(!$sep || $sep == "|"){
        $title = str_replace(' '.$sep.' ', $sep, $title);
    }
    return $title;
}
add_filter('wp_title', 'my_title_fix', 10, 3);

実際にソースで確認!

確認してみるとセパレータ前後の空白が削除されていました。

wordpress_wt_photo_04

最後に!

細かい事ですが、無事に解決して良かったです。でも何故こんな仕様になってるんでしょうか。不思議です。私と同じように細かい空白が気になる方は、ぜひお試しください。

以上「WordPressのwp_title()でセパレータ前後に妙な空白が入る件!」でした!

それではまた。

下記は参考にさせて頂いた記事になります。有難うございました。

【Aipo.com】
WordPressでタイトルの余白を削除する方法

公開日:2014/03/06
最終更新日: 2015年1月4日
カテゴリー:WordPress

関連記事

新着記事

コメント/トラックバック

トラックバック用URL:

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます

正しい数値を入力して下さい *
Time limit is exhausted. Please reload CAPTCHA.

最新の記事

カテゴリー

過去の記事

プロフィール

  • 著者:Masaki Yamashita

    大阪でWEB制作の仕事をしています。
    WEBデザイン、コーディング、WordPress・EC-CUBEの設置やカスタマイズなど何でもやっています。

follow us in feedly