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

seno.cc > 日記 > 【簡単】wordpressで本文の表示文字数を制限する方法

【簡単】wordpressで本文の表示文字数を制限する方法

2011
08/08
Share Button

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

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

使用ソース

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

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

これで導入は完了です。実はこの方法を知るまで結構文字数制限に苦労していたので、簡単すぎて拍子抜けするほどでした。

使用方法

何文字まで表示させるかは、上記ソース内で250となっている数値を変更すれば設定出来ます。
なんでも、この数値は英文での数え方らしく、日本語できっちり15文字!とかは出来ないみたいなので、何文字表示されるか実際にやってみて調整するのが良いかと思います。
moreの部分は、サイト上で省略直後に表示されるコメントです。「…続きを読む」とかありますよね。アレです。

ちなみにこれはcssを指定する事も可能で、当サイトでは以下のように指定して英字フォントにしています。

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

表示される部分に画像が含まれている場合は、そのサイズによって表示される文字数も変化するので、色々試して見て下さい。