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

関連記事

WordPressのテーマの作るのに簡単・軽量・快適な開発環境をくれたWocker... これまでWordPressの開発環境はVCCWで作っていましたがちょくちょく名前の聞くWockerを今年になってから試してみたら思いの外良くて開発環境を完全に移行しました。 ※別にVCCWが悪いとか言うわけではなくて、私の目的(テーマ開発)にとっては使いやすかっただけです。 Wocker...
今更気がついたWordPressのウィジェットの便利さについて... 先日公開したサイトで「俺の嫁が可愛い」というサイトを作ったのですが、その時普段のテーマと作り方と違う作り方をしました。 あまりコードを書かずに、plugin中心で機能を追加したので、Widgetをフル活用しました。 それで、もしかしたらこれがWordPressの適切な使い方なのかなと改めて考え直...
WockerでWordPressの本番環境をローカルに持ってくる方法... Wockerには便利なコマンドがいくつかあって、その中にsqlを取り込んでくれるものがあります。 そういった記事を見つけたのですがバージョンが古いようでしたので自分用に書き直しました。 参考サイト Wocker を使って公開されているサイトをローカルにコピ...
TOPページのみの条件取得 WordPressを使っていてTOPページのみ判定する条件が見つからなかったので下記のような判定を作りました。 $url_home = home_url() . '/'; //TOPページのURL $page_url_get = home_url() . $_SERVER; //現在のURL...
WordPressのテーマをリニューアルした理由... 新年早々このブログのテーマをリニューアルしました。 なんで変えたのかとかそのあたりの考えを伝えたいと思います。 最近のWordPressを知るため このブログはWordPressで構築されています。 以前はWordPressの興味が高かったので進んで、WordPressのテーマを色々...
Front-end Editorでトラブったときの修正方法... 管理ページに行かずに簡単に編集できるプラグインがあると知ってFront-end Editorを使ってみることにしました。 しかしローカル環境でプラグインを有効化してみると2点不具合が出てしまいました。 1:aタグなどで使われるの中身がテキストとして表示されてしまう。 2:そもそも直接記事編集が...