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

投稿日
最終更新日

: Earthquaker devices tone job
: ワンピース輩缶バッジエース

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

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

ビルケンシュトックギゼ 41 26.5cm トングサンダルエクスクイジット

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

以下の2つの方法があります。
ルイヴィトン　tシャツ

テーマファイルを書き換える

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

ラッキーデーブス■ラッキー13 ハンドルバー 13インチグロスブラック★
<?php the_content(); ?>を以下のように書き換えます。

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

ホーネットDX外装

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

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

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

2つ続ければthe_contentと同じ役目を果たしてくれます。
CB1100 ビキニカウル

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

nav-u NV-U35 SONY

プラグイン「Custom More Link Complete」を使う

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

CASIO LK-103 カシオ電子ピアノ

データシステム(Datasystem)テレビキットマツダ3用 UTV414S
ご覧いただきありがとうございます。先日取り外すまで問題無く使用していました。iPhoneをミラーリングしたり音楽を再生して使用していました。写真のものが出品の全てです。ケーブル類は画像で確認お願いします。説明書はネットにありますのでお探しください。他に必要なものがあればご準備ください。純正 iPhoneのライトニング変換コネクタもあります。中古ですのでご理解の上購入お願いします。カーオーディオの種類···プレーヤー・レシーバーカーオーディオのサイズ···2DIN対応メディア···USB、その他

カテゴリー:	自動車・オートバイ>>>自動車アクセサリー>>>カーナビ
商品の状態:	やや傷や汚れあり
色:	ホワイト系/グレイ系
配送料の負担:	送料込み(出品者負担)
配送の方法:	らくらくメルカリ便
発送元の地域:	未定
発送までの日数:	4~7日で発送

操作モード | アプリユニット SPH-DA99/DA05II | スマートフォンリンク
トヨタ純正　NSZT-60 2DIN1ナビ

イクリプス ECLIPSE AVN-G01 フルセグ対応 DVD カーナビ.
サイバーナビでのミラーリングの接続手順について解説！！
Androidカーナビ9インチラジオGPS Bluetooth9インチ
SPH-DA05でAndroidを操作する方法 | 1.5流
トヨタ純正　カーナビ　NHDT-W59G
接続方法 | アプリユニット SPH-DA99/DA05II | スマートフォンリンク
SDHC メモリカード×40
SPH-DA05とその関連グッズが届きました | 1.5流
【値下】トヨタ純正　USB/HDMI入力端子
iPhoneの画面がナビに映る！アプリユニット「SPH-DA99」にiPhone5sを