追記開閉スクリプトを手作業で実装or更新する方法 [7/2更新]

※この記事はrimseが作成・共有に登録しているテンプレート専用の記事です。一般的なテンプレートに対しては動作の保証はしていません。

7/2 仕様変更に伴い、記事内容を更新しました

現在、追記開閉についてはFioreやSnowdanceといったごく一部のテンプレートにしか実装してありません。
未実装のテンプレートについては順次更新していくつもりですが、それが待ちきれないという方のために、手作業で実装させる方法について紹介致します。

fiore1.3.0以下、snowdance2.1.0以下をお使いで、カスタマイズ等の理由によりテンプレートの更新が難しい方も、この記事を参考に編集を行ってください。



HTMLの編集を行います。
まず、追記開閉スクリプトが実装されていないテンプレートの場合は、

</head>

の直前に、次の記述を追加してください。

<script type="text/javascript" src="http://blog-imgs-41.fc2.com/r/i/m/rimse/jquery.js"></script>

この記述により、追記開閉スクリプトのベースとなるjQueryを読み込んでいます。


次に、

<!--more_link--><div class="entry-more">→ <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a></div><!--/more_link-->

という記述を探してください。テンプレートによっては多少記述が変わりますが、 <!--more_link--> から <!--/more_link--> までが該当部分になります。
fiore1.3.0以下、snowdance2.1.0以下についても、<!--more_link--> から <!--/more_link--> までが編集が必要な部分です。


この部分を、次のように置き換えてください。

<!--more_link-->
<div class="entry-more"><a href="<%topentry_link>#more" class="entry-extend-<%topentry_no>">[ <%template_extend> ]</a></div>
<div id="entrymore-visible-<%topentry_no>" class="entrymore-visible" style="display:none;"><br /><%topentry_more></div>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(document).ready(function($){
$('.entry-extend-<%topentry_no>').click(function(){$('#entrymore-visible-<%topentry_no>').slideToggle("slow");return false;
});
});
//]]>
</script>
<!--/more_link-->