テーマをwp.Vicuna にしてから、一時期はてなスターを使ってなかったんだけど、また表示させたくなったから弄った。
使用しているテーマは、wp.Vicuna の改造版である、wp.Vicuna Ext。レイアウトを変更するのが楽なのでこれ使ってる。
で、はてなスターの設置。
single.php の記事タイトル周りを少しいじる。
wp.vicuna Ext の記事タイトルに parmalink がなかったのでつけた。
スタイルシートいじる。
wp.vicuna.ext の中の、使用中のスタイルの中の subSkin の中の 1-subSkin.css をいじる。
color: #000;
}
h1 a,
h1 a:link,
h1 a:visited{
color: #000;
text-decoration:none;
}
リンクを設定したことで、記事タイトルによけいな下線がついたり色が変わったりしたので、全部同じように表示されるようにした。
はてなスターにログイン、トークンの設定
はてなスターにログインして（アカウント持ってない人はアカウント作成後）、ブログを追加する。トークンが発行される。
Hatena.Star.Token = ‘xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx’;
↑トークンはなんかこんな感じで半角英数字の羅列。
header.php を弄る。
<head>〜</head> の間に以下のタグを埋める。
個別記事を表示したときにスターが表示されるようにしたいので、<?php if ( is_single() || is_page() ) : ?>〜<?php endif; ?> の間に置いた。
<script type="text/javascript">
Hatena.Star.Token = ’xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ‘;
</script>
<script type="text/javascript">
Hatena.Star.SiteConfig = {
entryNodes: {
‘div#main’: {
uri: ‘h1 a’,
title: ‘h1′,
container: ‘h1′
}
}
};
</script>
Hatena.Star.Token は、さっき発行されたものをコピペる。
なくても動くらしいけど。
一応完成。
一応って書いてるのは、これでちゃんと動くは動くんだけど、☆画像がタイトルの文字列に比べると妙に下に寄ってしまっているからだ。上図参照。ああなんとなくかっこわるい。なんとか中心線を合わせられるようにならないかと、考えているところ。
参考
はてなスターをブログに設置するには – はてなスター日記
WordPressに「はてなスター」を設置してみた – massat.jp
ランキングに参加したりなんかもしてます☆ Click ☆
Twitterで
つぶやいてみる？
関連記事：こちらも一緒にどうぞ☆
Comments:0
Trackbacks:0
- Trackback URL
