Simple APIでコメント欄にサイトのサムネイルを

i d e a * i d e a – トラックバックにサイトの縮小画像を入れてみたで紹介されていたSimple APIを使って、トラックバック元のサイトのサムネイルを表示するTipsをWordPressでも試してみました。WPではコメントとトラックバック・ピンバックが区別されずに一緒に並んでしまうので、ちょびっと工夫が必要です。

今回はEasy ALLをサンプルに進めていきます。手を加えるファイルはcomments.phpです。他のテーマを使っている場合もほとんど同じなので、試してみてくださいね。<?php comment_text() ?>を探してみて下さい。

トラックバック・ピンバックのみサムネイルを表示する

まずはシンプルにトラックバック・ピンバックのみサムネイルを表示する場合を紹介します。このように表示されます。

トラックバック・ピンバックのみサムネイル表示

comments.phpの16行目あたりをこのように置き換えます。

  1. <li id="comment-<?php comment_ID() ?>">
  2. <?php comment_text() ?>
  3. <?php if (get_comment_type() != 'comment') : ?>
  4. <p><a href="<?php comment_author_url(); ?>" rel="external nofollow">
  5. <img src="http://img.simpleapi.net/small/<?php comment_author_url(); ?>" width="128" height="128" alt="<?php comment_author(); ?>" title="<?php comment_author(); ?>" /></a></p>
  6. <?php endif; ?>
  7. <p class="meta"><?php comment_type(__('Comment'), __('Trackback'), __('Pingback')); ?> <?php _e('by'); ?> <?php comment_author_link() ?> &#8212; <?php comment_date() ?> @ <a href="#comment-<?php comment_ID() ?>"><?php comment_time() ?></a> <?php edit_comment_link(__("Edit This"), ' |'); ?></p>
  8. </li>

3~6行目が今回追加した部分です。変更したらアップロードして確認してみましょう。確認できたら、表示スタイルを弄ってもいいかもしれません。

普通のコメントのURLもすべてサムネイル表示

コメント投稿時に入力されたURLもサムネイル表示してしまいましょう。こちらもcomments.phpの16行目あたりをこのように置き換えます。

  1. <li id="comment-<?php comment_ID() ?>">
  2. <?php comment_text() ?>
  3. <?php if ($comment->comment_author_url != "") : ?>
  4. <p><a href="<?php comment_author_url(); ?>" rel="external nofollow">
  5. <img src="http://img.simpleapi.net/small/<?php comment_author_url(); ?>" width="128" height="128" alt="<?php comment_author(); ?>" title="<?php comment_author(); ?>" /></a></p>
  6. <?php endif; ?>
  7. <p class="meta"><?php comment_type(__('Comment'), __('Trackback'), __('Pingback')); ?> <?php _e('by'); ?> <?php comment_author_link() ?> &#8212; <?php comment_date() ?> @ <a href="#comment-<?php comment_ID() ?>"><?php comment_time() ?></a> <?php edit_comment_link(__("Edit This"), ' |'); ?></p>
  8. </li>

トラックバック・ピンバックの場合と比べると3行目が変更されています。URL欄が空でなければ、という条件になっています。そのため「http://」となっているときもサムネイルが表示されてしまう(NO PHOTOとでます)という欠点があります。もうちょっと条件を工夫すればいいのかもしれませんが…

『Simple APIでコメント欄にサイトのサムネイルを』を含むはてなブックマーク 『Simple APIでコメント欄にサイトのサムネイルを』をはてなブックマークに追加

