[O]プラグインを使わずにソーシャルボタンを設置しよう!【Twitter編】

今週も元気にブログリニューアル作業を進めていきます!Olein編集長(@Olein_jp)です、おはようございます。

リニューアル作業を進めていくにつれて、設置していたけど継続して使いたいもの、この際そぎ落としてみるもの、それぞれ考えながら設置しています。

その内の一つ、ソーシャルボタンは、今回はとりあえずプラグインなどを利用せずにオフィシャルで配布されているコードを利用してみることにします。ではまいりましょう。

まずはTwitter社の素材を配布しているページヘ

まずはTwitter社がオフィシャルで配布している素材のコードを手に入れるために、こちらのページへアクセスします。

Twitter / 素材
Twitter Olein_jp ナビゲーションをスキップ 携帯電話で?これを試してみて m.twitter.com! ナビゲーションをスキップ サイドバーへ ログインフォームをスキップする T …

この中に、ボタンウィジェットロゴとアイコンと選べるようになっています。

僕の今回の目的はTweetボタンを設置することですので、ボタンをクリックして進みます。

TB1

すると、下にニョキっとこの様な画面が現れます。

TB2

僕はよく見えるように、ボタン(大)にチェックを入れて、あとはそのままにしました。

あとはコードをコピーするだけ

あとは、プレビューの下に表示されているコードをコピーして自分のサイトで使うだけです。うん。とても簡単!