2022.5.28｜WordPress

WordPress（ワードプレス）でタイトルや本文・抜粋の文字数制限する方法

WordPress（ワードプレス）でタイトルや本文・抜粋の文字数制限する方法

WordPress（ワードプレス）で、投稿一覧画面やトップページに投稿記事一覧を表示させる場合、「タイトル」や「本文」が長くなったり、ブロック要素に文字数を合わせたい場合があります。WordPress（ワードプレス）では、関数を使って文字数を制限することができます。

今回は、WordPress（ワードプレス）でタイトルと本文の文字数制限する方法を解説します。

本記事の内容

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

タイトルの文字数を制限する場合は、「mb_substr()」の関数を利用します。
トップページファイルや投稿記事一覧ファイルからタイトルの文字数を制限したいファイルを開き、文字数制限を行いたいタイトル出力部分に「mb_substr()の関数を使って文字数制限するコードを記述します。

文字数制限（30文字）するコード

※「30」の数字を変更して文字数を記載します。

<?php echo mb_substr($post->post_title, 0, 30); ?>
30文字で制限し続きに「…」を表示するコード

※「…」部分に省略記号を記載します。

<?php echo mb_substr($post->post_title, 0, 30).'...'; ?>
30文字で制限し、それ以上の文字数がある場合は、続きに「…」を表示するコード

※「…」部分に省略記号を記載します。

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

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

本文の文字数を制限する場合は、「mb_substr()」の関数を利用します。
トップページファイルや投稿記事一覧ファイルから本文の文字数を制限したいファイルを開き、文字数制限を行いたい本文出力部分に「mb_substr()の関数を使って文字数制限するコードを記述します。

文字数制限（100文字）するコード

※「100」の数字を変更して文字数を記載します。
※本文内でHTMLコードを記述している場合は、レイアウトが崩れる恐れがあります。

<?php echo mb_substr(strip_tags($post-> post_content),0,100) ; ?>
100文字で制限し続きに「…」を表示するコード

※「…」部分に省略記号を記載します。
※本文内でHTMLコードを記述している場合は、レイアウトが崩れる恐れがあります。

<?php echo mb_substr(strip_tags($post-> post_content),0,100) . '...'; ?>
HTMLタグを外して100文字で制限し続きに「…」を表示するコード

※「…」部分に省略記号を記載します。
※本文内でHTMLコードを記述していてもタグを除外して表示します。

<?php
if(mb_strlen($post->post_content, 'UTF-8')>100){
	$content= mb_substr(strip_tags($post->post_content), 0, 100, 'UTF-8');
	echo $content.'...';
}else{
	echo strip_tags($post->post_content);
}
?>
HTMLタグを外し、改行コードを削除して100文字で制限し続きに「…」を表示するコード

※「…」部分に省略記号を記載します。
※本文内でHTMLコードを記述していてもタグや改行コードを除外して表示します。

<?php
if(mb_strlen($post->post_content,'UTF-8')>100){
	$content= str_replace('\n', '', mb_substr(strip_tags($post-> post_content), 0, 100,'UTF-8'));
	echo $content.'……';
}else{
	echo str_replace('\n', '', strip_tags($post->post_content));
}
?>

抜粋の文字数を制限する方法

抜粋の文字数を制限する場合は、「mb_substr()」の関数を利用します。
トップページファイルや投稿記事一覧ファイルから抜粋の文字数を制限したいファイルを開き、文字数制限を行いたい抜粋出力部分に「mb_substr()の関数を使って文字数制限するコードを記述します。

文字数制限（100文字）するコード

※「100」の数字を変更して文字数を記載します。

<?php echo mb_substr(get_the_excerpt(),0,100); ?>
100文字で制限し続きに「…」を表示するコード

※「…」部分に省略記号を記載します。

<?php echo mb_substr(get_the_excerpt(),0,100) . '...'; ?>

まとめ

WordPress（ワードプレス）をカスタマイズする上で、「タイトル」「本文」などといった出力部分の変更は基礎になる知識です。関数を使ったカスタマイズ方法や関数を利用して出力方法を変更するコードは沢山ありますので少しづつ覚えていきましょう。

«
»

関連記事