WordPressブログにDiggボタンを設置してみる

先日はてなダイアリーで試行したDiggボタンの設置を、
WordPressをCMSとして使用しているこのブログで試してみました。

前回同様、digg.comの以下のページを参照します。
Integrate: The Digg Button http://about.digg.com/button

WordPressの管理画面から、外観>テーマ編集を選択し、
“index.php”や、”single.php”に、以下のようなコードを追加します。
(ボタンはいくつかあるなかから”Mediam”を選びました)

<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<!-- Medium Button -->
<a class="DiggThisButton DiggMedium">

コードの追加場所はテーマ(テンプレート)ごとに異なると思うのですが、
今回は、WordPress 3.0 のデフォルト “Twenty Ten” の single.php 内の
<div class="entry-utility">の前に
<div class="social-button">というエリアを作って、
Twitter公式ボタンと合わせて設置してみました。

このページを個別ページとして表示していると、下方に無事表示できているかと思います。

おわりに

ちょっとしたきっかけでDiggに興味を持ってボタンの設置を試してみましたが、Diggの日本からの利用ってほとんどなさそうですね。。

カテゴリー: Geek   タグ: , , ,   この投稿のパーマリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>