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」に追加したほうが無難です。

関連記事

PHPがわからないけどWordPressをもっと理解したい人向けの電子書籍(441円)... WordPressを使っているけどPHPがよくわからない人向けの電子書籍がありましたのでご紹介。 ※ステマじゃないです WordPress3.5対応 テーマカスタマイズのためのPHP 表紙がシンプルすぎるのが残念です。表紙で損をしている気がします。 タイトルを見るとテーマカスタマ...
WordPressのテーマ開発は親テーマが良いのか子テーマが良いのか... 最近「WordPressのテーマを子テーマで作る事が多い」と話したら「えっ、手抜きじゃん」(意訳)と言われた事がありました。 個人的には「時間をかける=クオリティが高い」ではないと思っているので、WordPressのテーマ開発はどんな形が私の中でベストなのか紹介します。 親と子のどち...
Front-end Editorでトラブったときの修正方法... 管理ページに行かずに簡単に編集できるプラグインがあると知ってFront-end Editorを使ってみることにしました。 しかしローカル環境でプラグインを有効化してみると2点不具合が出てしまいました。 1:aタグなどで使われるの中身がテキストとして表示されてしまう。 2:そもそも直接記事編集が...
WordPressのRESTAPIを使って簡単にスマホアプリを作る方法... Webデザイナーがアプリを作るというと敷居が高いと思われるかもしれません。 実際私も「アプリなんて無理」と少し前まで思っていましたが、先日iOS/Andoroidの両方でアプリを作る事ができました。 ちなみに公開したアプリはほとんどコードを触っていません。 WordPressを少し知ってる...
WordPressのテーマを作る時に気をつけている事... WorsPressのテーマを作れるようになって数年経ってリニューアルとか運用をする中でテーマをこうやって作っておけばよかったなと反省して最近は私が気をつけているテーマ制作のポイントを紹介します。 前提の環境 私はコーディングは得意ですがPHPをガリガリ書けるというわけでは...
WordPressのハッカソンに参加した振り返り... 先日第23回WordBench大阪に参加してきました。 今回はテーマを作ることが目的でチームは各自作りたいテーマ毎(6組)に別れました。 公式テーマにできることを想定して作るということでLICENSEもGLPのものを使うように制限されたのが印象的でした。 ハッカソンとは「ハック」と「マラソ...