SNS投稿ボタンをオリジナル画像にするためのカスタマイズ。noteSNS投稿ボタンをオリジナル画像にするためのカスタマイズ。ソーシャルネットワーク2012.11.29いまやFacebook、Twitter、mixiなどSNSへの投稿ボタンをサイトに設置するのが当たり前になっていますね。投稿ボタンは各サービス側で用意されていて設置も簡単ですが、時にはそのデザインがサイトのイメージに合わないことも。実際、オリジナルボタンでお願いされるケースもあるのでこの際まとめてみました。投稿ボタンのカスタマイズはすでに他のサイトでも紹介されていますが、作業する度に調べるのも面倒なので、自分へのメモも兼ねて紹介します。ここで紹介する方法は、どのボタンもクリックで別窓が開く仕様になっています。「俺にカウントなんて必要ないぜ」というワイルドな方にピッタリです(笑)投稿ボタンの設置FacebookTwitterGoogle+mixiPinterestはてなブックマークEvernoteFacebook言わずと知れたFaceook。「いいね!」と「シェア」の2種類あります。「シェア」は「いいね」にいずれ統合されるという話がありましたが、まだまだ使えるようです。false;">【ボタン画像】</a>Twitterこちらも同じく言わずと知れたサービスですね。利用している人は多いんでしょうね。false;">【ボタン画像】</a>mixi国産のSNSサイト。Facebookにかなり押されてますが。centerでディベロッパー登録をし、チェックキーを発行してもらう必要があります。ここで設置に関する情報もチェックできます。onclick="window.open('http://mixi.jp/share.pl?u=【ページのURL】&k=【チェックキー】','share',['width=632','height=456','location=yes','resizable=yes','toolbar=no','menubar=no','scrollbars=no','status=no'].join(','));">【ボタン画像】</a>はてなブックマーク日本ではソーシャルブックマークの草分け的存在。async="async"></script>PinterestPinterestは気に入った画像をどんどん貼付けて共有できるサービス。Facebookの次に来ると言われているようです。前は日本語に対応していなかったのですが、今は対応しています。false;">【ボタン画像】</a>Evernote現在、サイトメモリーは廃止されているため利用できません。Evernoteは、ふとひらめいたアイデアやメモなどを記録、管理できるオンラインサービスです。私も結構利用してます。Evernoteの場合、ボタンの機能は「サイトメモリー」と言って、クリックすると気になるページをクリップできます。false;">【ボタン画像】</a>以上、主なものを中心に紹介しましたが、オリジナルのボタンもフリーで数多く配布されています。数は少なめですが、Illustratorで扱えるベクターデータのアイコンを別の記事でまとめてみました。ベクターデータでフリーのSNSアイコン集。POSTSベクターデータでフリーのSNSアイコン集。SNS投稿ボタンをオリジナル画像にするためのカスタマイズ。僕が今回打ち込んだコードはこちら。SNS投稿ボタンをオリジナル画像にするためのカスタマイズ。[...]Google先生の言うとおりWordPressを高速化して元に戻した。SNS投稿ボタンをオリジナル画像にするためのカスタマイズ。PMSNSボタンのカスタマイズ設置ブログ記事へSNSボタンのカスタマイズ設置を施してみました。