先日導入したソーシャルブックマークシステム「Scuttle」は、標準でサイトのサムネイルを表示する機能は、現在は付いていません。自分でチマチマとサムネイルを作ってアップする訳にもいかないので、サムネイル作成 API を利用して、Scuttle にサムネイルを表示させる機能を追加します。
機能追加にあたり、こちらの 2件のサイトを参考にさせて頂きました。
(HP) (旧)sideblue weblog：[SC] Scuttle 初期カスタマイズメモ
(HP) Materializing：Scuttleの仕様をちょっと変えてサムネイル表示に。
サムネイル作成 API は
(HP) SimpleAPI - ウェブサイト・サムネイル化ツール
(HP) サムネイル API
(HP) Mozshot
(HP) WebToJpeg
この様にいくつかありますが、なんとなくと、(旧)sideblue weblog さんでコードが書いてあったので「Mozshot」を選びました。
書き換える場所は「templates/bookmarks.tpl.php」の 107行目辺りに、(旧)sideblue weblog さんのコードを、そのままコピー＆ペーストしたら、文字コードの関係で、変えても問題はなかったか？と今更思うのですが、エディタが警告を出してくるので以下の様にちょっと書き換え。
echo '<li class="xfolkentry'. $access .'">'."\n"; echo '<div><a href="' . $address . '"' . $rel . ' target="_blank"><img src="http://mozshot.nemui.org/shot?' . $address . '" class="pict_thumb" alt="" /></a></div>'; echo '<div class="link"><a href="'. $address .'"'. $rel .' class="taggedlink" target="_blank">'. filter($row['bTitle']) ."</a></div>\n"; if ($row['bDescription'] != '') { echo '<div class="description">'. filter($row['bDescription']) . "</div>\n"; } echo '<div class="meta">'. date($GLOBALS['shortdate'], strtotime($row['bDatetime'])) . $cats . $copy . $edit . "</div>\n"; echo '<div style="clear: both;"></div>'; echo "</li>\n";
書き換えと言っても「¥n」をバックスラッシュに変更しただけです。
最後に「scuttle.css」に、以下の様なサムネイル表示用の CSS を追加して完了です。
img.pict_thumb { padding: 3px; float: left; margin: 0 10px 5px 0; }
オマケで、Favicon API というのも使用して、頭に Favicon をつけたりなんて事もできます。(Materializing さんより)
こちらも「templates\bookmarks.tpl.php」の 107行目辺りにある <div class="link"> の後ろに
<img src="http://favicon.aruko.net/m/f/' . $address . '" alt="' . filter($row['bTitle']) . '" width="16" height="16" />
を追記します。
そうすると、Favicon のあるサイトは ico ファイルを PNG 形式に自動変換して貼り付けてくれます。
(HP) Scuttle