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

ブログを構築する際、記事一覧ページ等で各記事本文の表示文字数を制限する方法をご紹介します。
wordpressでの文字数制限の方法については色々な制限方法が紹介されていますが、当サイトでは以下の方法で行っています。

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

使用ソース

以下のソースを文章を省略したいページ（当サイトではindex.php）の本文位置に記載します。

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

これで導入は完了です。実はこの方法を知るまで結構文字数制限に苦労していたので、簡単すぎて拍子抜けするほどでした。
使用方法
何文字まで表示させるかは、上記ソース内で250となっている数値を変更すれば設定出来ます。

なんでも、この数値は英文での数え方らしく、日本語できっちり１５文字！とかは出来ないみたいなので、何文字表示されるか実際にやってみて調整するのが良いかと思います。

moreの部分は、サイト上で省略直後に表示されるコメントです。「…続きを読む」とかありますよね。アレです。
ちなみにこれはcssを指定する事も可能で、当サイトでは以下のように指定して英字フォントにしています。
<?php
echo mb_substr($post->post_content,0,250).'...'; ?>
<a href="<?php the_permalink(); ?>"
class="times">more</a>

表示される部分に画像が含まれている場合は、そのサイズによって表示される文字数も変化するので、色々試して見て下さい。
 
 
 
 
1. 東京都時差Biz参画企業情報

＞＞東京都が推進する「時差Biz」に参画する企業の取り組みに関する情報をこちらで確認できます。テレワークやフレックスタイム制など、柔軟な働き方を実現する企業の事例を紹介しており、ワークライフバランスの向上に関心のある方に役立つ情報が掲載されています。

おすすめ記事→東京都時差Biz参画企業一覧のページへ