TopWordPressテーマ > 2008年10月
2008年10月26日

WordPress の title 要素に表示される「»」を変更・削除する

October 26,2008 12:33 AM
Tag:[, , , ]
Permalink

WordPress の title 要素の表示に wp_title() を使用していると、デフォルトの区切り文字として「»」が表示されます。
この区切り文字を削除・変更する方法について本エントリーにて紹介致します。

なお、配布中の WordPress テーマで、wp_title() を用いているため、記事ページの title 要素の先頭に「»」が表示されてしまいます。ご質問を頂きましたので、後半はこれを削除する方法も併せて紹介します。

1.wp_title() について

wp_title() は表示中の記事タイトルなどを出力するタグです。

  • 第1パラメータ:区切り文字
  • 第2パラメータ:表示方法
  • 第3パラメータ:区切り文字表示位置

第1パラメータ:区切り文字

パラメータを省略すると「»」が区切り文字となります。空の文字列「''」を設定すれば区切り文字は表示されません。

第2パラメータ:表示方法

true を設定すると、記事タイトルなどを echo で出力します。
false を設定すると、記事タイトルなどを関数の返却値として返します。

説明が難しいので、PHP のコードが読める方は下のコードを参照してください。パラメータ $display の処理は関数の最後の方で判定に用いられます。

function wp_title($sep = '»', $display = true, $seplocation = '') {
...ばっさり略...
    // Send it out
    if ( $display )
        echo $title;
    else
        return $title;
}

第3パラメータ:区切り文字表示位置

パラメータに 'right' を設定すると、記事タイトルなどの右側に表示します。デフォルトでは左側に表示します。

設定例

各パラメータを次のように設定すれば、title 要素を「ブログ記事名 - ブログ名」にできます。

  • 第1パラメータ:' - '
  • 第2パラメータ:true
  • 第3パラメータ:'right'
<title>
<?php if ( is_single() ) { ?><?php wp_title(' - ', true, 'right'); ?>: <?php } ?><?php bloginfo('name'); ?>
</title>

設定例

the_title() を使用する

記事ページについては、wp_title() の代わりに the_title() を利用する手もあります。the_title() は区切り文字を表示する代わりに、タイトルの前後に指定した文字列を出力できます。

function the_title($before = '', $after = '', $echo = true) {
    $title = get_the_title();
 
    if ( strlen($title) == 0 )
        return;
 
    $title = $before . $title . $after;
 
    if ( $echo )
        echo $title;
    else
        return $title;
}

2.配布テーマの変更方法

現状の配布テーマでは、記事ページで次のように先頭に「»」が表示されてしまいます。

設定例

これを解消するには「ヘッダー」テンプレートを次の「その1」「その2」いずれかの変更を行ってください。「その1」は wp_title() を、「その2」は the_title() を使用しています。
なお、配布テーマは 2008/10/25 に修正済みです。

変更前

<title>
<?php if ( is_single() ) { ?><?php wp_title(); ?>: <?php } ?><?php bloginfo('name'); ?></title>

変更後(その1)

<title>
<?php if ( is_single() ) { ?><?php wp_title(''); ?>: <?php } ?><?php bloginfo('name'); ?></title>

変更後(その2)

<title>
<?php if ( is_single() ) { ?><?php the_title(); ?>: <?php } ?><?php bloginfo('name'); ?></title>
Comments [2] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3