記事タイトルの文字数を調整する
Titleタグの文字数について考えるで話題にしましたが、Titleタグの文字数を調整したいケースはあると思います。
例えば、サイトの一箇所に、
記事タイトルをテキストリンクで一覧表示したい
なんて場合は、「文字数バラバラで読みづらい、おまけにデザインも崩れる。。。」なんてことにならないよう、記事タイトルの文字数を固定にすると解決します。
PHPであれば、mb_substr関数を使えばできますので本日は、こちらの内容を説明したいと思います。
実装方法
もし、WordPressを使っている場合、タイトルタグを出力する関数としてthe_title()を使っていると思います。
今回は、WordPressのthe_title()関数を使わないで書き換える形になります。
文字数を13文字にしたいという前提で話を進めますと、以下の記述をすれば記事タイトルが指定した文字数で省略後に「…」が付いて省略されます。
（指定した文字数以内であればそのまま表示されます）
|
1 2 3 4 5 6 7 8 |
<?php if ( mb_strlen ( $post->post_title ) > 13) { $title = mb_substr( $post->post_title , 0 , 13) ; print $title. "…" ; }else{ print $post->post_title; } ?> |
なお、記事タイトルが必ず13文字以上であれば、以下の短いソースでOKです。
|
1 |
<?php print mb_substr( $post->post_title , 0, 13 ).'…'; ?> |
ソースが短い分、こちらは文字数を省略していない場合でも後ろに「…」が付く形になります。
最後に
いかがでしたでしょうか。
この記事は、Titleタグの文字数について考えるの利用シーンを僕が想起しやすくするために書いたものなので、実際は必要になることがあまりないかもしれません。。。
フリーランスとしてUX視点で業務支援しています。
HCD-Net認定 人間中心設計専門家
LEGO®︎ SERIOUS PLAY®︎ メソッドと教材活用トレーニング修了認定ファシリテーター
Hi-Standard好きです。
http://yukioiizuka.com
http://yukioiizuka.com
コメント一覧
コメントはありません