wordpressの外部ブログにはてなスターを表示する方法
簡単にフローから説明すると
(1) はてなスターに外部ブログとして登録
(2) header に追記
基本的にはこれでできます。
かんたーん。
(1)のフローですけど詳細はここを見て下さい。
はてなにちゃんとまとめられてますんで。
そこで取得してきた js をそのまま header に付与するだけで OK。
header の編集は wordpress の
「管理画面」->「デザイン」->「テーマエディタ」->「ヘッダー(header.php)」を選択すると編集できます。
(※ただし選択しているテーマによって差異があるやもしれません。)
はてなで発行されたトークンと js と一緒にスタイルシートを変更してはてなスターを表示するようにします。
1 2 3 4 5 6 7 8 9 | Hatena.Star.SiteConfig = { entryNodes: { 'div.post': { uri: 'h2 a', title: 'h2', container: 'h2' } } }; |
赤字のところはテーマによって違うかもしれませんので、自分のテンプレートの DOM を確認して変更して下さい。
基本的にはこれで「はてなスター」がタイトルの横にでるようになります。
ほんとあっという間につけることができるので便利ですね。
MT をつかっているという人はここを参考にするといいと思います。
最終的に header に付け足したコード
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script> <script type="text/javascript"> Hatena.Star.Token = 'トークン'; Hatena.Star.SiteConfig = { entryNodes: { 'div.post': { uri: 'h2 a', title: 'h2', container: 'h2' } } }; </script> |