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

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

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

ケケンタ

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

今回は

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

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

この記事を読むと分かること
  • 抜粋の省略記号を変更する方法
  • 抜粋の省略記号をリンクにする方法
ケケンタ

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

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

目次

Web制作を仕事にしたいなら

 ̄ ̄ ̄

格安レンタルサーバーを
お探しなら

格安サーバーをお探しならリトルサーバーがおすすめ!

リトルサーバーの特徴
  • 月額150円~利用可能
  • 標準で全サーバー毎日自動バックアップ付き
  • 全プランWordPress対応(簡単インストール機能付き)
  • 独自SSLが無料(全プランがSSLに完全対応)
  • 提供ドメインが複数あるため独自ドメインが無くても複数サイト運営可能
  • 独自ドメイン無制限(サブドメインも無制限で利用可能)
  • 無料お試し期間がある

リトルサーバーの最大の特徴は安価な月額料金です

\ 利用料金比較表 /

ミニプランワードプランリトルプランビッグプラン
月額料金150円~195円~250円~430円~
SSD容量20GB30GB60GB120GB
提供ドメインアカウント+2アカウント+2アカウント+3アカウント+5
独自ドメイン無制限
バックアップ7日分
リトルサーバー>プラン別サービス比較

有名なサーバーだと月額料金は1000円前後であることが普通です。

仮にリトルサーバーで同じ料金(1000円)を支払ったとすると

最も安いミニプランだと半年分
おすすめのリトルプランでも4カ月分のサーバーがレンタル可能!

こんな方にオススメ

  • 実案件でテスト用のサーバーを用意したい
  • とりあえずサーバーというものに触れてみたい
  • 試しにWordPressを本番運用してみたい
  • いま利用しているサーバーが高額だから安価なレンタルサーバーに乗り換えたい
ケケンタ

リトルサーバーには無料お試し期間があります。
ご興味のある方は是非ご検討してみてはいかがでしょうか。

無料お試しのお申し込みはこちら

「仕事が忙しい方」、「すぐに商品が欲しい方」にピッタリのサービス

by Amazon

日時指定便が「無料」で使えるので不在で商品を受け取れないという心配が無くなる

最短で注文した「翌日」に商品が届くので欲しいものがすぐ手に入る 
※ご注文の時間帯やお住まいの地域によります。

Amazonプライムの無料体験は「何度でも」利用可能

Amazonプライムの無料体験を何度も利用する方法

  • Amazonプライムに会員登録する
  • 会員の自動更新を解除しておく=期限が来たら自動解約
  • 1~3ヶ月ぐらいすると再度無料体験の案内が表示される
ケケンタ

僕自身、過去に少なくとも3回は無料体験を利用しています。

記事の「抜粋」とは

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

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

抜粋の例
抜粋の例

また、この「抜粋」は、ソースコード上では以下のように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' );

出力例

抜粋末尾の文字を「…もっと読む」リンクに変更
抜粋末尾の文字を「…もっと読む」リンクに変更

まとめ

ケケンタ

以上が「抜粋」の末尾の記号を変更したり、リンクにする方法でした。

オリジナルテーマを作成しているとちょっとした部分をカスタマイズしなくてはならない場面が多々あります。

今回はその内のひとつについてご紹介をしてきました。

ケケンタ

この記事が少しでもお役に立ったなら何よりです!

当ブログではWordPressやWeb制作、PHPに関する情報を発信しています。

ご興味のある方は他の記事もご覧いただけると嬉しです。

それでは、最後までご覧いただきありがとうございました。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次