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

iQOSイルマプライム ネオンパープル
SHIMANO L03A RESIN

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

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

CELINE ミディアム バーティカル カバ キャンバス XL

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

以下の2つの方法があります。
90s.USAリーバイス501xx W36

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

【美品】クリスチャンルブタン パネトーネ スタッズ 長財布 クラッチバッグ
<?php the_content(); ?>を以下のように書き換えます。

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

AFGK アフューグッドキッズスタジャン

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

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

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

2つ続ければthe_contentと同じ役目を果たしてくれます。
美品 パタゴニア ダウンベストXS アシッド

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

【新品・未使用】SUZUKI JIMNY CASIO G-SHOCK DW-56

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

スタッドレスホイル付き ノア/ヴォクシー/エスクワイア80系

Apple Watch Series 7 [GPS 41mm] Smart Watch w/ Green Aluminum Case with Clover Sport Band. Fitness Tracker, Blood Oxygen & ECG Apps, Always-On Retina , Apple reveals Apple Watch Series 7, featuring the largest, most , Apple reveals Apple Watch Series 7, featuring the largest, most , Apple Watch Series 7 - Apple, Apple reveals Apple Watch Series 7, featuring the largest, most , Apple Watch Series 7 [GPS 41mm] Smart Watch w/ Green Aluminum Case with Clover Sport Band. Fitness Tracker, Blood Oxygen & ECG Apps, Always-On Retina , Apple Watch Series 7 (GPS, 45mm) Green Aluminum Case with Clover Sport Band, Regular (Renewed)
SUZUKI JIMNY×CASIO G-SHOCK DW-5600

G-SHOCK GW-225A-1JF フロッグマン 25周年 2811
apple watch 7 45mm ミッドナイトアルミニウムケース\rバンド:ミッドナイトネイビー、ピュアプラチナム(ホワイト\r)の2本\rGPSモデルです。\r\r半年くらい利用していましたが、利用しなくなったので販売します。\rあまり目立ちませんが、表面に多少傷があります。\r\rAnker 533 Magnetic Wireless Chargerとapple watch 充電器も合わせて同梱致します。
カテゴリー:メンズ>>>時計>>>腕時計(デジタル)
商品の状態:やや傷や汚れあり
:ブラック系
配送料の負担:送料込み(出品者負担)
配送の方法:未定
発送元の地域:東京都
発送までの日数:2~3日で発送

Apple Watch Series 7 [GPS 41mm] Smart Watch w/ Green Aluminum Case with  Clover Sport Band. Fitness Tracker, Blood Oxygen & ECG Apps, Always-On  Retina
CASIO G-SHOCK FROGMAN GWF-1000-1JF
Apple reveals Apple Watch Series 7, featuring the largest, most
CASIO G-SHOCK GW-200-2JF フロッグマン
Apple reveals Apple Watch Series 7, featuring the largest, most
【9月中迄 最終値下げ】CASIO オシアナス OCW-G1000
Apple Watch Series 7 - Apple
メンズ腕時計GARMIN INSTINCT2
Apple reveals Apple Watch Series 7, featuring the largest, most
アナデジテンプ スター・ウォーズR2-D2 未使用
Apple Watch Series 7 [GPS 41mm] Smart Watch w/ Green Aluminum Case with  Clover Sport Band. Fitness Tracker, Blood Oxygen & ECG Apps, Always-On  Retina
Pimp Code フルカスタム ジーショック G-SHOCK dw6900
Apple Watch Series 7 (GPS, 45mm) Green Aluminum Case with Clover Sport  Band, Regular (Renewed)


関連記事

【メーカー包装済】 apple watch7 腕時計(デジタル)

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