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

バトルスピリッツ 戦後将軍ジークフリード・魁 2枚セット
サンプル用画像

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

ワードプレスは記事の中で「<!–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>」まで飛ばされます。

レア❗️US古着【ハーレーダビッドソン ピンナップガール 半袖Tシャツ】メンズL

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

以下の2つの方法があります。
NIKE ナイキ AIR JORDAN エアジョーダン4 レトロ ブレッド

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

新品正規品 maison margiela reebok ポンプフューリー 27
<?php the_content(); ?>を以下のように書き換えます。

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

【 HYSTERIC GLAMOUR】 Tシャツ キムタク

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

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

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

2つ続ければthe_contentと同じ役目を果たしてくれます。
LA4019 エディーバウアー シャツジャケットウール チェック グレー L

<?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にいい初期設定」をご覧下さい。

【Yama様専用】新車外し ランクルプラド 純正タイヤ17インチホイールセット

KAWS x Human Made #1 Pizza Hoodie Black - FW21 - US, Human Made x Kaws Pizza Hoodie Gray #1 Size Large ON HAND READY TO SHIP | eBay, HUMAN MADE KAWS PIZZA HOODIE BLACKM, Human Made × Kaws PIZZA HOODIE KAWS #2 Gray size XXL Polar Bear, Human Made - Pizza Hoodie | HBX - Globally Curated Fashion and , Here are the T-shirts HUMAN MADE x KAWS | Collater.al, FIRST LOOK: Human Made x Kaws previews its collab t-shirt – Garage
即日配送!lucien pellat-finet × FCRB

古着 90s NIKE center swoosh HOODIE
購入場所:HUMAN MADE オンラインストアカラー :GRAY サイズ:L新品未使用です。ヒューマンメイド カウズ フーディー
カテゴリー:メンズ>>>トップス>>>パーカー
商品の状態:新品、未使用
商品のサイズ:L
ブランド:ヒューマンメード
配送料の負担:送料込み(出品者負担)
配送の方法:らくらくメルカリ便
発送元の地域:東京都
発送までの日数:2~3日で発送

KAWS x Human Made #1 Pizza Hoodie Black - FW21 - US
【価格変更:希少】VETEMENTS アントワープ再構築パーカー 黒 M
Human Made x Kaws Pizza Hoodie Gray #1 Size Large ON HAND READY TO SHIP |  eBay
90s Champion®︎ Reverse Weave®︎ BERKELEY
HUMAN MADE KAWS PIZZA HOODIE BLACKM
MONCLER モンクレール パーカー ネイビー トリコロール 国内正規品
Human Made × Kaws PIZZA HOODIE KAWS #2 Gray size XXL Polar Bear
SP5DER WEBSUIT HOODIE Blue
Human Made - Pizza Hoodie | HBX - Globally Curated Fashion and
売約済み購入不可
Here are the T-shirts HUMAN MADE x KAWS | Collater.al
【美品 21FW 】Supreme Box Logo ボックス パーカーM
FIRST LOOK: Human Made x Kaws previews its collab t-shirt – Garage


関連記事

【正規取扱店】 HUMAN MADE KAWS PIZZA HOODIE #1 パーカー

コメントは承認後に公開されます。メールアドレスは公開されません。
*」は必須項目です。