ワードプレスでタイトルに文字制限

忘れないようにメモ。

 

ワードプレスでは色んな所で投稿記事のタイトルを読み込む事が多い。
特に文字制限を付けない場合は、

 

<?php the_title();?>

 

で、記事タイトルにリンクを付ける場合は、

 

<a href="<?php the_permalink() ?>"><?php the_title();?></a>

 

となる。
文字制限を付ける場合は、

 

<?php echo mb_substr($post->post_title, 0, 20).''; ?>

 

これで20文字の文字制限となる。
この場合、20文字目がブツッとキレるため、

 

<?php echo mb_substr($post->post_title, 0, 20).'...'; ?>

 

とすれば「テキストテキストテキスト…」
というようにタイトルの最後に自動的に「…」を付けれる。

記事へのリンクを付ける場合は、

 

<a href="<?php the_permalink() ?>"><?php echo mb_substr($post->post_title, 0, 20).'...'; ?></a>

 

とすればOK。

 

トップページやサイトのナビゲーションにタイトルを読み込む場合、
もしタイトルが長くなった場合に見栄えが悪くなったりレイアウトが崩れる事があるため、
文字制限を忘れずに付けるようにしよう。

新着ブログ一覧

2016.04.19 Apple製品のRetinaディスプレイの解像度を比べてみる(2016年4月時点)
2016.04.19 WEBサイトの採用・求人ページは常に表示!
2016.04.18 1ページだけのサイトを薦めない理由
2016.04.17 チャレンジしない人生なんて面白く無い
2016.04.10 全角英数字なんて無くなればいいのに
ブログトップへ