2020.04.05SNSボタンでサイトをシェアしたいSNSボタンでTwitterやFacebookにシェアして、たくさんの人に見てもらいたい。思ったことありませんか?SNSボタンを最初に設定さえしておけばブログを書くたびに編集する必要なく、自動的に設置してくれるプラグイン。それも各種SNSやブックマークをまとめて設置してくれるSNSボタンだったら嬉しい。Bottons』がそれをやってくれます。記事を拡散してもらえると泣きそうなぐらい嬉しいですよね。対応してるSNSやブログメディア数はなんと約100種類。ほんとに簡単に設置できます。位置オフセットアイコンサイズBackground横ボタン設定完了です。Bottons』をインストールしていきましょう。画面下にプラグインが表示されるので『今すぐインストール』をクリック※下記画像では筆者がインストール済みのため「今すぐ更新」と表示されている箇所です。Bottonsの設定をやっていきます。ダッシュボード左メニュー『設定』→『AddToAny』をクリック「AddToAny共有設定」画面ではそれぞれずつ設定していきましょう。ButtonsSNSボタンを約100種類の中から選ぶことができます。クリックするとボタン表が表示され、設置するボタンの種類を選択します。ドラッグして表示する順番も変更できます。count」というチェックボックスが表示されます。これはシャアされた回数を表示させることができます。ユニバーサルボタン・メインで表示されるボタン以外を設定します。・ボタンの上にテキストを表示させたい場合に設定します。・ブックマークボタンの表示箇所を選択します。ちなみに筆者は以下のように全てチェックを入れて使っています。これはお好みで選択してみてください。メニューのオプション・ユニバーサルボタンをクリックした時のみボタン表を表示させるように変更できます。通常はカーソルを合わせた時点で表示されます。JavaScript・追加するJavaScriptを設定できます。CSS・追加するCSSを設定できます。※追加できるJavaScript、CSSはAddToAnyの公式サイト「追加オプション」でご確認の上ご使用ください。追加オプション・表示するボタンをカスタムアイコンに変更できます。マスにチェックを入れ、カスタムアイコンのURLを記入ファイル名の拡張子(jpg,pngなど)を記入し、幅と高さを指定します。日ごとのキャッシュ更新でローカルにAddToAnyをキャッシュさせることができます。・デフォルトでは非表示になっているブックマークボタンの設定ができます。設定画面上部のタブ『Floating』をクリック縦ボタン縦ボタンの設定をそれぞれ変更することができます。上からどれくらいの場所に表示するかを設定します。デフォルト設定:上から100ピクセルの場所オフセット画面の左側からどのくらいの位置に表示させるか指定できます。※上記「ブックマークボタンの場所の設定」で右にドッキングを選択した場合は右側からの位置になりますアイコンサイズアイコンのサイズを設定できます。Backgroundブックマークの背景の色を設定できます(デフォルトは透明:Transparent)横ボタンブックマークを横に表示する場合は上記と同じように設定します。設定し終わったら左下の『変更を保存』をクリック設定完了です。ブログを投稿した際に設定した場所に自動的に表示されていると思います。※万一表示されてなかった場合はブログ投稿画面の右側のボックス「AddToAny」のチェック欄が外れている場合があるので確認してくださいあとがき以上になります。いかがでしたでしょうか。これでお好きなSNSボタンが表示できるようになったと思います。一ツ柳天之介SNSボタンやブックマークボタンを使って、普段SNSでしかコミュニケーションを取らない人達にもブログを見てもらって、楽しいブログライフをお送りください。下記の記事でプラグインを設定すると、さらに様々なことが初期段階から設定された状態になってすごく楽です。それではまたお会いしましょう。ブログをやっていれば誰しもが考える写真の問題。文字と違って写真はほんの一瞬ですべてを伝えます。