NP_cles()

< 2025-09 >

Nucleusのはてすた対応

投稿者：hsur 投稿日時：2007-07-11 - 21:38
カテゴリー：Nucleus Tips - hatena - トラックバック（default）- Views: 174

はてなスターですが、どうやらテンプレート/スキンの記述に依存してしまうようです。
解説を読んでNucleusでの使い方を軽くまとめてみました。

例えばテンプレート中のタイトル表記が以下のような場合には

<h3 class="title"><a href="http://example.com/parmalink">Title of Entry</a></h3>

<head>中に記述する<javascript>は下記のようになります。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
  <script type="text/javascript">
    Hatena.Star.Token = '(はてなのサイトから指定されたトークン)';
    Hatena.Star.EntryLoader.headerTagAndClassName = ['h3','title'];
  </script>

最後の['h3','title']の部分がキモで、テンプレートの記述にあわせてタグ名とclass名をセットにして記述します。class指定がない場合にはnullと書きます^*1。これでめでたくNucleusサイトをはてすた対応することができます。

僕がはまった点としては上記タグ中のタイトルについてはそのエントリのpermalinkをhrefに持つリンクになっている必要があるというところでしょうか。いくらやってもアイコンが出なくて焦りました。

† parmalinkがあればタイトルはいらないみたい。

別にタイトルがあるかどうかはあまり関係ないみたいで、あくまで必要なのはpermalinkだけのようです。なので、こんな感じのタグを書くと任意の場所に星を出すことができるみたいです。( via [を] はてなスターがリリース )

<span class="hatesta"><a href="/item/<%itemid%>"></a></span>

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
  <script type="text/javascript">
    Hatena.Star.Token = '(はてなのサイトから指定されたトークン)';
    Hatena.Star.EntryLoader.headerTagAndClassName = ['span','hatesta'];
  </script>