ワードプレスの「続きを読む」に付く「#more」タグを削除する方法
ただいまサイトのデザイン変更中のため一部表示が崩れております。
2月20日までにメンテナンスが完了予定です。ご迷惑おかけします。
2月20日までにメンテナンスが完了予定です。ご迷惑おかけします。
ワードプレスで「続きを読む」のリンクを表示するには、記事中に「<!–more–>」と記述する事で実現できます。
記事の「<!–more–>」部分には「<span id="more-1"></span>」が挿入され、「続きを読む」のリンクは「/post/#more-1」のように「#more-1」が生成されます。
なのでクリックすると個別の投稿ページに飛ぶと同時に、記事の「<span id="more-1"></span>」まで自動で移動する事になってしまいます。
勝手に移動されてしまうと結構読みづらいと感じる方もいると思いますので、その原因である「#more」を取り除く方法のご紹介です。
プラグインでも同様の事ができます。
詳しくはこちら「ワードプレスプラグイン「Custom More Link Complete」のSEOにいい初期設定」をご覧下さい。
詳しくはこちら「ワードプレスプラグイン「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から該当のファイルをダウンロードしてコード追記後にアップロードする方法もあります。
