WordPressに「はてなスター」を設置してみた

はてなの「はてなスター」。このブログにも設置してみました。
というメモ。

まず「はてなスターはじめてガイド」にあるとおり、WordPressのヘッダテンプレートを修正して<head>~</head>タグ内に以下のコードを挿入。

コメント機能を利用する場合にははてなスターの右上メニューの「ホーム」から先のページでブログURLを登録して、発行されるコードをまた<head>~</head>タグ内に挿入。

次に、「はてなスターを外部ブログに貼り付けるための方法」にあるとおり、下記のJavaScriptファイルを参照。

http://s.hatena.ne.jp/js/HatenaStar.js

下の方に

// This is the optional script for WordPress blogs
  

とあるので、その通りをまた<head>~</head>タグ内に挿入。以上で、このブログではOK。

どうやらh2タグやらh3タグを動的に解析してスターを付けているようで、どのタグをエントリの見出しとみなすかは自分でカスタマイズできるよう。いいね。

// Or you can write your code by yourself.
  

参考にしたURL

はてなスターはじめてガイド
はてなスターを外部ブログに貼り付けるための方法
http://s.hatena.ne.jp/js/HatenaStar.js

16件のコメント to “WordPressに「はてなスター」を設置してみた”

  1. hara さん:

    あ、僕もやろうと思ってたのに、先を越されてしまいました。

  2. massat さん:

    批判も多いようだけど、とりあえず、ね。

  3. kiyohero さん:

    こんにちは。はてなスタッフの山田と申します。はてなスターをご利用いただきありがとうございます。
    はてなスターをブログに設置する際の参考リンクとして、この記事をはてなスター日記で紹介させていただきました。もし問題がありましたらお知らせいただけますでしょうか。
    http://d.hatena.ne.jp/hatenastar/20070707/1184455480

  4. 萌え理論Blog さん:

    はてなスターまとめ…

    はて☆すた はてな界隈で大不評の「はてなスター」ですが、カオスあるところにまとめあり。ブログのネタにしたい人は必見のまとめに仕上がりました。あの人もこの人もはてスタに (more…)

  5. WordPress にはてなスター設置 < 43hr.org さん:

    […] はてなスター日記 - はてなスターをブログに設置するには massat.jp - WordPressに「はてなスター」を設置してみた Fenrir’s BLog - はてなスターのカスタマイズ設置 Post a comment | Trackback URI […]

  6. まだげん(仮) » WordPressでブログをはじめたらまずするべきこと さん:

    […] 「はてなスターをブログに設置するには」を参考にします。エントリ内にリンクされている、「WordPressに「はてなスター」を設置してみた」が参考になることと思います。 […]

  7. あるまとめサイト管理人の思ったこと » はてなスターをwordpressに追加する方法 さん:

    […] http://massat.jp/2007/07/12/243 によるとWordPress.jsを利用する方法が記載されていました、この方法で試してみたのですが出来ませんでした。 <script type=“text/javascript” src=“http://s.hatena.com/js/Hatena/Star/EntryLoader/WordPress.js”></script> […]

  8. Bokunaru » はてなスターを設置 @WordPress さん:

    […] WordPressに「はてなスター」を設置してみた […]

  9. wordpressにはてなスターを設置してみた | Going Uncharted Path さん:

    […] Twitter検索が重くて「フォロー1000人計画」が実行できない為、それまでちょこっとwordpressをいじることにした。今回の作業ははてなスターの設置である。 WordPressに「はてなスター」を設置してみた http://massat.jp/2007/07/12/243 […]

  10. WordPressのテーマをwp.Vicuna Extに変更 - blog.yuco.net さん:

    […] wp.Vicuna Extに機能を追加するプラグイン、Vicuna Adaptorも入れました。はてブ数表示(○○usersというアレです)などができますが、とりあえず使う機能ははてなスターだけ。はてなスターを使うためには管理画面からはてなスターのトークンを入力する必要があります。以前lingeousテーマの際もはてなスターを導入していましたが、そのときはWordPressに「はてなスター」を設置してみたを参考にheader.phpをじかに書き換えていました。そこからはてなスタートークンをコピペしてVicuna Adaptorの管理画面に入力すると、はてなスターが復活しました。でもなんか☆だけが下の方にずれていて変な感じです。見た目はあとで調節することにします。 […]

  11. はてなスターのテスト | bojovs日記 さん:

    […] 「WordPressにはてなスターを - blog in a fog」と「massat.jp - WordPressに「はてなスター」を設置してみた」を参考にしてスターを設置しました。使用される日はやってくるのでしょうか…? […]

  12. wordpressにはてなスターを設置してみた « Shigeo’s Blog さん:

    […] Twitter検索が重くて「フォロー1000人計画」が実行できない為、それまでちょこっとwordpressをいじることにした。今回の作業ははてなスターの設置である。 WordPressに「はてなスター」を設置してみた http://massat.jp/2007/07/12/243 […]

  13. はてなスターとSBM(一部)に対応 - Design My Future さん:

    […] 参考にしたところ:WordPressに「はてなスター」を設置してみた […]

  14. wordpressにはてなスターを設置してみた | 木下茂雄のブログ さん:

    […] Twitter検索が重くて「フォロー1000人計画」が実行できない為、それまでちょこっとwordpressをいじることにした。今回の作業ははてなスターの設置である。 WordPressに「はてなスター」を設置してみた http://massat.jp/2007/07/12/243 […]

  15. はてな関係も… « eggXILE tech さん:

    […] WordPressに「はてなスター」を設置してみたCommentsAdd Star […]

  16. In My Life » Blog Archive » はてなスターを導入 さん:

    […] Wordpress へのはてなスター設置はこちらを参考にしました。 (WordPressに「はてなスター」を設置してみた - massat.jp) […]

Leave a Reply