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

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

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

くもんの世界地図パズル

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

以下の2つの方法があります。
プロセカリプコレフェニーくんぬいぐるみ日野森志歩望月穂波セット

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

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

ピーターラビット　ジグソーパズル　1000ピース
<?php the_content(); ?>を以下のように書き換えます。

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

データカウンター　データランプ　ジヤグランプ　家庭用電源

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

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

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

2つ続ければthe_contentと同じ役目を果たしてくれます。
東京マルイ　デトニクス45 ガンホルダー・スペアマガジン・マガジンホルダー付き

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

使用済】野球図書カード長嶋茂雄松井秀喜高橋由伸上原浩治読売 , 【1/3(金) 夜9時～】再会～今だから言える、聞ける、話せること～／松井秀喜×高橋由伸上原浩治×阿部慎之助岡本和真×吉田正尚
NMB48 山田菜々 SI☆NA時代の生写真

優香プレイボーイ限定グラビアポスター
ジャンル···その他グッズ種類···その他