1. HOME
  2. 開発・ブログ運営
  3. WordPress
  4. WordPress の記事タイトルの文字数を制限してみた
2015年04月21日
WordPress でモバイルフレンドリー対応(Wptouch ...
2012年12月05日
WordPress でカテゴリを並び替えるためのプラグインを ...
2012年04月29日
WordPress の機能を拡張したい場合、functions ...
2013年12月09日
注意!WPtouch を 3.1.1 へアップデートしたらレイ ...
2012年06月07日
プラグイン(Contact Form 7)を使ってメールフォー ...
2012年04月22日
WordPress3 に関連記事を表示するプラグインYet A ...

WordPress の記事タイトルの文字数を制限してみた

PHP の mb_substr() 関数を使って、記事タイトルの文字数を制限して、末尾に「…」を付けてみたので、そのやり方のメモ。

WordPress で記事タイトルを表示する場合は、

<?php the_title(); ?>

とか、

$post->post_title

みたいな感じで表示すると思いますが、場所によってはタイトルの文字数を調整した場合があります。そんなときは、PHP の「mb_substr()」関数で文字数を調整できます。「the_title()」の部分を、

<?php echo mb_substr( the_title(”,”,false), 0, 30, “UTF-8” ); ?>

または、

<?php echo mb_substr( $post->post_title, 0, 30, “UTF-8” ); ?>

とすれば、先頭から30文字のみが表示されます。「30」を「20」にすれば20文字のみ表示。

参考:PHPでマルチバイトの文字数を数える – 株式会社RYUS

また、30文字以上あった場合、記事タイトルの後ろに「…」を付ける場合は、

<?php
  if( mb_strlen( the_title(”,”,false), “UTF-8” ) > 30 ) {
    echo ‘…’;
  }
?>

とすれば、タイトルが31文字以上ある場合には、末尾に「…」が付きます。30文字以内の場合には何もつきません。

例えば、このブログの上部、下部に6個の記事を並べて表示してみましたが、記事タイトルの文字数を30文字にしています。

なんか微妙に30文字になっていない場合があるような気もしますが、細かいことは気にしないということで。。

ワイルドだろぉ~。

でわでわ。






「WordPress の記事タイトルの文字数を制限してみた」に頂いたコメント & トラックバック

  1. […] echo mb_substr( the_title(”,”,false), 0, 30, “UTF-8″ ); ?>” http://dev.ontheroad.jp/archives/5140 posted at […]

この記事にコメントする





Copyright © 2012 - 2014 MacBook Air とWordPressでこうなった All rights reserved
Powered by WordPress.