【Wordpress】Facebook公式プラグインで埋め込んだものを日本語表示にする方法

Wordpressに、Facebookの記事やボタンを埋め込む際は、Facebookの公式プラグインがおすすめです。

導入も簡単。プラグインを有効化した後、ビジュアルの記事編集画面に追加されるボタンを押して、流れに沿って入力していくだけです！

ちなみに、このプラグインを使わずに、直接埋め込みコードを貼り付けるという方法もありますが、大量に埋め込む場合はあまりオススメしません。
理由は、Facebookの埋め込みコードの仕様が変わった場合、埋め込んだ全てのコードの書き換えが必要になるためです。 このプラグインなら、記事に記載したショートコードが、記事表示時に自動で埋め込みコードに置き換わるという仕組みなので、Facebookの仕様が変わってもプラグイン側が対応するだけで済むというメリットが有ります。

ただし表示が英語になってしまう

さて、本題ですが実はこのプラグイン、初期では埋め込み後の表示が英語にしか対応していません。

こんな感じ。

Likeとか中々おしゃれな感じですが、日本ではあまり馴染みがないですよね。

そこで、表示の日本語化を試みます。

表示の日本語化

今回プラグインは、ver 1.5.5を使用しています。

特に言語の設定も持っていないようなので、直接プラグインのファイルをいじります。

wp-content/plugins/facebook-api/facebook-api-function.phpを開き、facebook_api_javascript_pluginメソッドのURLのen_USをja_JPに書き換えます。

<?php

/* 〜 省略 〜 */

function facebook_api_javascript_plugin() {
?>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;

  // en_USをja_JPに書き換える
  //js.src = "http://connect.facebook.net/en_US/sdk.js#xfbml=1&appId=310860795753134&version=v2.0";
  js.src = "http://connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=310860795753134&version=v2.0";

  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<?php

}
add_action('wp_head', 'facebook_api_javascript_plugin');

/* 〜 省略 〜 */

これだけです！

結果はこの通り。見慣れた表示になりました。

以上、相変わらずの小ネタでした。