BloggerのコメントシステムをDisqusに変更してみたが、所謂「最近のコメント」の表示方法に関する情報がDisqusのサイトには見当たらない。探し方が悪いのかもしれないが・・・。仕方がないので、ググって調べることにした。
上記スクリプトで表示することが可能と云うことがわかった。「bjkun-1」は、ブログを登録した際のIDであり、管理画面でブログを選択した際のURLから知ることができる。
こんな感じで表示される。スタイルシートで体裁を整えれば完成だ。
展開HTMLコードは、上記のようになるので参考まで。
※表示には少し時間がかかるようなので、表示されないぞ！と云うときは、少し時間をおいてから確認してみよう。
<script src="https://bjkun-1.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=30" type="text/javascript"></script>
上記スクリプトで表示することが可能と云うことがわかった。「bjkun-1」は、ブログを登録した際のIDであり、管理画面でブログを選択した際のURLから知ることができる。
こんな感じで表示される。スタイルシートで体裁を整えれば完成だ。
<ul class="dsq-widget-list"> <li class="dsq-widget-item"> <a href="https://disqus.com/by/jojihiraoka/" target="_blank"><img class="dsq-widget-avatar" src="https://c.disquscdn.com/uploads/users/28036/5086/avatar92.jpg?1518855895"></a> <a class="dsq-widget-user" href="https://disqus.com/by/jojihiraoka/" target="_blank">Joji Hiraoka</a> <span class="dsq-widget-comment"><p>コメントの内容が表示される</p></span> <p class="dsq-widget-meta"><a href="https://bjkun2.blogspot.com/2018/02/blog-post.html">記事タイトル</a> · <a href="https://bjkun2.blogspot.com/2018/02/blog-post.html#comment-3773522645">2 hours ago</a></p> </li> ・・・続く
展開HTMLコードは、上記のようになるので参考まで。
※表示には少し時間がかかるようなので、表示されないぞ！と云うときは、少し時間をおいてから確認してみよう。
最終更新日:
コメントは受け付けておりません。
