I18N Blog » WordPress

WordPressのブログにFacebookのコメント欄を追加する方法

J. O. — Mon, 04 Apr 2011 03:45:27 +0000

当ブログにFacebookのコメント欄を追加しました。各記事にコメントすると、自分のfacebookのウォールにコメントした記事へのリンクとそのコメントが表示されます。（チェックを外すとコメント投稿のみ）

Facebookのコメントプラグイン（ブログパーツ）は以下から入手できます。

http://developers.facebook.com/docs/reference/plugins/comments/

但しここで作ったコードは、固定URLへのコメントになるので、ブログのURLを指定すると、

記事ごとにこのブログパーツを埋め込んだとしても、全てリンク先がブログのTOPになってしまいます。

（※WordPressで作成した当ブログでの確認結果です。アメブロなどのブログサービスでの動作は未検証です。）

これでは、せっかく投稿してもらっても、コメントがどの記事へのものか分からなくなるので、効果半減です。

WordPressでブログを作成している場合は、URLの部分をthe_permalink()関数に置き換えて、各記事のリンクがURLになるようにします。

echo ‘

the_permalink();

echo ‘” num_posts=”2″ width=”500″>’;

入れる箇所ですが、footer.php、もしくは使っているテーマの各記事のフッターを生成している箇所（bfa_post_part.phpなど）に入れます。

ブログのソースをブラウザなどで確認し、挿入したい箇所のHTMLを出力しているphpをサーバー内でgrepしてみてみるといいかと思います。

※挿入時の注意ですが、the_permalink()はリンクを文字列を返すのではなく、自身でリンクを出力（echo）しているようなので、上記のようにechoを分けて書く必要があります。

（echo ‘the_permalink() + ‘/fb:comments>’のように書いてもうまくいきません）

記事のURLを動的に取得するすべがあるブログであれば、同じような感じでブログに埋め込めると思います。

Facebookをやっていて自身のブログをお持ちの方はぜひ試してみてください。

WordPressモバイルプラグイン「WPtap」

J. O. — Mon, 28 Feb 2011 06:30:38 +0000

以前、当ブログのモバイル対応時の問題点について書きましたが、共有ボタンやテンプレートの充実にために別のモバイル用プラグインを使うことにしました。

それで見つけたのが、このWPtap News Press。

それほど知名度があるわけではないようですが、カスタマイズなど含め結構使えるプラグインです。

AddThis プラグインとの相性もいいので、モバイル版にも共有ボタンを貼れます。

ヘッダーのブックボタンを押すと、自分のTwitterやFacebookページのアイコンも出てくるので、

PC+スマートフォンでビジネスブログを展開したい人にはお勧めかと思います。

当ブログは、テーマに少し手を入れて、会社HPのバナーと言語切り替えメニュー（qtranslateの関数）

も入れました。

