はてな、Twitter、Google+、facebook、Pocket、AddThisの設置方法をまとめて解説 以前ソーシャルメディアボタンの設置方法を投稿しましたが、いまだに沢山のアクセスを頂いているので、今回はVertical Balloonの設置方法を解説します。 ソーシャルメディアボタンは記事の盛り上がりを図るバロメーターとしても機能するため、共有された数を表示するタイプが人気です。 しかしレイアウトする上で欠点があり、横幅がボタンによってまちまちでずれる問題がありました。共有数が1の場合も1000の場合も考えられるので各社がそれぞれ思い思いの幅をとった結果、以下のようにデフォルトの幅はバラバラです。 こうなるとCSSで共有数が少ないことを想定して幅を詰めるか、多いことを想定して幅を多く取るかしかありませんでした。 また、小さいという利点は、モバイルでは小さすぎてタップしにくいとい
![WordPressのショートコードを利用してSNSのVertical Balloonを設置する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/2362ccd68dc53cba7522138334a0b2dca8f34d56/height=288;version=1;width=512/https%3A%2F%2Foxynotes.com%2Fwp-content%2Fuploads%2Fverticalballoon.png)