こたらの日記

Wordpressブログにプラグインなしでソーシャルボタンを設置する方法

Cover Image for Wordpressブログにプラグインなしでソーシャルボタンを設置する方法


Social Media Small Plates - Just Try 1 or 2! (or 3 or 4!) / The Daring Librarian
ソーシャルボタンを記事の前後に設置しました。@kotala_bです。
WordPressプラグイン「WP Social Bookmarking Light」を使って記事の最後に置いてましたが、プラグインをやめコードを直接書いて設置しました。

変更前


これが変更前のソーシャルボタンです。
ボタンとボタンの間にスペースがあって不揃い。
3週間ほど使いましたがどうも気に入りませんでした。
そこでプラグインをやめることにしました。

変更

ソーシャルボタンを変更するのに参考にしたのはこちらの記事です。
http://knk-n.com/2012/02/26/goodbye_wp-social-bookmarking-light/WordPressプラグイン「WP Social Bookmarking Light」を外すことにしました | けんけん.com
Twitter・Facebook・はてぶ・Google+の各ボタンについてコードが書いてありますので、コードを自分用に少しいじって設置しました。
あとはボタンをひとつずつリストタグで並べてCSSでレイアウトを調整して完成です!

変更後


変更後は縦に並べてAdsenseの横に設置しました。
これでボタンを押してくれる人が増えるといいな!

ありがとうございました!

変更したい時に検索して出てくるこういった記事は本当にありがたいです!
@knk_nさんありがとうございました!