ブログ

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
[商工会議所オフィス]
大阪府泉佐野市市場西3-2-34-306
TEL.072-493-3358(代)
[日根野オフィス]
大阪府泉佐野市日根野3963-3-403
TEL.072-468-8786
アパレル&プリント事業DIGMO
HANDPURI
大阪府泉佐野市日根野4036-1
TEL.0120-610-322
ブランディング事業かつらぎフルーツ
和歌山県かつらぎ町東渋田325-4
TEL.090-3612-3401
飲食店事業cafeblow
大阪府泉佐野市日根野3963-3
TEL.090-5127-9187