Blog

HOME > Web > Wordpress > 投稿 > 【WordPress】本文の記事を抜粋表示する方法

【WordPress】本文の記事を抜粋表示する方法

2016/03/11

投稿 カスタム投稿 Wordpress

WordPress案件のトップページで新着情報（投稿記事）を表示することがあるのですが、
本文の一部を抜粋表示する方法です。

参考サイト
WordPressの本文抜粋表示（the_excerpt）で文字数をコントロールする について

通常の本文表示

<?php the_content(); ?>

本文抜粋表示

<?php the_excerpt(); ?>

本文を抜粋表示するタグですが、文字数がデフォルトで110文字となっています。
これでは多すぎますので、文字数を制限するためのタグになります。

30文字に制限

<?php echo mb_substr(get_the_excerpt(), 0, 30); ?>

上記の数値を変更すると文字数も変わります。

実際の新着情報では下記のようにしました。

<p>
<?php echo mb_substr(get_the_excerpt(), 0, 30); ?>...<a href="<?php the_permalink() ?>">続きを読む</a>
</p>

本文の最後に「...続きを読む」が表示され、投稿の詳細にリンクしています。

しかし、これでは30文字以下でも「...続きを読む」が表示されてしまいます。

そこで、以下のサイトを参考にカスタマイズしました。

【WP】記事のタイトル、本文の文字数制限をして表示★

function.phpに記述

<?php
function my_excerpt( $length ) {
global $post;
$content = mb_substr( strip_tags( $post -> post_content ), 0, $length );
$content = $content . ' ... <a class="more" href="'. get_permalink() . '">続きを読む</a>';
return $content;
}
?>

テンプレート

<?php echo my_excerpt(30); ?>

これで、30文字を超えた場合のみ「...続きを読む」が表示されるようになりました。

ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