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.