2023年環境反映！記事タイトルの表示制限カスタマイズ【WordPress】

ハシビィー君

レイアウトの関係で、記事タイトルの文字数を制限させたいっす！

カピーさん

それならPHPでちょこっとしたコードを記述するだけでできるぞ！

記事タイトルの文字数制限カスタマイズ

記事一覧や関連記事などのレイアウト都合などで、記事タイトルの表示文字数を制限する時などに使えるテクニックです。

/*デフォルト*/
<?php the_title(); ?>

標準では、上記の形で記事タイトルは表示されています。

この表記をベースに制限内容に合わせて、カスタマイズしていきましょう。

制限文字数以上の場合には省略表示にする

今回は記事タイトルを30文字まで表示制限とする想定で進めていきます。

<?php
if(mb_strlen($post->post_title)>30) {
  $title= mb_substr($post->post_title,0,30) ;
    echo $title . '...';
  } else {
    echo $post->post_title;
  }
?>

上記コードは記事タイトルの文字数を30文字までと制限しています。また31字以上の場合は、「…」で省略されていることを表すようにフォローしています。

これで長い記事タイトルであっても、違和感なく省略されていることがユーザーに伝わるでしょう。

上記コードの「30」の部分を任意の数値に変えれば、文字数制限が変わります。「20」や「40」などにすることも可能です。

記事タイトルは40文字前後が推奨

一時期は32文字や38文字などと言われていたこともありますが、平均的に考えると40文字前後で記事タイトルは作成する方がいいと考えられています。

ですが、現在PC・スマホ共にGoogleで検索を行った際には、30文字前後までしか表示されないようになっています。これは今回のカスタマイズ同様に規定の文字数以上は省略する方式を採っているからです。

そのため、前半30文字で伝わるような記事タイトルを作ることが、クリックしてもらいやすくなるとも考えられています。

今回30文字制限のコードを作成したのも現在のGoogleの方針を踏まえてのものになります。

まとめ：記事タイトルの表示制限カスタマイズ

最後に『記事タイトルの表示制限カスタマイズ』に関する結論を。