
個別にSNSのシェアボタンを表示させるのが面倒だったので、Wordpressのプラグイン WP Social Bookmarking Lightを使っていたのですが、ある日突然アイコンが非表示に、、
1 2 3 4 5 6 |
<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> |
インスペクタを確認すると、普通に出てる。pluginのバグ、他のjsの干渉あたりを疑うことかれこれ1時間近く。全く進展がない。使う予定のなかった”LINEで送る”を表示するよう設定すると、そのボタンだけ普通に表示されるではありませんか!

原因はスタイルシートに有りました。
1 2 3 |
.entry-content iframe{ padding-top: 3rem; } |
動画かマップか何かは覚えていませんが、iframeを以前記事に設置した際に、トップの余白を確保するために書いたものでしたが、SNSボタンに影響を与えてしまっていました。SNSシェアボタンが特定のメディアにかぎらず、全て表示されない場合、iframeのスタイルを疑ってみて下さい。