こんにちは、ととろ@休職中です(*´∀`)
珍しく本日2回目の更新です。
今回はエンジニアらしく(?)WordPressネタです。
私のブログ記事には記事上部に
twitter
facebook
google+
で共有するボタンがついてますが、
なぜだかfacebookのいいね!ボタンだけずれるのです。
【PC】
あんまり気にならないかもしれないですが、
なんだか一段下に下がってます。
【スマホ】
もはや文字に被っていて読めない(笑)
って、笑い事ではない。
という訳で、検索してみたところ、
簡単に解決出来るらしい。
ちなみにこのソーシャルボタンは
WP Social Bookmarking Light
というプラグインを使って表示させてます。
WordPressのダッシュボードの左メニューの
「設定」→「WP Social Bookmarking Light」→タブ「スタイル」を選択。
Custom CSSが表示されるので最後に下記コードを追加します。
.wsbl_facebook_like span{
vertical-align: top !important;
}
追加したら「変更を保存」ボタンをポチっと。
直った!キタ━(゚∀゚)━!
と思ってましたが、
残念ながらPCしか直ってませんでしたorz
というわけで、スマホ用にさらに下記コードを追加。
.fb_iframe_widget {
width: auto !important;
display: inline-block !important;
}
これでスマホも直りました。
最初気付いてなかったので、
スマホでご覧のみなさまにはご迷惑おかけしましたm(__)m