クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

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

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

Posted at: 2012-03-11 Label: 0

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

それで思い出したのが、Blogger 公式ヘルプフォーラムでの次の質問。
「もっと読む」をクリックすると、ホームページがある程度下にスクロールされた状態で、続きが表示されてしまいます。 僕としては、「もっと読むをクリックしても、下にスクロールせずに、ホームページの一番上から表示してほしいのですが

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

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

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


手順

1.ブログの管理画面「テンプレート > HMTL の編集」(旧インターフェースでは「デザイン > HMTL の編集」)を開きます。

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

3.以下のようなコードを見つけます。(ブラウザの検索機能で「data:post.hasJumpLink」を探すのが便利です。)
<b:if cond='data:post.hasJumpLink'>
  <div class='jump-link'>
    <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  </div>
</b:if>

4.赤字の行全体をを以下の青字の行に変更します。
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>

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


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Leave a Reply

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.