- 2012/6/30 10:34

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

ご注意

この記事は2012年6月30日に書いたものです。 情報が古くなっている可能性があるのでご注意ください。


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さんありがとうございました!

スポンサードリンク

  • ゆとりをもった自由な暮らし、ストレスフリーな生活を送る
    1984年生まれ
    生まれも育ちも神奈川県川崎市

    詳しいプロフィールはこちら

    • follow us in feedly
    • Google+
    • フィード
    • お問い合わせ