WP Social Bookmarking LightのSNSアイコンが表示されなくて1時間くらいハマってた

個別にSNSのシェアボタンを表示させるのが面倒だったので、Wordpressのプラグイン WP Social Bookmarking Lightを使っていたのですが、ある日突然アイコンが非表示に、、

<div class=“wp_social_bookmarking_light”>
    <div class=“wsbl_facebook_like”>…</div>
    <div class=“wsbl_twitter”>…</div>
    <div class=“wsbl_hatena_button”>…</div>
    <div class=“wsbl_pocket”>…</div>
</div>

</div>

インスペクタを確認すると、普通に出てる。pluginのバグ、他のjsの干渉あたりを疑うことかれこれ1時間近く。全く進展がない。使う予定のなかった”LINEで送る”を表示するよう設定すると、そのボタンだけ普通に表示されるではありませんか！

ありがとうLINEさん

原因はスタイルシートに有りました。

.entry-content iframe{
  padding-top: 3rem;
}

.entry-content iframe{

padding-top: 3rem;

}

動画かマップか何かは覚えていませんが、iframeを以前記事に設置した際に、トップの余白を確保するために書いたものでしたが、SNSボタンに影響を与えてしまっていました。SNSシェアボタンが特定のメディアにかぎらず、全て表示されない場合、iframeのスタイルを疑ってみて下さい。

Pocket