Blogger の「続きを読む」のリンク先を投稿ページトップに変更する方法

「続きを読む」（「もっと読む」）機能について、前回記事にしました。

クリボウの Blogger Tips: Blogger 「続きを読む」リンクに投稿タイトルを表示する方法

それで思い出したのが、Blogger 公式ヘルプフォーラムでの次の質問。

「もっと読む」をクリックすると、ホームページがある程度下にスクロールされた状態で、続きが表示されてしまいます。僕としては、「もっと読むをクリックしても、下にスクロールせずに、ホームページの一番上から表示してほしいのですが
「もっと読む」をクリックしても、ホームページの最上部から続きが表示されるように...

ヘルプフォーラムではクリボウが回答したんですが、ブログで記事にしていなかったようなので、今回ご紹介することにしました。

Blogger の仕様として、「もっと読む」リンクのリンク先 URL には、投稿ページの URL 末尾に #more を付加したものが指定されています。リンクがクリックされると、この #more でページ内のタグ <a name="more"/>（「もっと読む」リンクがあった箇所）へとジャンプするようになっています。

なので、リンク先 URL に #more を付けないようにカスタマイズすれば、「もっと読む」リンクをクリックしてた場合でも、投稿ページの最上部から表示させることができます。

手順

１．ブログの管理画面「テンプレート＞ HMTL の編集」（旧インターフェースでは「デザイン＞ HMTL の編集」）を開きます。

２．「ウィジェットのテンプレートを展開」にチェックを入れます。

３．以下のようなコードを見つけます。（ブラウザの検索機能で「data:post.hasJumpLink」を探すのが便利です。）

<b:if cond='data:post.hasJumpLink'>
  <div class='jump-link'>
    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
  </div>
</b:if>

４．赤字の行全体をを以下の青字の行に変更します。

肝腎なのは下線部の変更です。前回紹介した「続きを読む」リンクに投稿タイトルを表示する方法を導入しているブログでは、下線部に当たるもののみ変更してください。

スポンサードリンク：

お願い：

「この記事役に立った！」と思ったら、ぜひフィード登録をお願いします。　