>ソーシャルメディアボタン。ブログと連携する効果は大きいです。このイイねとかのボタンを記事のどこに配置するのかも悩みます。画面のスクロールについてくるタイプが増えています。当サイトもプラグインを導入しました。動きが絶妙で良い感じです。使い勝手は良く紹介します。スクロールと一緒にスクロールと一緒についてくるので、クリックしてもらいやすく、ボタンの配置場所に悩まなくても良くなります。この種類のプラグインは、Sharebarが有名です。Shareと同じ作者さんなので、これを使い慣れていると良い感じで使えます。良い点は画面の配置位置が自由に設定できます。これが気に入りました。Sharebarと入力して検索します。後はそのままインストールします。Lightとは同時に使えます。Shareと設定画面が同じです。使い慣れていると助かります。表示するページの設定からします。Likeが表示の崩れがあるので、使いません。Twitterはユーザー名を入力するとOKです。はてなブックマークもないので、追加します。Facebook開発者このサイトからボタンを作成します。HTML5のコードを作ります。2つ別々にコードが出力されます。下の方のコードを書き換えます。HTML5ではコメント入力画面の表示が上手くできません。iframeのボタンを使います。サイトのURLを動的に渡すために、%%URL%%タグを使います。変更箇所は、ボタン作成時に入力したサイトURLの部分です。下にコードを示します。Buttonsのカラムに貼り付けます。これでfacebookボタンが表示されます。HTML5の場合、「いいね」を押すとコメント枠が開くのですが、下のように表示が崩れて操作できなくなりました。残念ですが使えません。はてブはてなブックマークもこのはてなブックマークボタンの作成・設置についてから作成し、サイトのURLとタイトルを動的に渡すために、%%URL%%タグ・%%TITLE%%を使います。data-hatena-bookmark-title="%%TITLE%%"[/html]こんな風にします。はてブのコードを貼り付けるのですが、2つ目のカスタマイズボタンを入力するカラムがありません。facebookとはてブのコードを[BUTTON]タグでつないで入力します。code[/text]こんな風にします。これでボタンの設定ができました。Bar)で設定します。原点位置がよくわからないですが、いろいろ試して、好みの位置に表示します。ここの設定が自由なのがすごいです。Animationスクロールアニメーションを使うか?です。これもこのプラグインの売りなので、基本ONの方向で。browsersモバイル系は表示する?です。モバイルに表示させるとかなり残念な結果になるので、チェックを入れます。モバイルは違うボタンを設置します。Bar外観を下のようにカスタマイズできます。IEはちょっとっアレですと注意がありますが、今に始まったことではないので気にせず、chromeで確認して楽しみます。サンプルコードはここの下にあります。tagsOGPは使っておいたほうが幸せになれます。checked)ボックスの下にあるリンクを表示するか、の選択です。表示してくれたら、「うれしいなぁ」と作者さんのメッセージです。OFFにできるので好感度アップです。表示してないけど、記事にしましたのでこれで勘弁してください。以上で設定は完了です。