この記事にはプロモーションが含まれています。

【WordPress】記事の抜粋の「省略記号」を変更する方法

2024-06-252024-06-26

ケケンタ

こんにちは！　ケケンタです。

今回は

WordPressで記事の抜粋の「省略記号」を変更する方法

について解説をしていきます。

この記事を読むと分かること

抜粋の省略記号を変更する方法
抜粋の省略記号をリンクにする方法

ケケンタ

抜粋の省略記号を変更する方法だけではなく、リンクにする方法も解説します。
ご興味のある方はぜひご覧ください。

当記事でご紹介する方法ではfunctions.phpを編集します。作業の際は必ずバックアップを取り、自己責任のもと、作業を進めて下さい。

【WordPress】記事の抜粋の「文字数」を変更する方法

ケケンタ

ケケンタのITブログでは、Webアプリ（PHP・Laravel）やWeb制作（WordPress・コーディング）について情報を発信しています。
学習中の方や実務をされている方など多くの方にアクセスいただいていますので、ぜひほかの記事も参考にしてみてください！

運動不足、気になっていませんか？

もしプログラミング学習やお仕事で運動不足が気になっているなら
連続屈伸運動がおすすめです！

ボタンにカーソルを合わせるだけで
カウントダウンが始まるタイマーをご用意してみました！

ケケンタ

無理のない範囲で、ぜひ隙間時間に屈伸運動を取り入れてみて下さい！

タイマースタート

3:00

1分 3分 5分 10分

※運動不足だと連続３分で取り組んでもかなり息が切れます。
（僕は加えて気分もちょっと悪くなりました……）
絶対にご無理の無い範囲でお取り組みください！

記事の「抜粋」とは

そもそものお話ですが、記事の「抜粋」とは、以下のように投稿一覧で投稿ごとに表示されている「本文の抜粋」のことを指しています。

「抜粋」の例（「…」で末尾が省略されている行）

また、この「抜粋」は、ソースコード上では以下のようにthe_excerpt()によって出力されています。

<?php

    ～　省略　～

	<?php if ( have_posts() ) : ?>
		<?php while ( have_posts() ) : the_post(); ?>

			<p><?php the_title(); ?></p>
			<p><?php the_excerpt(); ?></p>

		<?php endwhile ?>
	<?php endif; ?>

    ～　省略　～

?>

ケケンタ

今回ご紹介するのは、このthe_excerpt()によって出力されている抜粋に関する方法です。

省略記号を変更する

「抜粋」の末尾にある省略記号（先ほどの例だと「…」）を変更する場合は以下のソースコードをfunctions.phpに追加します。

functions.phpに追加するソースコード

function change_excerpt_more( $more ) {
  return  '変更したいテキストをここに入力';
}
add_filter( 'excerpt_more', 'change_excerpt_more' );

上記のハイライトされている行の「変更したいテキストをここに入力」に好きなテキストを入力します。

（例）「…………もっと見る」に変更

function change_excerpt_more( $more ) {
  return  '…………もっと見る';
}
add_filter( 'excerpt_more', 'change_excerpt_more' );

出力例

省略記号をリンクにする

省略記号を「その記事の個別ページへのリンク」にしたい場合には以下のソースコードをfunctions.phpに追加します。

functions.phpに追加するソースコード

function twpp_change_excerpt_more( $more ) {
  $html = '<a href="' . esc_url( get_permalink() ) . '">ここに任意のテキストを入力</a>';
  return $html;
}
add_filter( 'excerpt_more', 'twpp_change_excerpt_more' );

上記のハイライトされている行（2行目）にはリンクとして表示したいテキストを入力します。

（例）「…もっと読む」に変更

function twpp_change_excerpt_more( $more ) {
  $html = '<a href="' . esc_url( get_permalink() ) . '">...もっと読む</a>';
  return $html;
}

add_filter( 'excerpt_more', 'twpp_change_excerpt_more' );

出力例