ホームページのブログにSNSボタン 簡単設置方法

ブログにSNSボタンがないとさみしいので…設置しようと思います。

手順をまとめておきます。
http://www.ninja.co.jp/home/

上記のリンクから忍者ツールズのサイトに移動。

忍者ツールズを初めて使用する人は、新規登録。

メールアドレス、パスワードを登録。

登録したアドレスにメールが届く、本登録用のURLのリンクをクリックし、サイトに移動。

ホーム画面から下記のボタンをクリック。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-16-19-39

設置するWebサイトを選択する。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-16-24-12

オススメのセットスタイルを選択する。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-16-27-35

私は、最近新しく追加されたパターンを選択。

下記のボタンをクリック。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-16-29-46

大きさと表示位置を変更。

スマートフォン表示: オーバーレイを選択すると、スマホで見た場合に、ブラウザの下部に常に表示されるようになる。

いらない場合は、無効を選択。

ドラッグ&ドロップで並び順を変更して、自分の好きなようにする。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-16-31-17

オーバーレイの編集をしたい場合は、下記のボタンをクリック。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-16-38-00

編集画面に移動。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-16-44-42

表示したいボタンを上から選択。ドラック&ドロップにて並び順を変更できます。

変更が終了したら、下記のボタンをクリック。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-16-46-30

以下のタグをホームページやブログテンプレートの表示したい位置に挿入してください。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2016-11-21_16_49_18

※WordPressの場合は、個別投稿(single.php)にコピーを貼り付け保存する。

テンプレートにタグをコピペしたら、SNSボタンが表示される。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-17-06-26

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-21-17-06-48

私の場合は二箇所にボタンを追加。

 

投稿者: samancha