GWなこともあり(!?)、ブログのカスタマイズをやってみた。
記事上にコンパクトなソーシャルパーツを!
今回手を入れたのは、エントリタイトル&カテゴリ下の部分。
図の赤枠で囲ったところに、コンパクトなソーシャルパーツを配置した。
はてなブログでは、標準機能でも「デザイン > 記事」の「ソーシャルパーツ」メニューで「記事上下に表示」させることができる。
デフォルトで選択できるソーシャルパーツを記事上にも表示できるようにしました - はてなブログ開発ブログ
ただ、この標準機能の表示は、記事下と同じデザイン(ブックマーク件数などの吹き出しがボタンの上に表示)で、個人的にちょっと重たく感じたので、これまでは表示させていなかった。
やりたいカスタマイズ方法は、すでに公開されていた!
検索したところ、きなモンさん(id:tubamenote)が公開されている方法が、僕のやりたいことにドンピシャだったので、真似させてもらうことに…。
とても分かりやすく書かれていて、助かりました(ありがとうございます)
ちょっとだけカスタマイズ
そのままでも十分だったが、仕組みを理解するためと、個人的な好みでFacebookボタンの部分をほんのちょっとカスタマイズした。(「シェア」ボタンではなく、「いいね!」ボタンを設定。上マージンを設定 等)
参考までに、設定したHTMLコードを公開しておきます。
(Facebook部分以外は きなモンさんのコードをそのまま流用させてもらっています)