【wordpress】WP Social Bookmarking Lightのスマホ表示で崩れる時の対処法

標準

wordpress(ワードプレス)でfacebookやtwitter、google+やLINEなどのSNS(ソーシャル・ネットワーキング・サービス)で共有するためのプラグイン『WP Social Bookmarking Light』で、スマホ表示の際にボタンが改行されたときに崩れてしまう場合、下記のcssコードを「Styles」に上書きすると解決すると思います。

.wp_social_bookmarking_light{
border: 0 !important;
padding: 0 !important;
margin: 0 0 10px !important;
}
.wp_social_bookmarking_light div{
float: left !important;
border: 0 !important;
padding: 0 !important;
margin: 0 5px 0px 0 !important;
height: 23px !important;
text-indent: 0 !important;
}

【wordpress】WP Social Bookmarking Lightのスマホ表示で崩れる時の対処法

具体的にいうと、facebookのシェアボタンのスペースの調整ですね。使用するボタンによって異なると思います。僕の場合は、facebook likeボタンに「share」を「Yes」で使ってます。「FB」の「Version:」は「iframe」です。

参考までに♪

 


Amazon.co.jpで人気の『wordpress』関連商品はこちら↓↓↓

[amazonjs asin=”4295000795″ locale=”JP” title=”いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)”]

[amazonjs asin=”4774182184″ locale=”JP” title=”小さなお店&会社の WordPress超入門 ―初めてでも安心! 思いどおりのホームページを作ろう!”]

[amazonjs asin=”4797395168″ locale=”JP” title=”本当によくわかるWordPressの教科書 はじめての人も、挫折した人も、本格サイトが必ず作れる”]

この後に読まれている記事は?

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA