配布されてるボタンやプラグインとかではなくて、オリジナルのソーシャルボタンを使いたいときのための、リンク先メモ。
twitterもFacebookも、公式に配布されている拡散(tweet、リツイート、シェア、いいね、Likeなど)ボタンがあるが、他のデザインを使いたいこともある。
ソーシャルボタンをオリジナルデザインにしたい場合、当然
①オリジナルボタンを作る。
②画像にリンクを貼る。
という順番になるわけだけど、このリンク先をいちいち調べるのが面倒なので、メモ。
Twitter : http://twitter.com/share
Facebook : http://www.facebook.com/sharer.php?u=シェアしたいURL&t=シェアしたいページ、投稿のタイトル
Google +: https://plus.google.com/share?url=共有したいURL” onclick=”javascript:window.open(this.href, ”, ‘menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600’);return false;
はてぶ : http://b.hatena.ne.jp/add?mode=confirm&url=ブックマークしたいURL&title=ブックマークしたいタイトル
例
<a href="http://twitter.com/share" target="_blank">ツイートする</a> <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" target="_blank">Facebookでシェアする</a> <a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="_blank">GPlus</a> <a href="http://b.hatena.ne.jp/add?mode=confirm&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>">はてぶ登録</a> ※WPなら URL取得→<?php the_permalink(); ?> タイトル取得→<?php the_title(); ?>
実際に動かしてみる。※メンドイのでボタン画像は割愛。
※各SNSの仕様が変更していないか確認の上使用するべし。
※SNSによってはオリジナルボタンの利用を規約で禁止してたりするので要確認。
※PinterestとかFlickrとかLinkedInとかソーシャルボタンはたくさんあるけど、個人的にこのあたりには向かないネタしかないのでおまけ程度に・・・
といっても面倒なのはPinterestだけなので↓
Pinterest→http://pinterest.com/pin/create/button/?url=【ページURL】&media=【画像URL】&description=【ページタイトル】” onclick=”window.open(this.href, ‘PINwindow’, ‘width=650, height=450, menubar=no, toolbar=no, scrollbars=yes’); return false;”>