seno.ccWebデザイナーと２匹のハリネズミ

ブログを構築する際、記事一覧ページではタイトルの文字数を制限したい方も多いはず。そこで、サイドバー等でも使える記事タイトルの文字数制限方法をご紹介します。
見た目を気にしすぎて過度な省略を行うのも考えものですが、適度な文字数におさめる事で見やすく、使いやすいホームページ作りを心がけましょう。

1. 使用ソース
2. 使用方法

使用ソース

今回は最新記事のタイトルを例に説明します。

まず、最新記事を表示したい部分に以下のソースを挿入します。

<?php
$posts = get_posts('numberposts=3&order=desc'); ?>
<%%KEEPWHITESPACE%%> &amp;lt;ul&amp;gt;
<%%KEEPWHITESPACE%%> &amp;lt;?php foreach($posts as $post): ?&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;&amp;lt;?php the_permalink(); ?&amp;gt;&amp;quot;&amp;gt;
&amp;lt;?php
echo mb_substr($post-&amp;gt;post_title, 0, 17).'...'; ?&amp;gt;
&amp;lt;/a&amp;gt;
&amp;lt;/li&amp;gt; &amp;lt;?php endforeach; ?&amp;gt;
<%%KEEPWHITESPACE%%> &amp;lt;/ul&amp;gt;

これで導入は終わり。実にあっけない。
使用方法
mb_substr部分の17となっている数値が表示させたい文字数なのでここを変更すればオーケー。
&amp;lt;?php
echo mb_substr($post-&amp;gt;post_title, 0, 17).'...'; ?&amp;gt;

ただし、英字前提の数えになっているようなので実際にぴったりこの文字数が表示されるという訳ではありません。表示を確認しながら調整してみてくださいな。
２列目のnumberposts部分の数値を変更すれば表示する件数を変更することができます。

上記の数値は当サイトのサイドメニューに表示した最新記事のものです。

ちなみにmb_というタグは文字に関係する関数で、過去に紹介した「wordpressで本文の表示文字数を制限する方法」も見てもらえれば使い方の参考になると思います。

まだまだmb_を用いた関数はあるようなので、そのうちまた紹介できたらいいなーと思ってます。
 
 
 
 
5. Linktreeプロフィールページ

＞＞linktreeページでは、個人および企業の関連リンクが集約されています。Song合同会社の公式サイトやSNSアカウントへのアクセスポイントとして活用でき、最新の活動状況や発信情報を確認することができます。

おすすめ記事→三宅健一のLinktreeページへ