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

旧タグ オールド アークテリクス Arc'teryx Gamma MX
あ様 専用

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

ワードプレスは記事の中で「<!–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/3000 完全変形 SDF-1 マクロス

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

以下の2つの方法があります。
佐野玲於 クッション 少年クロニクル

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

SMSPベジータB賞02
<?php the_content(); ?>を以下のように書き換えます。

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

ガンプラ HG ディジェ&マラサイ&ガルバルディ

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

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

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

2つ続ければthe_contentと同じ役目を果たしてくれます。
KNK チェキ INSEONG

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

VINTAGE 古着 ワンポイント刺繍 ネイビー プルオーバー ジャケット

クロムハーツ レザー キャップ(メンズ)の通販 94点 | Chrome Heartsの , キャップ(帽子)|クロムハーツ通販専門店ブラックシンフォニー, クロムハーツ(CHROME HEARTS) メンズ帽子・キャップ | 通販・人気 , キャップ(帽子)|クロムハーツ通販専門店ブラックシンフォニー, クロムハーツ レザー キャップ(メンズ)の通販 94点 | Chrome Heartsの , CHROME HEARTS[クロムハーツ] | CHロゴ刺繍ベースボールキャップ 通販, 2021年最新【クロムハーツ キャップ・帽子】まとめ | GXOMENS Blog
巨人 帽子 八木下製 玉澤

激レア!新品未使用 supreme harris tweed camp cap
1年ほど前に購入しましたが、系統変更のため出品いたします。色は黒になります。
カテゴリー:メンズ>>>帽子>>>キャップ
商品の状態:やや傷や汚れあり
ブランド:クロムハーツ
配送料の負担:送料込み(出品者負担)
配送の方法:らくらくメルカリ便
発送元の地域:愛知県
発送までの日数:4~7日で発送

クロムハーツ レザー キャップ(メンズ)の通販 94点 | Chrome Heartsの
MLB メッシュキャップ 6種類 ANNCO製 帽子
キャップ(帽子)|クロムハーツ通販専門店ブラックシンフォニー
大人気 GUCCI × ミッキー コラボキャップ
クロムハーツ(CHROME HEARTS) メンズ帽子・キャップ | 通販・人気
PRADAベースボールキャップ メンズ
キャップ(帽子)|クロムハーツ通販専門店ブラックシンフォニー
Supreme キャップ キムタク
クロムハーツ レザー キャップ(メンズ)の通販 94点 | Chrome Heartsの
Yohji Yamamoto Newera ニューエラ キャップ
CHROME HEARTS[クロムハーツ] | CHロゴ刺繍ベースボールキャップ 通販
2019 レッドブル ホンダ フェルスタッペン 直筆サイン入オレンジキャップ
2021年最新【クロムハーツ キャップ・帽子】まとめ | GXOMENS Blog

【残りわずか】 クロムハーツ キャップ HEARTS CHROME 黒 キャップ 【残りわずか】 クロムハーツ キャップ HEARTS CHROME 黒 キャップ
巨人 帽子 八木下製 玉澤 - by , 2022-12-22
5/ 5stars
価格申し訳ございません。 それに多少の使用感ございますので、プレゼントには不向きかもしれません。。
激レア!新品未使用 supreme harris tweed camp cap - by , 2022-12-03
2/ 5stars
申し訳ありませんが、25000で即決いたします。 弟に誕生日プレゼント贈りたいと思います。 宜しくお願い致します。
MLB メッシュキャップ 6種類 ANNCO製 帽子 - by , 2022-12-20
5/ 5stars
いくらご希望ですか?
大人気 GUCCI × ミッキー コラボキャップ - by , 2022-11-19
5/ 5stars
このクロムハーツキャブがどうしても欲しかったのですが、少し安くご検討を宜しくお願い致します。
PRADAベースボールキャップ メンズ - by , 2022-12-18
5/ 5stars
後ろから撮った写真お願いします!
Supreme キャップ キムタク - by , 2022-11-05
5/ 5stars
29000で今即決します
Yohji Yamamoto Newera ニューエラ キャップ - by , 2022-12-16
5/ 5stars
はじめまして。25000円で購入希望なのですがどうしても無理でしょうか?
2019 レッドブル ホンダ フェルスタッペン 直筆サイン入オレンジキャップ - by , 2022-10-22
5/ 5stars
コメントありがとうございます。 変更させて頂きました。
[新品本物保証]GUCCI ヤンキース 帽子 キャップ グッチ - by , 2022-12-14
5/ 5stars
はじめまして、購入検討しています。 こちらの商品ですが送料込みは難しいでしょうか?
PRADA プラダナイロンビーニー Lサイズ - by , 2022-10-08
5/ 5stars
遅くなり申し訳ございません。 まだございます。

関連記事

【残りわずか】 クロムハーツ キャップ HEARTS CHROME 黒 キャップ

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