ヒト感!!

人生をハッピーにするヒト・モノ・コトバ、広めたい

はてなブログの「記事上」ソーシャルパーツをコンパクトに!

GWなこともあり(!?)、ブログのカスタマイズをやってみた。

記事上にコンパクトなソーシャルパーツを!

今回手を入れたのは、エントリタイトル&カテゴリ下の部分。
図の赤枠で囲ったところに、コンパクトなソーシャルパーツを配置した。


はてなブログでは、標準機能でも「デザイン > 記事」の「ソーシャルパーツ」メニューで「記事上下に表示」させることができる。

デフォルトで選択できるソーシャルパーツを記事上にも表示できるようにしました - はてなブログ開発ブログ


ただ、この標準機能の表示は、記事下と同じデザイン(ブックマーク件数などの吹き出しがボタンの上に表示)で、個人的にちょっと重たく感じたので、これまでは表示させていなかった。

やりたいカスタマイズ方法は、すでに公開されていた!

検索したところ、きなモンさん(id:tubamenote)が公開されている方法が、僕のやりたいことにドンピシャだったので、真似させてもらうことに…。

とても分かりやすく書かれていて、助かりました(ありがとうございます)

ちょっとだけカスタマイズ

そのままでも十分だったが、仕組みを理解するためと、個人的な好みでFacebookボタンの部分をほんのちょっとカスタマイズした。(「シェア」ボタンではなく、「いいね!」ボタンを設定。上マージンを設定 等)


参考までに、設定したHTMLコードを公開しておきます。
(Facebook部分以外は きなモンさんのコードをそのまま流用させてもらっています)

続きを読む