購読する
Vicunaではてなスターが落ちる件の対処法
私が現在使っているwp.Vicuna Ext.というテーマでは、はてなスターの設置は簡単にできるのですが、スターだけがなぜか下の方にずれて表示されるのがみっともないなあと思っていました。ずれていたときの画像は、WordPressのテーマをwp.Vicuna Extに変更の最後の方にキャプチャしたものがあります。このほかスターが多くて「☆14☆」のように表示される場合でも、数字はあるべき位置にあるのに、☆だけが下に落ちていました。
はてなスターというのはjavascriptで表示しているんでしょうか？ よくわからないのですが、普通にページのソースを見ても表示されないので、CSSで上下に動かす方法も分からず、「みっともないなー、なんとかならんのかなー」と思っていたところでした。
しかし、maRkのMyOwn – はてなスターとmt.Vicunaで紹介されていたCSSをまるごとコピペしたところ、ちゃんと真ん中に☆が来るようになりました。感謝。こちらで使われているのはMovableTypeのVicunaのようですが、WordPressのVicunaでも同じみたいです。
.hatena-star-star {
vertical-align: middle;
margin-top:0 !important;
}
.hatena-star-comment-container a,
.hatena-star-star-container a{
background-image: none !important;
padding-left: 0px !important;
}
ついでに、はてなスターのボタン画像を変更するを参照して、コメントと☆追加のアイコンをデフォルトの水色のものからグレーのものに取り替え、周りと色調を揃えてみました。