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

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

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

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

WordPressサイトの常時SSL化はお任せください。

ADhttps://wordpress-supporters.com/wordpress-ssl/

常時SSL化されていないサイトにGOOGLEが警告文を表示させるまであと僅か!
今すぐにでも必要なWordPressサイトの常時SSL化は、プロに丸投げしてください。
今だけ20,000円OFF、GOOGLE対策、リミット間近、サポート充実。

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サイトの常時SSL化はお任せください。

ADhttps://wordpress-supporters.com/wordpress-ssl/

常時SSL化されていないサイトにGOOGLEが警告文を表示させるまであと僅か!
今すぐにでも必要なWordPressサイトの常時SSL化は、プロに丸投げしてください。
今だけ20,000円OFF、GOOGLE対策、リミット間近、サポート充実。

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

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

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

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

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

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

著者:takaya kondo

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

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

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

  • 2014-11-23

    そのサイトがWordPressで作られているサイトなのかを確認する2つの方法

    活用シーンはあまり多くないかもしれませんが、特定のサイトがWordPressで作られているサイトなのかを確認する方法をご紹介いたします。「このサイトってWordPressで作られているサイトなの?」と疑問に感じたときなどにご利用ください。 記事を読む

  • 2016-03-29

    WordPressのテーマを選ぶ時に知っておきたい5つのポイント

    WordPressには、有償無償を問わず様々なテーマが存在します。選択肢が多いのは嬉しいのですが、その反面、どのテーマを選べばよいのか迷ってしまいます。今回はWordPressテーマを選ぶポイントをご紹介します。 記事を読む

  • 2016-03-12

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

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

  • 2016-01-11

    カスタムフィールドの1行を1つの値とする区切り方

    カスタムフィールドの1行を1つの値とする区切り方をご紹介します。カスタムフィールドの値が複数行あり、その1行を1つの値として抜き出したいときの区切り方です。興味のある方は確認してみてください。1分で区切り方を理解することができます。 記事を読む

  • 2015-02-09

    WordPressのログイン画面に任意のメッセージを表示させる方法

    WordPressのログイン画面に任意のメッセージを表示させる方法をご紹介します。ログイン画面にメッセージを表示させたい片は、参考にしてください。 記事を読む

コメントを残す


(必須)