「続きを読む」リンクのテキストや、囲むタグを自由に変更する

「続きを読む」タグの挿入

「続きを読む」タグを挿入するには、投稿画面のメニューから［「続きを読む」タグを挿入］ボタンをクリックします。

すると、「－－－ MORE －－－」というしるしが本文中に出現します。アーカイブ系のページではここのしるしまでが表示され、個別ページでは全文が表示される仕組みになっています。

the_content()で変更する

the_content()は次のような引数を取ります。

したがって、この第一引数に任意のテキストを入れることで、「続きを読む」リンクのテキストを変更することができます。

<?php the_content('全文を表示'); ?>

すると、次のように「(さらに…)」のテキストが「全文を表示」に変わります。

単なるテキストだけでなく、HTMLのタグを含めることもできます。

<?php the_content('<span class="read-more-text">全文を表示</span>'); ?>

フィルターを利用して変更する

既存のテーマを利用していてthe_content()を編集しにくい場合や、リンクの周囲をタグで囲いたい場合などには、フィルターを用いてカスタマイズすることもでき、こちらのほうが柔軟性があります。

function twpp_change_read_more_link() {
  $html = '<a href="' . esc_url( get_permalink() ) . '">全文を表示</a>';
  return $html;
}

add_filter( 'the_content_more_link', 'twpp_change_read_more_link' );

functions.phpなどに上のコードを記載すると、「続きを読む」リンクそのものを変更することができます。上の例では単にaタグで囲っているだけですが、全体を<div>で囲ったり、Button要素にしたりすることも可能です。

なお、get_permalink()は個別ページへのURLを取得する関数です。