wordpressの外部ブログにはてなスターを表示する方法

簡単にフローから説明すると

(1) はてなスターに外部ブログとして登録
(2) header に追記

基本的にはこれでできます。
かんたーん。

(1)のフローですけど詳細はここを見て下さい。
はてなにちゃんとまとめられてますんで。
そこで取得してきた js をそのまま header に付与するだけで OK。

header の編集は wordpress の
「管理画面」->「デザイン」->「テーマエディタ」->「ヘッダー(header.php)」を選択すると編集できます。
(※ただし選択しているテーマによって差異があるやもしれません。)

はてなで発行されたトークンと js と一緒にスタイルシートを変更してはてなスターを表示するようにします。

1
2
3
4
5
6
7
8
9

Hatena.Star.SiteConfig = {
  entryNodes: {
    'div.post': {
      uri: 'h2 a',
      title: 'h2',
      container: 'h2'
    }
  }
};

赤字のところはテーマによって違うかもしれませんので、自分のテンプレートの DOM を確認して変更して下さい。
基本的にはこれで「はてなスター」がタイトルの横にでるようになります。

ほんとあっという間につけることができるので便利ですね。
MT をつかっているという人はここを参考にするといいと思います。

最終的に header に付け足したコード

1
2
3
4
5
6
7
8
9
10
11
12
13

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = 'トークン';
Hatena.Star.SiteConfig = {
  entryNodes: {
    'div.post': {
      uri: 'h2 a',
      title: 'h2',
      container: 'h2'
    }
  }
};
</script>