小粋空間  -  a cheap joke and a play on words site

FC2ブログ・プラグイン「最新の記事＋コメント」の使い方

FC2ブログで人気の共有プラグイン「最新の記事＋コメント」は、最近の記事表示と最近のコメントを同時に表示するものです。コメントは記事毎にまとめて表示し、折りたたみも可能です。

コメントを折りたたんだ状態

本エントリーでは「最新の記事＋コメント」の設定・カスタマイズと、当ブログで公開している「追記文章の折りたたみ 2.0 for FC2 ブログ」を併用したときに発生する不具合の解消方法を説明します。

１．「最新の記事＋コメント」の設定

FC2ブログ管理画面の「環境設定」の「プラグインの設定」をクリック。

「プラグインの設定」の「共有プラグイン追加」をクリック。

「最近の記事＋コメント」で検索。

これでプラグインが表示されるので、「名前」のリンクまたは画像リンクをクリック。

ダウンロード設定を行って、ダウンロードをクリックすれば完了です。

２．「最新の記事＋コメント」のツリーをきれいに表示する

冒頭のサンプルのようにツリーをきれいに表示するには、「FC2ブログの「最近の記事＋コメント」プラグインをきれいなツリーにする」のカスタマイズを行ってください。

カスタマイズ前

カスタマイズ後

３．追記文章の折りたたみとの併用

また、当サイトで公開している「追記文章の折りたたみ 2.0 for FC2 ブログ」は、追記文章の折りたたみをスクロール表示するものです。

この「追記文章の折りたたみ」を利用した場合、「最新の記事＋コメント」の部分に「原因不明のエラーが発生しました。作者に連絡すれば、もしかすると対応できるかもしれません。」というメッセージが表示され、元のリストが正常に表示されなくなる不具合があります。

「最新の記事＋コメント」が正常に表示されない原因は、「追記文章の折りたたみ 2.0 for FC2 ブログ」で使っているprototype.js と「最新の記事＋コメント」のJavaScriptのコードが干渉しているためです。

これを解消するためには、以下の手順で「最新の記事＋コメント」のソースコードを修正してください。

プラグイン設定画面の「プラグインの管理」をクリック。

「最新の記事＋コメント」の「詳細」をクリック。

「HTMLの編集」をクリック。

これでプラグインのソースコードがテキストエリアに表示されます。次に示すソースコードの編集後、「設定」をクリックしてください。

修正部分は以下です。青色のコード（計6行）を追加してください。

…前略…
for(i in cLst) {
    if(i.indexOf('http') != 0){
        continue;
    }
　　…中略…
    for(j in cLst[i].lst) {
        if (isNaN(parseInt(j))) {
            continue;
        }
        tCmt = cLst[i].lst[j];
        var cmtIsInLimit = (curTime - tCmt.getTime() < cmtDateLimit);
        　　…後略…

実際の追加イメージを以下に示します。

これで元通り表示されるようになります。