mk-mode BLOG

このブログは自作の自宅サーバに構築した Debian GNU/Linux で運用しています。
PC・サーバ構築等の話題を中心に公開しております。(クローンサイト: GitHub Pages

ブログ開設日2009-01-05
サーバ連続稼働時間
Reading...
Page View 合計
Reading...
今日
Reading...
昨日
Reading...

WP Social Bookmarking Light で「いいね」ボタンが表示されない件!

[ ブログ ] [ WordPress ]

こんばんは。

当ブログ(by WordPress)では、各種ソーシャルブックマークを簡単に設置できるプラグイン “WP Social Bookmarking Light” を使用して、ツイッターの「ツイート」ボタンとFacebookの「いいね」ボタンを設置しています。

しかし、いつの頃からか「いいね」ボタンが表示されなくなっていました。 おそらく、プラグインのアップデートをした時からでしょう。

調査した結果、原因が判明したので、対策を施しました。

作業記録

※以降に出現する “&” 実際は半角文字です。

1. 発生した現象

プラグインの設定で、「ツイート」ボタン・「いいね」ボタンを表示するようにしているにもかかわらず、「ツイート」ボタンしか表示されなくなった。 ちなみに、「いいね」ボタンには “xfbml” バージョンと “iframe” バージョンが設定できますが、当方の場合 “iframe” バージョンを使用しています。 “xfbml” バージョンだと今回のような現象は発生しませんが、W3C で Valid になりません。Valid にしたければ別の対応が必要になります。

SOCIAL_BOOKMARK_LIKE_1

2. 原因

ページのソースを見てみると、特殊文字 “&” を表示させる際に “&” とすべき箇所が “$amp;” となっていました。

1
・・・ colorscheme=light&font=arial$amp;locale=ja_JP&height=21" ・・・

3. 対策

WordPress のプラグインの編集画面等で、PHPスクリプト “wp-social-bookmarking-light/modules/services.php” を編集します。

1
2
3
・・・ colorscheme=light&font=arial$amp;locale=ja_JP&height=21" ・・・
                   ↓
・・・ colorscheme=light&font=arial&locale=ja_JP&height=21" ・・・

4. 表示確認

「いいね」ボタンが表示されるようになったか確認する。

SOCIAL_BOOKMARK_LIKE_2


これで、W3C で Invalid にならずに「いいね」ボタンを表示できるようになりました。 当記事でも最下部に表示できていると思います。 当然、プラグインをアップデートした際には今回の対策をやり直す必要があります。 というか、アップデートするときにはこのバグは改修されていると思いますが。。。

以上。

Comments