[WordPress]Sharebarのはてなボタンが小さくなる時の対処法

当ブログでは、Sharebarというプラグインを導入しています。Sharebarは、左側にスクロールについてくるSNSボタンを配置することができるプラグインです。

このSharebarのはてなボタンがいつの間にか以下のように小さくなっていたんです。はてなボタンだけ通常サイズになっています。

Sharebarでは、大きいサイズのボタンと通常サイズのボタンの2つを設定するんですが、今までは大きいサイズのボタンが表示されていました。

なんで通常サイズになっているんだろうと思って、Sharebarの設定をやり直しましたが、やっぱり通常サイズのままでした。

はてなボタンだけ通常サイズになっているので、見栄え的にアレだな～と思いながら色々設定をいじっていましたが、結局元に戻らず。。。ブックマークは正常にできるみたいだし、もうこのままでいいかなーと諦めかけていた時にふと思い出しました。そういえば最近WP External Linksを入れたな、と。

これじゃないかと思い、設定項目とにらめっこすること数分・・・ついに見つけましたよ(－v－)ﾌｯﾌｯﾌ。

はてなボタンを大きいサイズのボタンに戻すための設定

WP External Linksには、「Ignore links (URL) containing…」という除外設定があります。ここにはてなのURLを入れて除外すればいいんじゃないかと思い、設定してみたところこれがビンゴでした。

除外するはてなボタンのURLは以下の通りです。

http://b.hatena.ne.jp/entry/

Sharebarで表示されるボタンには、ボタンについているリンクとシェア数のカウントについているリンクの2つ外部リンクがついています。

WP External Linksの設定には「Skip images」という項目があって、画像にリンクされている外部リンクにはアイコンをつけない設定ができます。当ブログでもこの設定を有効にしているので、画像にはアイコンがつきません。

ですが、シェア数のカウントにアイコンがついて横幅が足りなくなり、通常サイズのアイコンに切り替わっていたのではないかと推測しています。

じゃあなんで”いいねボタン”と”ツイートボタン”は大きいサイズのアイコンのままだったのか？とお思いになるでしょう。

ツイッターに関しては、最初から「Ignore links (URL) containing… 」にURLが入っているので除外されています。Facebookのいいねボタンは、リンクじゃないのでそもそもWP External Linksは関係しないということになりますね。

大きいサイズのはてなボタンに戻せて、すべてのソーシャルボタンのサイズが揃ってよかったです。うん、スッキリ♪

蓋を開けてみればなんてことないんですが、気付くまでは全然わかりませんでしたよ。。。

まとめ

SharebarとWP External Linksの両方を導入した場合は、WP External Linksの設定でソーシャルボタンのURLを除外しておきましょう。