0 トラックバック & ピンバック

  1. Taste of Wind

    コメント欄にサムネイル…

    先日時間切れとなったコメント一覧にサムネイルを追加する作業を実施。とりあえずこっちのBlogに手順を載せてみました。
    普通のコメントの時もサムネイルを付けてみたのですが (more…)

    トラックバック by Taste of Wind — 2006年5月4日 @ 13:07:18

  2. TSJ付゛録゛II

    【WordPress ME】コメント欄にリンク先のサムネイル…

     このところ寝不足状態で、帰宅してしばらくすると持たなくなっちゃうのですね。
     そしてバタンキュー。気がついたら日付変更線過ぎ。
     はっきり言って自分自身こんな生活いや (more…)

    トラックバック by TSJ付゛録゛II — 2006年7月1日 @ 01:02:15

  3. 昼行灯行状記2.0

    トラックバックとコメントにサムネイル画像を…

    ひろまささんのところで「Simple APIでコメント欄にサイトのサムネイルを」というKnowledge of WPさんの記事を見つけて、早速自分のところも変更してみま (more…)

    トラックバック by 昼行灯行状記2.0 — 2006年7月1日 @ 12:53:41

  4. hiromasa.zone :o)

    いろいろな Web サービス…

    世の中にはいろんな Web サービスがある、、らしい。。 ぼくはあんまり知らなくて、いつも kohaku さんに教えてもらっています。
    トラックバック先のエントリー (more…)

    トラックバック by hiromasa.zone :o) — 2006年7月1日 @ 13:28:41

  5. びんさんのマジかよー

    トラックバックをサムネイルで表示…

    ひろまささんのブログの【いろいろな Web サービス】というエントリーを参考に、うちのブログにも導入してみました。導入するのに必要なのは、使用中のテーマの commen (more…)

    トラックバック by びんさんのマジかよー — 2006年8月4日 @ 13:10:55

  6. Rhythm Collision wordpress : トラックバック & ピングバック

    [...] これまで、トラックバックとピングバックを処理しないままにしていたので、トラックバック、ピングバックのサムネイル取得生成とともに訂正。つかっているcomment.phpではトラックバックおよびピングバックが受け付けないままになっていたので、wordpressのテーマに入っているClassicのcomment.phpに切り替えた。というのも、使っているもとのcomment.phpおよび、index.phpがKnowlege of WPさんの記事のものと全く違うものであるので、素直に、comment.phpをすべて取り替えてみました。サムネイル生成の際に直す箇所はknowlege of WPさんの記事を基に試してみた。 [...]

    ピンバック by Rhythm Collision wordpress : トラックバック & ピングバック — 2006年9月24日 @ 13:31:16

  7. 雑念ベース

    トラックバックにサムネイルを…

    トラックバックもとのサイトのサムネイルを表示する機能を導入してみました。SimpleAPI の、ウェブサイトサムネイル作成APIを使います。

    (more…)

    トラックバック by 雑念ベース — 2006年12月13日 @ 03:50:34

コメントはまだありません

  1. 愛の詩 (o^ω^)o Said,

    2006年10月9日 @ 13:58:37

    参考になりました。ありがとうございました!!

  2. よしとも Said,

    2006年12月13日 @ 02:46:58

     初めまして。URLなしの場合の対処方法を探していてたどり着きました。$comment->comment_author_url というのがあるのですね。
     3行目を次のように変更すると、アドレスのない場合に対処できます。

    $comment->comment_author_url != ‘http://’

     アドレスがない場合は http:// だけになるので、” ではなく ‘http://’ と一致するかどうかで分岐すればいいわけです。おためしあれ。

  3. よしとも Said,

    2006年12月13日 @ 03:53:50

     すみません。処理が抜けてました。手抜きは駄目ですね。次のように変更です。

    $comment->comment_author_url and $comment->comment_author_url != ‘http://’

     これで、アドレスが入っていて、かつ http:// だけでないという条件になります。

     なお、こちらの記事からトラックバックさせていただきました。

  4. 鎌田林檎 Said,

    2007年1月16日 @ 19:51:13

    導入の参考になりました。

  5. Ronald Washington Said,

    2009年5月1日 @ 14:41:52

    hsimbj80tssjmee5

    でコメント欄にサイトのサムネイルを

RSS feed for comments on this post