NP_cles()

123456789101112131415161718192021222324252627282930

Nucleusのはてすた対応

 
投稿者:hsur 投稿日時:2007-07-11 - 21:38
カテゴリー:Nucleus Tips - - トラックバック(default)- Views: 110

はてなスターですが、どうやらテンプレート/スキンの記述に依存してしまうようです。
解説を読んで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>
  • *1: クォートはいりません。つまり「'null'」ではないので注意。

このエントリは役に立ちましたか?

  

トラックバックについて [policy]

Trackback URL:
Trackbacks
勢いで昨日公開されたはてなスター(以下「はてすた」)も導入してみた。アメリカのHatena inc.でも同時にHatena Star公開されたということで、めでたいではないか。まぁ、僕にはあんまり関係ないけれど。 気に...
極私的脳戸/日々の与太 (2007/07/12 01:01)

Comments [policy]

No comments yet

Add Comments

コメントは承認後の表示となります。
OpenIDでログインすると、即時に公開されます。

OpenID を使ってログインすることができます。

Identity URL: Yahoo! JAPAN IDでログイン