Cntlog > WordPress > WP Social Bookmarking Lightのいいねボタンのレイアウト崩れの直し方

WP Social Bookmarking Lightのいいねボタンのレイアウト崩れの直し方

このブログのソーシャルボタンは「WP Social Bookmarking Light」を使っています。
気がついたら「いいねボタン」だけ数px低い位置にレイアウトされていたり、段落落ちして広告に隠れてしまったりしていましたのでその修正方法をメモ。
01

CSSに下記を追加すれば他のソーシャルボタンと同じ高さの位置に戻ります。

 .fb_iframe_widget span{ vertical-align: top !important; } .wsbl_facebook_like{ width: 105px; } 

プラグインの設定からでも上記のCSSは追加可能ですが、プラグインがアップデートしたときに上書きされて消えてしまうかもしれませんので、テーマ用の「style.css」に追加したほうが無難です。

関連記事

WP Social Bookmarking Lightをもっと便利に使う方法... WP Social Bookmarking LightとはWordPressで使用する便利なプラグインです。 簡単にソーシャルボタンが設置できるのでこのブログや他のサイトでも利用させてもらってます。 Twitter のつぶやくボタン、Facebook のいいねボタン、はてブのブックマーク...
WordPressのRESTAPIを使って簡単にスマホアプリを作る方法... Webデザイナーがアプリを作るというと敷居が高いと思われるかもしれません。 実際私も「アプリなんて無理」と少し前まで思っていましたが、先日iOS/Andoroidの両方でアプリを作る事ができました。 ちなみに公開したアプリはほとんどコードを触っていません。 WordPressを少し知ってる...
tarm別に一覧を取得するコード 特定のカスタム投稿タイプでtarm別に一覧を取得できるコードメモ。 archiveところで出力させるのに使いました。 ?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $a...
Webデザイナー初心者がWordPressでブログを始める手順... Webデザイナーがブログを始めると言ったらやはりWordPressですよね。 仕事で使う事あるかもしれませんので、今後のためにも自分で作って見るのをオススメします。 WordPressでブログを始めるのに必要なもの まずは下記を準備してください。 Webを持つには最低でも...
WordPressのテーマ開発は親テーマが良いのか子テーマが良いのか... 最近「WordPressのテーマを子テーマで作る事が多い」と話したら「えっ、手抜きじゃん」(意訳)と言われた事がありました。 個人的には「時間をかける=クオリティが高い」ではないと思っているので、WordPressのテーマ開発はどんな形が私の中でベストなのか紹介します。 親と子のどち...