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

【Caltop】オンブレチェックシャツ
Care Labelケアレーベル ヨーロピアンデニムライン tight263

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

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

ワンピース 1~87巻+97~103最新刊まで

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

以下の2つの方法があります。
WAVE!! 1st EVENT ~Wonderful Party~ DVD

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

名作洋画セレクション DVD60枚組/ローマの休日・風と共に去りぬetc
<?php the_content(); ?>を以下のように書き換えます。

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

PS5デジタルエディション

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

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

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

2つ続ければthe_contentと同じ役目を果たしてくれます。
ようこそ実力至上主義の教室へ 1年生編1巻〜2年生編1巻

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

TCB JEANS 50'S セットアップ

The North Face × Supreme Trekking Sandal 【はこぽす対応商品】, コレ欲しかった Supreme / The North Face Waterproof Backpack , Supreme × THE NORTH FACE】2019SS(春夏)に発売予定のコラボアイテム , ドンドンダウン熊谷店, シュプリーム SUPREME ×ノースフェイス THE NORTH FACE 【13SS】【Reflective 3M Mountain Parka】リフレクティブマウンテンパーカージャケット(M シルバー×ブラック)【315091】【OM10】【メンズ】【中古】bb205#rinkan*B | , 第三弾!!Supreme×THE NORTH FACEのSTEEP TECH[2018.01.28発行], シュプリーム SUPREME × ザノースフェイス THE NORTH FACE 16SS Steep Tech Backpack スティープテック バックパック 黒 ブラック リュックサック ☆AA★ メンズ
くぼたさん専用JIL SANDER ジルサンダー サンダル ブラック40

✨ adidas アディダス YEEZY SLIDE Onyx
The North Face × Supreme Trekking Sandal \"Black/Black\"ザ ノースフェイス × シュプリーム トレッキング サンダル \"ブラック/ブラック\"27cm
カテゴリー:メンズ>>>靴>>>サンダル
商品の状態:新品、未使用
商品のサイズ:27cm
ブランド:シュプリーム
:ブラック系/ホワイト系/グレイ系
配送料の負担:送料込み(出品者負担)
配送の方法:らくらくメルカリ便
発送元の地域:福岡県
発送までの日数:1~2日で発送

The North Face × Supreme Trekking Sandal 【はこぽす対応商品】
新品未使用 adidas YEEZY SLIDE ONYX 26.5
コレ欲しかった Supreme / The North Face Waterproof Backpack
Hender Scheme cheak zoo レオパード
Supreme × THE NORTH FACE】2019SS(春夏)に発売予定のコラボアイテム
美品 ドクターマーチン Dr Martens サンダル TERRY 27cm
ドンドンダウン熊谷店
Maison Margiela 足袋サンダル
シュプリーム SUPREME ×ノースフェイス THE NORTH FACE 【13SS】【Reflective 3M Mountain  Parka】リフレクティブマウンテンパーカージャケット(M  シルバー×ブラック)【315091】【OM10】【メンズ】【中古】bb205#rinkan*B |
スノーピークSP Fileld Trainer Sandal サンダル
第三弾!!Supreme×THE NORTH FACEのSTEEP TECH[2018.01.28発行]
エンダースキーマ サンダル サイズ4
シュプリーム SUPREME × ザノースフェイス THE NORTH FACE 16SS Steep Tech Backpack スティープテック  バックパック 黒 ブラック リュックサック ☆AA★ メンズ

最安挑戦! 最終価格!シュプリーム×ノースフェイス Trekking Sandal サンダル 最安挑戦! 最終価格!シュプリーム×ノースフェイス Trekking Sandal サンダル
くぼたさん専用JIL SANDER ジルサンダー サンダル ブラック40 - by , 2022-12-22
4/ 5stars
はじめまして こちらの商品15000で如何でしょうか

関連記事

最安挑戦! 最終価格!シュプリーム×ノースフェイス Trekking Sandal サンダル

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