但し、やはり上記記事で書いたように、デフォルトで日本語の日付が文字化けする。:-(

以前は、テーマのソースを書き換えたのですが、どうやらテーマが原因ではなく、qtranslateのバグだったようです。

以下の記事を参考にさせていただきました。

http://formula1.gimlet301515.com/WordPress/?p=407

.moとかいじるのが面倒くさったので、とりあえず言語の書式設定をyyyy.mm.dd形式にして、カレンダーアイコンの部分だけ、テーマのソースを修正（フォーマット文字列を変えただけですが）して対応。

それにしても、やはりオープンソースの世界になると、まだまだこういった、ローケルや文字コードに依存する問題があるものですね。

（そういったバグを調べてちゃんと動くようにするのもそれはそれで楽しいですが）

WordPressテンプレートの日付書式の変更

J. O. — Tue, 01 Feb 2011 05:37:05 +0000

先日、Carrington Mobileというテンプレートを使って、当サイトをモバイル対応しました。

スマートフォンでもきれいに表示されてなかなか優れものですが、1点難点が。

記事の日付がことごとく文字化け、または表示されない。

原因は、テンプレートのコメントの日付、時間のフォーマット処理がうまく働いていない。

該当箇所を見つけ出し、とりあえず固定のyyyy.mm.dd形式にして解決。

ちなみに、当サイトのPC版テンプレートAtahualpaでも同様の現象が起こります。

該当箇所の見つけ方としては、ベタですが、

themes/… 以下の該当テンプレートディレクトリを”date(”などでgrepする。

見つかったPHPのget_comment_dateやcomment_date、dateなどを呼び出し箇所を探して以下のように直す。

by on ” title=”">Y.m.d ‘) ?> H:i:s‘) ?>

ここに別の書式文字が指定されていたり、引数なしの場合、うまく表示されないことが多いです。

※但し、これらの関数の挙動はホスティングしているサーバーのPHPの設定やロケールで変わるので、一概にそうとは言えない。

該当ファイルは、Atahualpaの場合、

bfa_custom_comments.php

※ちなみに、このファイルが関係するのはコメントの日付。記事の日付などは、Atahualpaのテーマオプション画面で変更できます。（%date()% の部分を%date(‘Y.m.d H:i:s’)%などに変える。）

‘at’を削る %2$s’,'atahualpa’), get_comment_date(__(‘Y.m.d‘,’atahualpa’)), get_comment_time(__(‘H:i:s‘,’atahualpa’))) ?>

Carrington Mobileの場合は、

comment-default.php

など数ファイルです。

PHPの書式フォーマットについては、こちら。

本当は、タイムゾーンをUTCで管理して、アクセス元のIPなどで国判別して、時差計算して表示するとかしたいんだけど（せっかく多言語ブログなので）、そういったプラグインないかな？

Atahualpaの日付バグについては、こちらの記事も参照してみてください。

WordPressテンプレートアップデートに注意!

J. O. — Thu, 19 Aug 2010 04:07:30 +0000

昨日、このブログのwordpress本体、プラグイン、テンプレートを全て最新にしました。

忙しかったこともあり、えいやでバックアップなしで自動更新。

そんなにたくさんプラグインも入れてないし、案の定、特に動作上も問題なし。

SEOパックとかなにが変わっているのかわからないけどとりあえずEnabledに。

ただし、テンプレートのHTMLの直接いじった部分が置き換わっていて、泣く泣く修正。^^;)

(少なくてよかった）

と、ここまでは想定内でしたが、その日の夜にあることに気づいて愕然。

「Google AnalythicsとWebmaster Tooｌのタグとスクリプトも消えてるやんけ！」

今日、あわてて管理画面からコピーして戻しました。

（ちなみに、Webmaster Tooｌはメタタグを使っていますが、そのテキストがどこにも見当たらない。Analythicsのほうはスクリプトが残ってますが。まあ、全部固定のタグらしいので他のドメインのをコピーしました）

削除されても管理画面上は特にエラーなど表示されないのでへたをするとそのまま忘れていた可能性も。。

というわけで、テンプレートはやっぱりバックアップ取ってからにしましょうという備忘録。

でも、わがままをいうと、wordpressの管理画面にバックアップボタンとかつけてほしいです。

（特にテンプレート更新には）

更新後のディレクトリを見ると、全消し、全上書きのようで、自前の画像なども消されるみたい。

そもそもテンプレートはupdate自体しないほうがいいかな。

WordPress外部エディタに注意！

J. O. — Wed, 09 Jun 2010 07:31:28 +0000

またまたエディタネタだが、これはクライアント上のエディタでなく、Wordpressや他のCMSで使われるWYSIWYGエディタの話。

昨日と今日、WordPressのデフォルトエディタがいまいちなので、Joomal!で使っているFCK Editorの移植版を社内ブログとこのブログに入れてみたところ、はじめは「お、なんか使いやすそう」と思ったら、「公開」ボタンを押すと、記事本文、全部消滅。。。

もともとあった記事も消すから（更新されないとかでなく）たちが悪い。

どうやらWeb上でも色々取り上げられてて、WordPressのバージョン（新しいもの）に関係しているみたい。

一般ユーザーでなく、ａｄｍｉｎで記事を書けば消えずに書けます。

てわけで、社内ブログとこのブログの設定を急いで戻しました。

ブログって書いたことある人なら分かると思うけど、さあ公開！って時に消えると、かなりへんこんでもう書く気しなくなります。。

ちなみに、前の記事書いているときこの現象に当たって、全部書き直しました。。

はじめは英語のほうも書いてたんだけど、さすがにめんどくさくなって日本語のみの公開にしました。

皆さんも、オープンソースのものを使う時は十分注意しましょうね！

（やっぱりテストが大事だな）