Menu
テーマ切り替え

WordPresのタイトルと本文の抜粋を文字数制限で表示

wordpress_article_06161

WordPressの記事の一覧を表示する際に、タイトルを任意の文字数に制限する方法です。 あまり長いタイトルだとレイアウトが崩れる場合があるので、文字数を制限しレイアウトが崩れないようにしましょう。

タイトルの文字数を制限する方法

mb_substrと言う文字列の一部を取得する関数を使って文字数を制限します。

タイトルの場合は下記を変更します。

<?php the_title(); ?>

文字数を20文字に制限

<?php echo mb_substr($post-> post_title, 0, 20); ?>

post_title, 0, 20の0が取得する始点で20が取得する文字数になります。 記事の最初に「こんにちは」など定型文があり、一覧表示時には外したい時など始点を変えてみてください。

文字数を20文字に制限し、末尾に「…」をつける

<?php echo mb_substr($post-> post_title, 0, 20).'...'; ?>

これで、20文字を超えるタイトルの場合、末尾に「…」が付与されます。 ただ、このやり方だとタイトルの文字数が10の場合でも末尾に「…」が付与されます。

本文の文字数を制限する方法

本文テキストの文字数を制限する方法です。

<?php echo mb_substr(strip_tags($post-> post_content),0,100).'...'; ?>

例では100文字で制限しています。 本文を表示するthe_content()にはHTMLが含まれてしまうため、そのまま抜粋するとレイアウトが崩れてしまします。 そこで、strip_tagsの関数で文字列からHTMLとPHPタグを取り除きましょう。

抜粋の場合はこのようになります。

<?php echo mb_substr($post-> the_excerpt(), 0, 60).'...'; ?>

抜粋に何も書かれていない場合は本文から指定した文字数を取得します。

RU DESIGN
AUTHOR

RU DESIGN

個人開発者として、Webサイト制作やAIを活かした開発に取り組んでいます。このブログでは、私が実際に試して「これは使える!」と思った技術や、自作の便利ツールをシェアしています。一緒に技術を楽しんでいきましょう!

この記事をシェア:

関連記事