もう悩まないで!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サイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

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

詳細を確認する

著者:takaya kondo

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

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

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

  • 2015-03-22

    ビジュアルリッチエディターを非表示にする方法

    WordPressのビジュアルリッチエディターを非表示にする方法をご紹介します。テキストエディターしか使わない方、参考にしてください。 記事を読む

  • 2015-05-29

    WordPressのカテゴリー一覧で投稿数がゼロのカテゴリーも表示する方法

    WordPressサイトのカテゴリー一覧をwp_list_categoriesで表示させると、投稿数がゼロのカテゴリーが表示されません。今回は投稿数がゼロでもカテゴリーを表示させる方法をご紹介します。 記事を読む

  • 2015-03-20

    WordPressサイトに管理者のみが観覧できるメモを書き込む方法

    WordPressサイトで管理者のみが確認できるメモを残したいと考えたことはありませんか? 管理者としてログインしている時のみサイト上で確認できるメモを作る方法をご紹介します。コピペのみで実装可能です。 記事を読む

  • 2016-03-12

    WordPressのカスタムメニューでアクティブページだけ装飾を変える方法(カレント表示)

    WPのカスタムメニューでアクティブページだけ装飾を変える方法をご紹介します。現在表示されているページがグローバルメニューの中にある場合、そのメニュー部分だけ装飾を変えることができれば、ユーザビリティの向上にも繋がります。3分だけコンテンツを読んでみてください。 記事を読む

  • 2015-11-10

    プラグインは不要!WordPressサイトに人気記事一覧をパパッと設置しよう。

    WordPressサイトに人気記事一覧をパパッと設置する方法をご紹介します。プラグインは使いません。人気記事一覧を簡単に設置したい方には必見の内容です。3分後にはあなたのサイトに人気記事一覧が設置できてしまします。 記事を読む

コメントを残す


(必須)