
WordPressで投稿記事のタイトル表示に文字数制限をかける
ちょっとした小技ですが、意外と必要になるのではないでしょうか。とても使えるので備忘録として残しておきたいと思います。
WordPressで記事タイトルを出力するときには、the_title()を使いますがそのままですと文字数の制限がないので長い場合には色々と困ることもあります。そこで下記のコードで表示させる文字数を制限して対応することになります。
<h1>
<?php
$limit = 50; // 表示させる文字数の上限
if (mb_strlen($post->post_title)>$limit) {
$title= mb_substr($post->post_title,0,$limit) ; echo $title. '…' ;
} else {
echo $post->post_title;
}
?>
</h1>
ここでは全角で最大50文字を上限として、超える分は非表示にして文末を「…」に変える形になります。上限に達しない場合はそのまま出力します。文字数はサイトデザインに合わせて適宜変更できるようになっています。
長い記事タイトルの場合、デザインが崩れたりする場合もありますし、パンくずリストなどでも使えそうですね。categories
- WordPress(61)
- JavaScript(49)
- Vue.js(48)
- CSS(46)
- jQuery(34)
- Nuxt.js(22)
- Sass(21)
- Gulp(17)
- webpack(16)
- PHP(14)
- HTML(14)
- GSAP(11)
- React(10)
- Vite(9)
- Pug(9)
- Laravel(8)
- Cordova(8)
- Linux(7)
- Next.js(6)
- Apache(5)
- Shopify(4)
- REST API(4)
- Node.js(4)
- Smarty(3)
- Git(3)
- JSON(3)
- その他プログラミング(3)
- Google Apps API(3)
- Bootstrap(3)
- 環境構築・システム(3)
- TypeScript(2)
- EJS(2)
- RMS(2)
- Docker(2)
- Instagram API(2)
- Excel VBA(2)
- SVG(1)
- Dart(1)
- ECカートASP(1)
- Markdown(1)
- AMP(1)
- Nginx(1)
- XML(1)
- shellscript(1)
- Ruby(1)
- MySQL(1)