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

クリボウの Blogger Tips

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

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

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

Posted at: 2012-03-11 Label: 6

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

それで思い出したのが、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>

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


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

Comments:6

  1. Bonus Gratis melalui Dealer Poker Uang Asli Volgograd Region Capital Situs www.rusiapoker.us Melalui BPD Sumut Syariah Kode Bank 117.

    ReplyDelete
  2. <a href="http://ic13.xyz/"

    <a href="https://kuncislot.com/2019/05/24/tambang-garam-tebesar-di-dunia-yang-patut-anda-kunjungi/>Tambang Garam Tebesar di Dunia Yang Patut Anda Kunjungi</a>

    ReplyDelete

  3. https://kuncislot.com/2019/05/24/tambang-garam-tebesar-di-dunia-yang-patut-anda-kunjungi/

    ReplyDelete
  4. We are the best online top research paper around, and you will not have to worry about submitting an assignment that has been written in the wrong context but you will also learn how to write a medical research paper.

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.