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

CBR250RR MC51 アグラス スタンドフック チェーンガード
超合金 鉄人28号とブラックオックスセット

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

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

diesel blackgoldピーコートサイズ44

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

以下の2つの方法があります。
ノースフェイス リュック バックパック

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

vintage スタジャン 90s 古着
<?php the_content(); ?>を以下のように書き換えます。

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

descendant スウェット サイズ2

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

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

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

2つ続ければthe_contentと同じ役目を果たしてくれます。
アンダーカバー チェック プルオーバーシャツ サイズ2 UNDERCOVER

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

STUDIOT&Yのバック

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

Aぇ! group アクスタ まとめ 21夏

Hender Scheme (エンダースキーマ) one side belt bag small / ワンサイドベルトバッグスモール, Hender Scheme (エンダースキーマ) one side belt bag small / ワンサイドベルトバッグスモール, Hender Scheme エンダースキーマ , Hender Scheme (エンダースキーマ) one side belt bag / ワンサイド , 【楽天市場】Hender Scheme / エンダースキーマ : one side belt bag , 【楽天市場】Hender Scheme / エンダースキーマ : one side belt bag , Hender Scheme エンダースキーマ
bag jack ショルダーバッグ

美品PORTER Heat ポーターヒートショルダーバッグ大レザー ナイロン 黒
使用頻度数回の美品です!中古品となりますので神経質な方のご購入はお控え下さい
カテゴリー:メンズ>>>バッグ>>>ショルダーバッグ
商品の状態:目立った傷や汚れなし
ブランド:エンダースキーマ
配送料の負担:送料込み(出品者負担)
配送の方法:らくらくメルカリ便
発送元の地域:宮城県
発送までの日数:2~3日で発送

Hender Scheme (エンダースキーマ) one side belt bag small / ワンサイドベルトバッグスモール
コーチのショルダーバック COACH
Hender Scheme (エンダースキーマ) one side belt bag small / ワンサイドベルトバッグスモール
Hender Scheme ショルダーバッグ
Hender Scheme エンダースキーマ
【レア】CHARLES JEFFREY LOVERBOY ダッフルバッグ 美品
Hender Scheme (エンダースキーマ) one side belt bag / ワンサイド
<コーチバッグ>COACH F2853 ボディーバッグ メンズバッグ 新品
【楽天市場】Hender Scheme / エンダースキーマ : one side belt bag
【JRAマーク付き】クロコダイル ショルダーバッグ ワニ革
【楽天市場】Hender Scheme / エンダースキーマ : one side belt bag
ZANELLATO POSTINA M+ ブラウン
Hender Scheme エンダースキーマ

新しく着き HenderScheme  ワンサイドベルトバック スモール ショルダーバッグ 新しく着き HenderScheme ワンサイドベルトバック スモール ショルダーバッグ
bag jack ショルダーバッグ - by , 2022-12-22
4/ 5stars
財布とスマホだけを入れるために購入。シンプルで使いやすいです。さすがポーターです。
美品PORTER Heat ポーターヒートショルダーバッグ大レザー ナイロン 黒 - by , 2022-12-03
5/ 5stars
友人の送別会のプレゼントに購入しました。 ポーターの中では、結構カジュアルな色で、普段使いもできる 素敵なデザインで、友人も貰った瞬間本当に喜んでもらえました。 自分も送ってもらえたら嬉しいものを選んだので、実物を見たら 欲しくなってしました。 もちろん☆5です!
コーチのショルダーバック COACH - by , 2022-12-20
4/ 5stars
非常によかった対応も素早くまたここで購入しようと思った
Hender Scheme ショルダーバッグ - by , 2022-11-19
5/ 5stars
ほかのバッグも探したが 結局、 このバッグになってしまう。 不思議です?
【レア】CHARLES JEFFREY LOVERBOY ダッフルバッグ 美品 - by , 2022-12-18
3/ 5stars
犬の散歩用のショルダーバックが壊れてしまったので、購入。見た目がナチュラルで可愛いです!また、見た目以上にたくさんの物が入ります。めっちゃ便利!カバン自体もとても軽いですし、旅行先でのお出かけにも良いと思います。色柄が複数ありますので、リピートや複数持ちもよいのでは?ちょこっと使いのバックをお探しの方にオススメです!
<コーチバッグ>COACH F2853 ボディーバッグ メンズバッグ 新品 - by , 2022-11-05
5/ 5stars
外ポケにはアイコス、 中くらいのファスナー部にはスマホ、 一番大きい収納部には長財布楽に入ります。 他にもスマホのアダプターやタオルハンカチ、 折りたたみショッピングバック等 それでもパンパンにならず、 形キープ出来る程、収納力あります。 ただ、2回程使ったらポケットのブランドタグが取れました。 使うのに問題ないけど、2か所留めがねの穴が開いたままです。
【JRAマーク付き】クロコダイル ショルダーバッグ ワニ革 - by , 2022-12-16
4/ 5stars
思っていたよりも、生地がちょっと薄かったかな。 けど、ヘビーに使ってもまず破れたりとかはないでしょう。 休日出掛ける際にはちょうどいいサイズなんで長く使えそうです。

関連記事

新しく着き HenderScheme ワンサイドベルトバック スモール ショルダーバッグ

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