2018年08月01日
Docker for Mac を使って WordPress の...
2018年07月29日
Docker for Mac のインストール
2018年07月08日
Docker 便利コマンドあれこれ
2018年07月08日
オライリーの Docker 本(Docker Up &...
2018年07月05日
iPad mini 2 を購入しました
2018年07月04日
Docker で Jenkins するときのあれこれ

HOME > カテゴリ(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 - 2013 MacBook Air とWordPressでこうなった All rights reserved
Designed by Theme Junkie. Powered by WordPress.