WordPressの投稿記事のタイトルや抜粋の文字数を制限する方法を解説

WordPressのタイトルは<?php the_title(); ?>、本文は<?php the_content(); ?>、抜粋は<?php the_excerpt(); ?>で表示できます。

ただこれをそのまま使うと、文字数の制限がないので、下記のブログカードのように文字数が多く表示されて全体のレイアウトが崩れてしまいます。

ということで今回は、投稿記事のタイトルと抜粋の文字数を制限する方法を解説します。

投稿記事のタイトルを制限する方法

投稿記事のタイトルの文字数は下記のように、Wordpressの専用関数である「wp_trim_words」を使います。「get_the_title()」はタイトルの文字数を取得します。その隣に数字を入れることで文字数を制限できます（今回は文字数の制限は20文字としています）。

<div class="blog_title">
<?php echo wp_trim_words(get_the_title(), 20, '…'); ?>
</div>

また「…」と三点リーダーを記載していますが、これは下記のように文字数制限をかけた文字の後に表示されます。三点リーダーなので省略を表しています。この箇所も任意の値に変更できます。

「get_the_content()」は本文を出力してくれます。これをタイトルの文字数を制限したときと同じく、「wp_trim_words」を使うことで文字数の制限ができるようになります。

<div class="blog_text">
<?php echo wp_trim_words(get_the_content(), 20, '【続く…】'); ?>
</div>

GIV株式会社は、埼玉県川越市にあるWEB（ホームページ）制作会社です。お困りごと、ご相談、お気軽にご連絡ください。お問い合わせは、こちらから。