もう悩まないで!WordPressでタイトルの文字数を制限して取得する方法
  • もう悩まないで!WordPressでタイトルの文字数を制限して取得する方法
  • 記事公開:2017/12/11
  • 最終更新:-------------

もう悩まないで!WordPressでタイトルの文字数を制限して取得する方法

WordPressでタイトルの文字数を制限して取得する方法 TOPページに新着情報を表示させる時など、記事のタ ...

この記事は約 5 分で読めます。

WordPressでタイトルの文字数を制限して取得する方法

TOPページに新着情報を表示させる時など、記事のタイトルを取得したい場面に多々出会います。

しかも、タイトルの文字数を制限して取得したい!
そんな場面が意外と多いです。

そこで今回は、タイトルの文字数を制限して取得する方法をまとめてみました。
タイトルの文字数を制限して取得したい方は参考にしてください。

それでは、見ていきましょう。

まず、単純に文字数を制限してタイトルを取得するコードをご紹介します。
それが以下のコードです。

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

タイトルを頭から20文字だけ取得するコードです。

取得する文字数は、上記の「20」の値を変更することで任意の文字数に変えられます。
30文字取得したい場合は「30」としてやればOKです。

しかし、タイトルの文字数を制限すると、タイトルによっては単語の途中で切れてしまう可能性がでてきます。

「もう悩まないで!Wordpressでタイトルの文」

仮に文字数を制限して取得したタイトルが上記だったらどうでしょうか?
変な位置でタイトルが切れていてちょっとおかしいですよね。

タイトルに続きがあるのかないのかが分からない状態です。
不具合が生じているようにも見えます。

そこで考えられるのが、文字数を制限して取得したタイトルの最後に「…」を表示させ、続きがあることを表現する方法です。

以下のコードで、文字数を制限したタイトルの最後に「…」を表示させることができます。

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

この形式であれば、タイトルに続きがあるんだよ~と伝えることができます。

末尾の文字列は自由に変更できます。
上記コードの「…」を任意の文字列に変更してください。

ただこのコードですと、制限した文字数以内のタイトルでも末尾に「…」がついてしまいます。

「WordPressの徹底解剖…」

タイトルに続きはないのに、まるで続きがあるように見えます。
ちょっと違和感がありますよね。

最終的に選ぶべきコードは、制限した文字数以上のタイトルなら「…」を表示させ、制限した文字数以内なら「…」を表示しないコードです。そのコードが以下のコードです。

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

タイトルを頭から20文字だけ取得して、タイトルが20文字以上の場合、末尾に「…」を表示させ、タイトルが20文字以内であれば、末尾に「…」を表示しないコードです。

取得する文字数は「20」の値を変更することで任意の文字数に変えられます。
このコードのみ「20」の値が2つあるので、両方変更する必要がありますので注意してください。
30文字にするなら両方の値を「30」に変更しましょう。

まとめ

WordPressでタイトルの文字数を制限して取得する方法をご紹介しました。

TOPページの記事一覧やLOOPなどで、見た目を整えるためにタイトルの文字数を制限したい場面などに役立つコンテンツです。タイトルの文字数を制限したい方は、ぜひ参考にしてください。

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

著者:とあるWEBディレクター

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に7年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2015-02-03

    WordPressの管理画面で不要なメニューを非表示にする方法

    WordPressの管理画面で不要なメニューを非表示にする方法をご紹介します。管理画面のメニューの中には普段は使わないものもあるかと思います。そのまま表示されていても問題ありませんが、邪魔だなと感じた場合は非表示にすることができます。 記事を読む

  • 2015-11-10

    プラグインは不要です!WordPressの投稿ページにPV数を表示する方法

    WordPressの投稿ページにPV数を表示する方法をご紹介します。プラグインは使いません。投稿ページにPV数を表示させたい方には必見の内容となっています。この記事を読めば、3分後には投稿ページにPV数を表示することができます。 記事を読む

  • 2015-09-28

    WordPress管理画面の管理バーにログアウトリンクを追加する方法

    WordPress管理画面の管理バーにログアウトボタンを追加する方法をご紹介します。サクッとログアウトしたいなと考えて管理バーにログアウトリンクを設置してみました。コピペで設置できますのでご興味のある方はどうぞ。 記事を読む

  • 2015-02-04

    WordPress投稿画面の「ここにタイトルを入力」を別の文章に変更する方法

    WordPress投稿画面の「ここにタイトルを入力」を別の文章に変更する方法をご紹介します。投稿画面のタイトルを入力する項目に薄く表示されている文章を変える方法です。参考にしてください。 記事を読む

  • 2016-04-24

    カスタムフィールドの値が未入力=非表示にする条件分岐

    2016/4/24にコードを修正しました。カスタムフィールドで値が入力されていない項目を非表示にする条件分岐をご紹介。カスタムフィールドに値を記入しなくても良い場合など、空白になるそのエリア自体を非表示にしたい時ってありますよね。今回はそんな方法をご紹介しています。 記事を読む

コメントを残す


(必須)

CAPTCHA