「もっと読む」機能をご紹介しましたが、
使っていて気になった点がありました。
アンカーリンク使っているんですね!!
先頭を表示させたいのに、続きの部分までスクロールされて表示されます。
解除できないものかとテンプレートを見ていたらできました!
やり方をご紹介します。
「もっと読む」クリックで記事の途中が表示される仕組み
まずは「もっと読む」指定されているリンクですが、
次のようにアンカー(#more)が設定されています。
http://blog.asterlist.com/2012/11/0501.html#more"URL + # + アンカー"で任意の場所を先頭表示することが可能です。
つまり、#more をつけなければ、先頭から表示されます。
クリックで先頭を表示する方法
実際に先頭表示する方法は、次の通りです。※必ずバックアップを取って、編集は自己責任で行ってください。
- テンプレートをバックアップする
- 「data:post.hasJumpLink」を検索する
- 「#more」を削除する
- 編集したテンプレートを保存する
バックアップは、以前の記事を参考にしてください。
参考:Bloggerのテンプレートをバックアップする方法
次に「テンプレート」→「HTMLの編集」を開き、
テンプレートから「data:post.hasJumpLink」の記述を探し出します。
※ウィジェットのテンプレートを展開にしないと出てこない場合もあります。
削除対象は、次の「"#more"」です。
<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>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' 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>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<data:post.jumpText/>
</a>
</div>
</b:if>
編集内容を確認して、「テンプレートを保存」をクリックして保存してください。
以上で、「もっと読む」のリンクが変更され、先頭が表示されるようになります。
最後まで読んで頂きありがとうございます。
0 件のコメント:
コメントを投稿