2012/11/06

Bloggerの「もっと読む」クリックで先頭表示する方法

「もっと読む」機能をご紹介しましたが、
使っていて気になった点がありました。
アンカーリンク使っているんですね!!

先頭を表示させたいのに、続きの部分までスクロールされて表示されます。
解除できないものかとテンプレートを見ていたらできました!
やり方をご紹介します。



「もっと読む」クリックで記事の途中が表示される仕組み

まずは「もっと読む」指定されているリンクですが、
次のようにアンカー(#more)が設定されています。

http://blog.asterlist.com/2012/11/0501.html#more
"URL + # + アンカー"で任意の場所を先頭表示することが可能です。
つまり、#more をつけなければ、先頭から表示されます。

クリックで先頭を表示する方法

実際に先頭表示する方法は、次の通りです。
※必ずバックアップを取って、編集は自己責任で行ってください。
  1. テンプレートをバックアップする
  2. 「data:post.hasJumpLink」を検索する
  3. 「#more」を削除する
  4. 編集したテンプレートを保存する

バックアップは、以前の記事を参考にしてください。

参考:Bloggerのテンプレートをバックアップする方法


次に「テンプレート」→「HTMLの編集」を開き、
テンプレートから「data:post.hasJumpLink」の記述を探し出します。
※ウィジェットのテンプレートを展開にしないと出てこない場合もあります。

削除対象は、次の「"#more"」です。

<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>

削除後は、次のようなコードになります。

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

編集内容を確認して、「テンプレートを保存」をクリックして保存してください。
以上で、「もっと読む」のリンクが変更され、先頭が表示されるようになります。

最後まで読んで頂きありがとうございます。

0 件のコメント:

コメントを投稿