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のテーマを作る時に気をつけている事... WorsPressのテーマを作れるようになって数年経ってリニューアルとか運用をする中でテーマをこうやって作っておけばよかったなと反省して最近は私が気をつけているテーマ制作のポイントを紹介します。 前提の環境 私はコーディングは得意ですがPHPをガリガリ書けるというわけでは...
WordPressのRESTAPIを使って簡単にスマホアプリを作る方法... Webデザイナーがアプリを作るというと敷居が高いと思われるかもしれません。 実際私も「アプリなんて無理」と少し前まで思っていましたが、先日iOS/Andoroidの両方でアプリを作る事ができました。 ちなみに公開したアプリはほとんどコードを触っていません。 WordPressを少し知ってる...
WordPressのハッカソンに参加した振り返り... 先日第23回WordBench大阪に参加してきました。 今回はテーマを作ることが目的でチームは各自作りたいテーマ毎(6組)に別れました。 公式テーマにできることを想定して作るということでLICENSEもGLPのものを使うように制限されたのが印象的でした。 ハッカソンとは「ハック」と「マラソ...
Front-end Editorでトラブったときの修正方法... 管理ページに行かずに簡単に編集できるプラグインがあると知ってFront-end Editorを使ってみることにしました。 しかしローカル環境でプラグインを有効化してみると2点不具合が出てしまいました。 1:aタグなどで使われるの中身がテキストとして表示されてしまう。 2:そもそも直接記事編集が...
WordCamp2014 コントリビューターデイで教わった公式テーマの登録の仕方... WordPressの公式テーマの作り方をざっくりとしたもの教えてもらったのでメモ。 WordPress.orgのアカウントが必要 テーマにかかわらず、プラグインを登録したり、フォーラムに質問・回答するのにも必要です。 WordPressに関わっていくとなにかと必要になってるくので、とり...
TOPページのみの条件取得 WordPressを使っていてTOPページのみ判定する条件が見つからなかったので下記のような判定を作りました。 $url_home = home_url() . '/'; //TOPページのURL $page_url_get = home_url() . $_SERVER; //現在のURL...