WordPress にはてなスターを設置

2007-11-19 22:31
このエントリーをはてなブックマークに追加

WordPress で構築された当サイトにもはてなスターを設置。やり方はいろいろなところに書かれていますが、まとめ。

まずテーマエディタのヘッダのテンプレートを編集。<head>~</head>内に以下のコードを追加。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXX';
Hatena.Star.EntryLoader.headerTagAndClassName = ['要素名','クラス名'];
</script>

Hatena.Star.Tokenの部分ははてなのアカウントをとって、ブログの URI を登録すれば得られます。という上記のコードが生成されるのでまるまるコピーします。

しかし、このままでは、各エントリーのタイトルが h3 要素になっているブログでないとスターが表示されません。本サイトのように
h2 要素を使っている場合でも、Hatena.Star.EntryLoader.headerTagAndClassName に要素名とクラス名を設定すれば OK です。

またはてなスターの★マークの画像を指定することもできるようです。この場合は、Hatena.Star.Star.ImgSrc に画像の URI を指定すればよいようです。

参考文献

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

No comments yet.

Sorry, the comment form is closed at this time.

72 queries. HTML convert time: 1.626 sec. Powered by WordPress. Valid XHTML
Copyright © 2003-2017 @ futuremix.org ログイン