忍者ツールズ「おまとめボタン」でソーシャルボタンを簡単に設置する

WordPressでブログを始めるにあたって簡単にSNSのソーシャルボタンを設置する方法です。

今回は「忍者ツールズ」というサービスを使って、たった15分でソーシャルボックスを設置してみたいと思います。このサービスを利用すれば、超簡単にソーシャルボタンがブログに設置可能です。

↓このボタンを設置したいと思います。

忍者ツールズでソーシャルボタンを選ぼう

まず忍者ツールズに会員登録してください。(無料のサービスです。)

参考忍者ツールズ

新規登録を済ませたら、忍者おまとめボタンをクリックします。
そうするとすでにいくつかのソーシャルボタンの設置例が出来ていますが、
自分好みのソーシャルボタンを作りたいので、「設置ボタンを1つずつ選んで作成」をクリックします。

設置したいブログサービスを選択します。今回はWord Pressに設置します。

様々なソーシャルボタンが選択可能です。自分が設置したいソーシャルボタンを選択してください。今回はfacebook、はてなブックマーク、Twitter,Google＋の4つのボタンを選択しました。

設置したいソーシャルボタンの選択が終わったら、プレビュー＆コードを取得するボタンをクリックします。
すると設置したいボタンとコードが表示されます。

このコードをブログに貼り付ければ、確かにソーシャルボタンは設置できますが、どこをどういじっていいのか初心者の方には分かりづらいですよね・・・

ご安心ください。こんなコードは無視して、簡単にブログに反映させることが可能です。

今度は忍者ツールズのプラグインを導入します

「ninjatools」というプラグインを使います。

まずはプラグインをインストールしましょう。

「プラグイン」⇒「新規追加」から
「ninjatools」を検索し、ヒットしたらそれをインストールします。

インストールが完了したら、今度は管理画面「設定」⇒「忍者ツール」と開きます。
すると下のような画面となります。ログインが完了していなければ先ほど登録した
忍者ツールのアカウントへログインをしてください。

あとは黒い部分に表示されているボタンを設置したい場所へドラッグします。
今回は記事中に設置したいので「記事」という部分へドラッグします。

操作はこれで完了です。
設置したサイトへいくと、ソーシャルボタンが使いされてます。

HTMLやPHPが分からなくても簡単にソーシャルボタンが設置できました。

他にはどんなボタンが設置できる？

上で紹介した4つのほかには、YouTube、mixi、Line、GREE、Pinterest、Evernote、Tumblr、delicious、Googleブックマーク、buzzurl、RSSリーダー、Feedly、Live Dwango Reader、livedoor Reader、My Yahoo!、pocket、Instapaperなども設置可能です。

ボタンサイズも様々な種類から選べます。管理も楽なので、WordPress初心者の方にはおすすめの方法です。