ブログ

WEB制作に関する技術情報やサンプルコードからエクセルや
パワーポイントのお役立ち情報まで幅広くご紹介しています。

WordPress 記事タイトルの文字数が多い場合は文字を省略(制限)する

記事を書いていると、どうしてもタイトルが長くなってしまうことがあります。

そんな時は、表示する文字数を省略してはいかがでしょう。
省略していると分からせるために「・・・」を追加すれば、なおよいですよね。
(長くならないように考えればいいだろ!というツッコミは華麗にスルーw)

例えば、本エントリーのタイトルですと32文字あります。
【省略前】WordPress タイトルの文字数が多い場合に省略&置き換える

この文字数だときれいにおさまらないや。。というときは、表示する文字数を20字で制限してみましょう。
【省略後】WordPress タイトルの文字数が多い・・・

全く意味がわからなくなりましたねw
まぁ~あくまでも例なので、そこは無視してください。

このように21文字以上を省略しつつ、おしりに好きな文字を追加すれば、タイトルの続きがあることを認識させることができます。

<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><?php
 if(mb_strlen($post->post_title)>20) { $title= mb_substr($post->post_title,0,20) ; echo $title. ・・・ ;
} else {echo $post->post_title;}?></a>

上記のコードでは、記事タイトルが20文字以内の場合はそのまま表示し、21文字以上の場合は文字を省略&「・・・」を付与しています。
次にコード内で使用している関数ですが「mb_strlen()」でタイトルの文字数をカウントし、「mb_substr()」で先頭文字からの文字数をカウントしています。
もうお分かりだと思いますが、上記コードの「20」を好きな数字に変えることで、表示する文字数を設定できますよ。

以上、備忘録でしたw

投稿日
2012年12月18日
カテゴリー
WordPress, カスマイズ

コメントを残す

デザイン・ポータルサイト事業デザインオフィス blow→in
〒598-0021 大阪府泉佐野市日根野7001-2
TEL.072-425-7218(代表)
WEB.https://blow-in.net
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
ブランディング・ネットショップ事業かつらぎフルーツ
〒649-7151 和歌山県かつらぎ町東渋田325-4
TEL.0736-26-8277
WEB.https://katsuragi.shop
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
飲食店事業パンケーキカフェ cafeblow
〒598-0021 大阪府泉佐野市日根野3926
TEL.090-5127-9187
WEB.https://cafeblow.com
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
  • line@アカウント