1. HOME
  2. 開発・ブログ運営
  3. WordPress
  4. WordPress の記事タイトルの文字数を制限してみた
2012年08月12日
WordPess と PHP 5.3.13 で Allowed ...
2012年02月11日
WordPress3 でブログを立ち上げてみた
2014年09月09日
今更ながらブログに掲載するソースコードを綺麗に表示出来るシンタ ...
2012年06月16日
プラグイン(Smooth Scroll Links [SSL] ...
2016年07月28日
WordPress ループの外で投稿者名を取得する
2012年11月16日
WordPress がもっさりだったから高速化してみた ...

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.