Twitterのコメントを表示するプラグイン『BTCNew』を導入

BTCNew

最近はブログに直接コメントするよりも、Twitterで反応をいただくことが多いので、それを表示できないかなあと探していて導入したのが「BTCNew」というプラグイン。
以前「BackType Connect」というプラグインを見つけて入れてみたのですが、既に停止したようで動かず。。
「BTCNew」が新しいバージョンとしてリリースされていたようです。

プラグインのインストールと設定

» BTCNew

こちらのプラグインは、BackTypeのサイトにアカウントを開設してAPIキーを取得する必要があります。
インストールと設定の方法は、下記のブログを参考にさせていただきました。

» BTCNewプラグインでwordpress記事にRetweetを引用する方法 | crocodile notebooks
» WordPressプラグイン BTCNew でツイートコメント表示 | solo.design

wp.Vicunaテーマのアバター表示方法

私が使用しているwp.Vicunaのテーマは、コメントのアバター(アイコン)表示に対応していないようです。
アバターを表示させるために、下記のようにカスタマイズしました。

comments.php 14行目

変更前

14
<dt id="comment<?php comment_ID()?>"><span class="name"><?php comment_author_link()?></span> <span class="date"><?php comment_date()?></span> <?php edit_comment_link(__('Edit', 'vicuna'), '<span class="admin">', '</span>')?></dt>

変更後

14
<dt id="comment<?php comment_ID()?>"><?php echo get_avatar( $comment, 32 ); ?> <span class="name"><?php comment_author_link()?></span> <span class="date"><?php comment_date()?></span> <?php edit_comment_link(__('Edit', 'vicuna'), '<span class="admin">', '</span>')?></dt>

<?php echo get_avatar( $comment, 32 ); ?>  を追加するだけです。
この場合は、アバターが32px×32pxで表示されます。この数字を変更すればお好みの大きさで表示されます。

さらに、サイドバーの最新コメントリストは、Vicunaのウィジェットを使用しているとTwitterのコメントは表示されませんので、デフォルトのものを使用する必要があります。

その他のテーマのアバター表示方法

その他のテーマを使用されている場合は、comments.phpのアバターを表示させたい箇所に下記のコードを追加します。

1
<?php wp_list_comments(‘avatar_size=32); ?>

こちらの記事もどうぞ