ブログにソーシャルボタンを追加しました

2015-01-03   treby   技術メモ   このエントリーをはてなブックマークに追加

ブログに簡単にtwitterへの投稿や、はてなブックマークへの登録を行えるようにするボタンを追加してみました。

add-social-button-on-blog

WordPressで上手いこと組み込むには、以下のようにすればはかどるっぽいです。

はてなブックマークボタン:<a>タグのhrefの中身をhttp://b.hatena.ne.jp/entry/<?php the_permalink(); ?>に、data-hatena-bookmark-title<?php the_title('', " | " . get_bloginfo('name')); ?>にする。

twitterボタン:<a>タグのdata-url<?php the_permalink(); ?>に、data-text<?php the_title('', " | " . get_bloginfo('name')); ?>にする。

diffで示すとこんな感じです。

さすが、両者ともメジャーどころだけあって、さっくり追加できました。

ブログの執筆環境とか、見た目的な部分とか、もちょっと拡張していきたいですね。