お世話になっております。
サイトの個別記事の上部にソーシャルボタンを挿入しています。
プラグインを使うのではなく以下のコードで実装しています。
lang
1<!-- fb --> 2 <div class="social-content"> 3 <div class="fb-like" data-href="<?php the_permalink(); ?>" data-layout="box_count" data-action="like" data-show-faces="true" data-share="false"></div> 4 </div> 5 <!-- tw --> 6 <div class="social-content"> 7 <a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink() ?>" data-via="bb_intern" data-lang="en" data-related="anywhereTheJavascriptAPI" date-counturl="<?php the_permalink() ?>" data-count="vertical">Tweet</a> 8 </div> 9 <!-- hatebu --> 10 <div class="social-content"> 11 <a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="タイトル" data-hatena-bookmark-layout="vertical-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a></div> 12 <!-- pocket --> 13 <div class="social-content"><a data-pocket-label="pocket" data-pocket-count="vertical" class="pocket-btn" data-lang="en"></a></div>
ChromeやFirefox、Androidの標準ブラウザでは正常に表示されます。
Safariでだけ、どうしてもTwitterボタンとはてなブックマークボタンが重なって表示されてしまいます。
CSSでは以下の記述があります。
.social-content{margin: 0 10px 16px 0;float: left;}
どうしたら直りますでしょうか。
ご教示いただけますと幸いです。
よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/13 06:02
2015/06/13 07:13
2015/06/13 07:35