WordPress

【WordPress】抜粋文末尾の省略記号[...]を別の文字列に変更する

2020年1月16日

WordPressのトップページや関連記事として、本文の一部を抜粋して表示している場合、抜粋部分の末尾には以降省略を意味する記号"[...]"が表示されます。

省略」の意味であると分からなくはないのですが、他のコンテンツでは目にするような一般的な表現ではないため、以前から気になってはいました。

デザイン回りを変更する機会があったので、思い立ってこちらも別の表示となるように、カスタムすることにしました。

変更方法

今回はひとまず、[...]の記号から「続きを読む」の文字列を表示するように変更してみたいと思います。

文末に表示される文字列を変更するためには、「functions.php」をカスタムする必要があります。

本ブログで使用しているLION MEDIA のテーマ の場合を例にとると、

[外観] → [テーマ] → [テーマエディター] をクリックし、「編集するテーマを選択」で子テーマである"LION MEDA Child"を選択します。

そして、画面右側のソースファイルの一覧から、「テーマのための関数(functions.php)」を選択します。

該当ファイルがエディター上で表示されたら、下記40~43行目のコードを追加します。

function new_excerpt_more($more) {
    return ' ...(続きを読む)'; 
}
add_filter('excerpt_more', 'new_excerpt_more');

※「...(続きを読む)」と記載されている部分は、変更したい任意の文字列に置き換えてください。

カスタム対応はこれにて完了です

「ファイルを更新」をクリックし、サイトの表示を確認します。

問題なく変更されています。以前の記号よりは小慣れた表現になった気がします。

LION MEDIA の「関連する記事」の表示変更方法

LINE MEDIA の機能で表示している、「関連する記事」に関しては、別途テーマファイルのカスタムを行う必要がありますので、簡単に手順を掲載します。

 

[外観] → [テーマ] → [テーマエディター] をクリックし、「編集するテーマを選択」で親テーマである"LION MEDA"を選択します。

そして、画面右側のソースファイルの一覧から、「個別投稿(single.php)」を選択します。

362行目あたり( […] で検索すると一か所ヒットすると思います)に記述されている、記号 […] を削除します。下記画像を参考に確認ください。

以上で、関連記事からも記号の表示が除去され、変更した文字列の表示が確認できることと思います。

ファイルの更新に失敗する場合の対応

ここから、スピンオフです。

WordPressのエディター上でコードを編集していると、「ファイルを更新」時に下記のようなエラーに遭遇する事があります。

wp-content/themes/lionmedia-child/functions.php ファイルの41行目のエラーのため、PHP コードの変更をロールバックしました。修正し、もう一度保存してください。

syntax error, unexpected ' return' (T_STRING)

どうもWordPress側の問題っぽい気もするので、原因までは追究できてませんが、日本語を入力して保存しようとしたタイミングで発生しやすいです。

考えられる対処法について、次に記載します。

対処

追加したコードのスペースや改行を削除してみる

今回の事例は、"return"の前にある「スペースを削除し、再度スペースを入力しなおす」ことで解消しました。

下記にエラー発生時の挙動の詳細を記載しますが、何やらスペースが勝手にコード変換されるタイミングがありそうに思えます。

スペースや改行など目に見えない部分で、勝手に変換される可能性を考慮すると、それらを削除するか、入力しなおすことで前述のエラーは解決する可能性があります。

<事象>
エディター上で日本語(例えば、文字列やコメント文等)を入力
 ↓
「ファイルを更新」 → エラー発生(...PHP コードの変更をロールバックしました...)
  ↓
他のエディタでコードをチェックしてみると、付与している半角スペースが、一部ノーブレークスペース( U+00A0 )に勝手に変換されている。

まとめ

カスタムや装飾でカスタムコードがじわじわ増えてきた。

コーディングのコストが惜しいので、もうちょっとカスタマイズ性が高い有料テーマに切り替えたい。(ペイできるようになったら)

ブログ運営

2020/4/5

【ブログ運営】8か月目のアクセス数と収益

2020年3月の活動結果報告として、今月もサイトのアクセス状況とWeb収入を記しておきたいと思います。サイトの継続期間は8か月目となります。 世界に甚大な影響を与えているコロナウイルスは日常生活だけでなく、サイトのアクセス状況にも変化をあたえています。 マスクが買えなかったり、ティッシュの在庫が不足していたりと買い出し先で見る光景にげんなりする日々ですがブログの執筆は従来通り継続していきます。   Contents1 2020年3月の記事数とアクセス数と収益2 世界的危機の影響3 ブログ収益4 ...

ReadMore

WordPress

2020/3/26

【人気調査】トップブロガーが選ぶWordPressテーマ【100サイト分析】

WordPress(ワードプレス)のテーマはどれを選べばいいの? SEO対策?カスタマイズ性?有料/無料? 結局のところなにがおすすめなの? こんな疑問の手助けになるかと思います。   本記事では人気ブロガーが運営している100のブログサイトで、実際に使用されているテンプレートを一挙解析・集計してみました。 『上級ブロガーに人気のテーマを選んでおけば間違いない』というアプローチで、WordPressテーマ・テンプレート選びをご提案します。   本記事では人気ブログに関する次の調査・集計 ...

ReadMore

WordPress

2020/3/19

WordPressで画像をタイル状に並べる2つの方法【プラグイン不要】

WordPressの投稿記事内で画像をタイル状に並べて表示させたいケースがあったので、その際に検討した2つの実現方法をご紹介します。 今回の方法では「プラグイン不要」を前提として、イラストや写真などを並べたギャラリーを作成していきます。   Contents 1 方法1:WordPressの標準機能「ギャラリーを作成」を使う 2 方法2:HTML + カスタムCSS で画像をタイル表示する 3 まとめ 方法1:WordPressの標準機能「ギャラリーを作成」を使う 間違いなく一番楽で早いのは、W ...

ReadMore

ブログ運営

2020/3/4

ブログ月間1万PVを到達!!記事数とPVの推移を振り返る

2020年2月のアクセス数で月間1万PV(13,552PV)を達成しました。 ブログ運営節目の振り返りとして、1万PVを達成するまでの「記事数とPVの推移」を振り返ってみたいと思います。   Contents 1 月間1万PVはどれくらいすごいのか? 2 月間1万PVまでの記事数とPVの推移 3 月間1万PVに到達するまでの試行錯誤 4 月間1万PVの収益はどれくらいか(1PVあたりいくら?) 5 まとめ 月間1万PVはどれくらいすごいのか? 初めに、月間1万PVという立ち位置についてブロガー界 ...

ReadMore

ブログ運営

2020/4/5

【ブログ運営】7か月目のアクセス数とWeb収入

2020年度2月の活動結果報告としてサイトのアクセス状況とWeb収入を記しておきたいと思います。サイトの継続期間は7か月目となります。   今月も結論から言うと、  アクセス数は「13,552PV」  ブログ収入は「10,795円」     ついでに、LINEの収入は「6,384円」 でした。 前月比でいうとPVは1.6倍、ブログ収入は1.97倍 となりました。一言でいうと上出来です。 Contents1 「WING(AFFINGER5)」導入でPV・収入ブースト2 記事数3 ...

ReadMore

  • この記事を書いた人
  • 最新記事

やるログの人

南国出身/在住のミドル世代。 Web技術やガジェット関連の情報を日々収集しつつ、アウトプットと子育てとライフハックに奔走中。 月間13000PV達成しました!!

-WordPress

Copyright© やるログ , 2020 All Rights Reserved Powered by AFFINGER5.