ワードプレスのRead Moreリンクを記事の途中でなく先頭から表示させるようにする方法

投稿日
最終更新日

: 仮面ライダーバトルガンバライジングバインダーセットバーストライズ01
: 【稀少古銭】中国大型絵銭　中国貨布　天保通宝　穴銭

ちょっとタイトルがわかりにくくなってしまったので、まずは最初に説明を。

ワードプレスは記事の中で「<!–more–>」と記述するとそれ以前がトップページに表示されて、それ以降は「Read More」などのリンクをクリックして個別記事に移動するする事ですべての内容を表示させる事ができます。

この仕組みはほとんどの場合「the_content」というコードが使われていて、このコード1つで上記した「<!–more–>」以前のテキスト表示とRead Moreリンクを出力してくれます。

※テーマによってはthe_contentを使っていな事も多々あるので、すべてのテーマがこういう仕様ではありません。

the_contentの使い方

<?php the_content( '続きを読む！' ); ?>

引数を指定すればRead Moreのテキストを設定できます。

<?php the_content(); ?>

Read MoreとかMoreとか、テーマ作者が設定したテキストで表示されます（設定されてない場合はワードプレスで決められた表示）

このthe_content、とても便利なんですが個人的に1つだけあまりよろしくないと感じる仕様があって、続きを読むリンクをクリックしたときに記事ページの途中(<!–more–>の位置)まで自動で移動してしまうことです。

「/categoryname/post/#more-100」のように#more-100の部分が自動挿入されるので、<!–more–>を記述した位置に出力される「<span id="more-100"></span>」まで飛ばされます。

ZIPPO ギフトセット

という事で前置きが非常に長くなってしまいましたが、この#more-100部分を付属させることなく続きを読むリンクを出力させる方法の紹介です。

以下の2つの方法があります。
エヌエヌバイ　ナンバーナイン　グランジ加工デニム　スキニー　キムタク

テーマファイルを書き換える

上記しましたがthe_contentは「<!–more–>までのコンテンツの表示」と「記事へのリンク(#more-100付)」の2つの役目を果たしてくれます。

ノースフェイス鎌倉店限定緯度経度ロゴプルオーバーパーカー
<?php the_content(); ?>を以下のように書き換えます。

<?php the_content('',FALSE,''); ?>

サマンサクラッチ　ボディ　ショルダー　チャーム

次は続きを読むリンクを出力します。

<a href="<?php the_permalink() ?>" class="more-link">続きを読む &raquo;</a>

これで#more-100なしのリンクが出力されます。
「続きを読む »」の部分はお好きなテキストに変更してお使い下さい。

2つ続ければthe_contentと同じ役目を果たしてくれます。
ヤマモトジャーニートラベルキャリーM ZT-143 ダブルジッパー

<?php the_content('',FALSE,''); ?>
<a href="<?php the_permalink() ?>" class="more-link">続きを読む &raquo;</a>

【☆特価☆】ステンカラーコートロングコート

プラグイン「Custom More Link Complete」を使う

「Custom More Link Complete」というプラグインを使うとファイルを書き換えることなく実現できます。
設定やインストールはこちらの記事「ワードプレスプラグイン「Custom More Link Complete」のSEOにいい初期設定」をご覧下さい。

Z32 シフトパネル新品フェアレディZ

COMMECAMEN コムサメンメルトンシングルコート - メルカリ, COMMECAMEN コムサメンメルトンシングルコート - メルカリ, ヤフオク! -comme ca コムサメン(ジャケット、上着)の中古品・新品 , ヤフオク! -comme ca コムサメン(ジャケット、上着)の中古品・新品 , ヤフオク! -comme ca コムサメン(ジャケット、上着)の中古品・新品 , COMME CA MEN コムサメン薄手牛革美シルエットレザージャケット S 24, COMME CA MEN コムサメン薄手牛革美シルエットレザージャケット S 24
オアグローリー Or Glory トレンチコートステンカラーコート

[美品]ユナイテッドアローズ　ステンカラーコート
COMMECAMEN メルトンシングルコートです。私服用、仕事用のどちらでも着用が可能です。ご興味がある方には、ご希望の詳細をお伝えいたします。※私のサイズは次の通りです。身長180cm 体重67kg数年前に¥40,000程度で購入しました。丁寧に扱うようにしてるので、不具合などは一切ないと思いますが、あくまでも中古品です。神経質な方のご購入はお控えください。#COMMECAMEN#コムサメン#COMMECA#コムサ#コート#シングルコート#メントンコート#アウター

カテゴリー:	メンズ>>>ジャケット/アウター>>>ステンカラーコート
商品の状態:	目立った傷や汚れなし
商品のサイズ:	M
ブランド:	コムサメン
色:	ブラック系
配送料の負担:	送料込み(出品者負担)
配送の方法:	らくらくメルカリ便
発送元の地域:	東京都
発送までの日数:	1~2日で発送

COMMECAMEN コムサメンメルトンシングルコート - メルカリ
【新品】HUNTER ハンターレインコートステンカラー赤 S

バブアー　ジャケット
ヤフオク! -comme ca コムサメン(ジャケット、上着)の中古品・新品
ステンカラーコート　グリーン　グレンチェック　リバーシブル使用

1960s’ ビンテージ　ウ—ルメンズ　ロングコート

【値下げ】トリココムデギャルソンステンカラーコート
COMME CA MEN コムサメン薄手牛革美シルエットレザージャケット S 24
Y♪様　marjan pejoski レイヤードジャケット

激安/新作 COMMECAMEN コムサメンメルトンシングルコートステンカラーコート

オアグローリー Or Glory トレンチコートステンカラーコート - by 汐うさぎ, 2022-12-22

5/ 5stars

全然悪くはないけど、以前他店で購入したものの方が価格も安くて好みの手触りでした。大きさももう少し小さ目でもいいかも？

[美品]ユナイテッドアローズ　ステンカラーコート - by tomecchi, 2022-12-03

5/ 5stars

ミストブルーを買いました。色はきれいです。やや薄手。もう少し厚いのが欲しかったですが値段相応かなとも思います。普段使い用にします。

【新品】HUNTER ハンターレインコートステンカラー赤 S - by ♪ひろママ♪, 2022-12-20

5/ 5stars

ベリー柄の、レッドを購入させていただきました。イメージしていた通り、色合いも柄もとても可愛くて、とっても嬉しいです！すぐに乾くところも決め手でした。

バブアー　ジャケット - by nozemamu, 2022-11-19

5/ 5stars

購入し自宅にくまでに８日かかり忘れられているのかと思いました。その後ポストに圧縮した形で届きました。開封して、洗濯を単独でするようにとの説明があり、指示どうりにすると洗濯機に入れる時に４枚中３枚が引っかかって伸びた糸の飛び出しが有り結んで止めて洗濯しました。新品の製品とは、おもえなかった。タオル自体は、ふっくらして使いやすい。リピは、ないかな。

ダナー　ブーツ　メンズ

全国送料無料 20L SUNOCO スノコ BRILL オイル 17.5W-50

ブレイドシルバーZippo 669 新品未使用レア物★大幅値下げ！

関連記事