WordPressでホームページ制作するときに記事一覧を表示することがよくあります。
よく見るのはこんな感じでサムネイル画像と記事タイトルがセットになっているものですね。
タイトルがあまり長くなると、改行が増えて縦幅が大きくなるのが気になります。
そんなとき、タイトルに文字数制限を設けて表示する方法をご紹介します。
具体的には次のようなコードをWordPressの記事を表示するループのなかで使います。
1 2 3 4 5 6 7 | <?php if(mb_strlen($post->post_title, 'UTF-8')>33){ $title= mb_substr($post->post_title, 0, 33, 'UTF-8'); echo $title.'…'; else{ echo $post->post_title; }?> |
最初にPHPの関数mb_strlenを使って、記事タイトルが33文字を超えるかどうか確認しています。（今回はなんとなく33文字で設定しているだけなので適当に書き換えてください）
33文字を超えて来る場合は、記事タイトルから頭の33文字を抜き出し$titleに保管します。
最後に、タイトルにまだ続きがありますよ、ということを示す「…」を追加して表示します。
シンプルで扱いやすいコードですね。
今回はこちらの記事を参考にさせていただきました。ありがとうございます！
もう悩まない！ WordPressのタイトルと本文の文字数制限を使いこなす
それではまた！
集客アップや採用拡大、目的達成のために最適なホームページの制作をいたします。
