ワードプレスの「続きを読む」に付く「#more」タグを削除する方法

この記事のカテゴリ
CMS / ワードプレス他
この記事に付けられたタグ

ワードプレスで「続きを読む」のリンクを表示するには、記事中に「<!–more–>」と記述する事で実現できます。
記事の「<!–more–>」部分には「<span id="more-1"></span>」が挿入され、「続きを読む」のリンクは「/post/#more-1」のように「#more-1」が生成されます。

なのでクリックすると個別の投稿ページに飛ぶと同時に、記事の「<span id="more-1"></span>」まで自動で移動する事になってしまいます。
勝手に移動されてしまうと結構読みづらいと感じる方もいると思いますので、その原因である「#more」を取り除く方法のご紹介です。

プラグインでも同様の事ができます。
詳しくはこちら「ワードプレスプラグイン「Custom More Link Complete」のSEOにいい初期設定」をご覧下さい。

利用中のテーマのフォルダにある「functions.php」に下記のコードを追記します。
これで記事中に「<!–more–>」を使ってもリンクに「#more」が付かなくなります。

/* moreリンクを消す */
function remove_more_jump_link($link) {
$offset = strpos($link, '#more-');
if ($offset) {
$end = strpos($link, '"',$offset);
}
if ($end) {
$link = substr_replace($link, '', $offset, $end-$offset);
}
return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');

※functions.phpを編集する際は必ずバックアップをとってから作業してください。

こちらは実際の記述例です。
下の画像のようにワードプレス管理画面にある「外観」「テーマ編集」から「テーマのための関数 (functions.php)」を選んで編集するか、またはFTPから該当のファイルをダウンロードしてコード追記後にアップロードする方法もあります。
function.phpファイルにコードを追記してmoreリンク部分を消す

このエントリーをはてなブックマークに追加
はてなブックマーク - ワードプレスの「続きを読む」に付く「#more」タグを削除する方法
Bookmark this on Yahoo Bookmark
Pocket

関連記事

コメントを書き込む

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