Archive for » 6月, 2011 «

「Google Chart API」を使ってのQRコード表示に変更してみた

 



モバイルへのアクセス支援にPCサイトにQRコードを表示させるのが増えてきている。
このサイトもPCサイトとモバイルサイトが共通URLで表示されるので、サイドバーにQRコードを表示している。
今まで、その表示のためにWP-QRcodeという、素晴らしいプラグインを使用してきたのだが、「Google Chart API」を使えば、プラグインなしでQRコードが生成されるということで、さっそく使ってみた。

参考にした記事
[Google]QRコードを誰でも簡単に自動生成、表示する方法

ちなみに自分はサイドバーに表示させたいので、テーマのウィジェット機能を使って表示させています。
で、そのままウィジェットにPHPコードを書いても反映されないのでExecutable PHP widgetというプラグインでPHP Code Widgetとして使っています。

そしてこの記事どうり表示させると問題が発生。

まずトップページでもQRコードを表示させたいのだが、パーマリンク取得だとトップ記事のQRコードが表示されてしまう。
そして、このサイトの各記事のURLは日本語を含んでいるのでQRコードはURLエンコードされて正しく表示されているようだが、携帯で読み取ると正しくデコードされない!!!

さてどうしたものか。。。
最終的になったコードがこれ!

<?php if(is_home()||is_front_page()):?>
<div align="center"><img src="http://chart.apis.google.com/chart?chs=120x120&choe=UTF-8&cht=qr&chl=<?php bloginfo('siteurl'); ?>&chld=M|1" alt="このページのQRコード" width="120" height="120" /></div>
<?php else: ?>
<div align="center"><img src="http://chart.apis.google.com/chart?chs=90x90&choe=UTF-8&cht=qr&chl=<?php echo wp_get_shortlink(); ?>&chld=M|2" alt="このページのQRコード" width="90" height="90" /></div>
<?php endif;?>

一つ目はPHPの条件分岐でトップページとそうでない場合とで、吐き出すコードを変えることで対応。

二つ目はショートリンクを出力させて回避しました。
そもそも自分のサイトなんですが、ここはアドレスが長い。
さらにURLエンコードしてるもんだから、さらに長い。
それをショートリンクという便利な機能が、WordPressのバージョン3から実装されたということで、それを使わない手はないかなと。

これだけでも十分よくなったのですが、さらにショートリンクをもっと短くできるプラグインがあったので、それを使った。
その名も「Goo.gl
名前から分かるとおり、あのGoogleの短縮URLサービスを使えるプラグインである。
これを有効にすると、一瞬にして過去の記事のGoogle短縮URLが生成され、テンプレとかでショートリンクを取得するコードは、これ以降goo.glの短縮URLになる!

今まで
http://www.alessandromcbee.com/?p=219
これから
http://goo.gl/tFbnO

なんと、URLの長さ37文字がたった19文字!約半分に!!
しかも簡単なアクセス解析も出来るという。

素晴らしいサービスを提供してくれるGoogleと、素晴らしいプラグインを作ってくれた作者に拍手を送ります。

ただドコモの場合、1回リダイレクトが起こります。
「サイトが移動しました」みたいな警告が出る感じ。
まあOK押せば問題ないので。

あと、このプラグインを入れたおかげで、モバイル版のツィート機能も短縮URLが表示されるようになりました。
PCだと自動的にツィッターが短縮URLを使ってくれるんだけど、モバイル版にはその機能がなかったからね。


ひとつプラグインに頼らなくなり、代わりに新たなプラグインのお世話になる。
なんだかな~~

WordPressにmixiイイネ!&mixiチェックボタンを設置してみた

 





mixiとの連携を強化してみようと思い立って、mixiチェックのWordPress & Movable Typeプラグイン公開というページを参考にmixiイイネ!とmixiチェックボタンを追加してみた。

最初にmixiのデベロッパー登録というのが必須となるようなので登録する。
登録の方法はhttp://developer.mixi.co.jp/about-platform/com/developerで紹介されています。
で、そのページにもmixiチェックをWordPressに設置するプラグインが公開されているんだけど、これがチェックだけでイイネ!ボタンは手書き方法しかない。

うわ面倒くさ!と思ったら、さすがはプラグイン豊富なWordPressです。
両方を設置できるプラグインがありました。
mixi Plugin for WordPress

ただ世の中にはもっと便利なプラグインもありまして、WP Social Bookmarking Lightというプラグインはmixiイイネ!とmixiチェックの他にも、ほぼ全部のソーシャル的なボタンが設置できるという優れものでした。

WP Social Bookmarking Lightは、エントリー記事の先頭か末尾にボタンリンクを追加するプラグイン仕様のようなので、トップ画面などの一覧には表示されません。
mixiイイネ!は一覧からでもポチッとしてもらいたかったので、mixi Plugin for WordPressと併用することにしました。
そしたらイイネ!の数が別々のプラグインなのに連動している!当たり前ですけど、プラグイン作者が凄いのか、mixiの元々の仕様が凄いのか!

ちなみにモバイル版には、ツィートボタンとmixiチェックボタンを付けてみました。
モバイル版はKtaiStyleというプラグインで表示しているので、プラグインにプラグインというのは少ないみたいなので、直接手書きで設置してみました。
その方法は次回書きます。
あとモバイルのmixiイイネ!ボタンはこれから実装してみます。

東日本大震災から3ヶ月ということで

 

昨日で東日本大震災から3ヶ月が経ちました。
3か月経った今でも、日本はいろんな意味で揺れています。
政治、経済、芸能界、等々。

まあ頑張りましょう。

そんなこんなで、遅ればせながら、PC版の当ブログ下部にあるツールバーにアメリカ赤十字を通じて義援金を送金するためのボタンを設けました。
(この記事をmixiで見ている人はオリジナルブログをご覧ください)

「+日本への寄付」というのがそれです。
アメリカ赤十字のサイトなので全文英語ですが、決してフィッシングサイトとかではありませんので、悪しからず。
最低10ドルからクレジットカードもしくはアマゾンペイメントで送金できます。

自分も掲載した訳ですから小額ですけど送金しました。
このサイトのこの記事を見てくれた人が一人でも多く送金してくれると、すごく素晴らしいことだと思います。

日本の復興を祈って。
Pray for Japan.

Category: Diary  Leave a Comment  Tags:

小ネタ:テンプレートを確実にUTF-8にする

 





WordPressやEC-CUBEなんかのソースファイルやテンプレートファイルなんかは、ほぼ全てUTF-8で保存しなきゃなりません。
でも全部英文のファイルなんかだと、テキストエディタ等を使って文字コードをUTF-8に変更・保存しても、再度開けばShift-JISになったりします。
これだと毎回文字コード指定保存しなきゃいけなくて、かなり面倒くさいのでテンプレート内に日本語を入れておいて文字コード指定保存を確実にしました。
具体的にはファイルの先頭とか適当な場所に、

<?php /* UTF-8にする用日本語 */ ?>

というコメントを入れておきました。

もしくは大体は
<?php 
で始まっていたりするので、それを
<?php /* UTF-8にする用日本語 */
に変更しました。

たったこれだけ~

ファイアバードでEC-CUBEの郵便番号DB登録

 

EC-CUBEで最初にやる作業として管理画面から「郵便番号DB登録」がある。
でもここで自動更新をクリックしてもエラーになってしまう。
途中で止まる感じ。
さらにひどい場合はデータベースエラーになり、アクセスすらできなくなる。

ちなみに1回やらかして、1日アクセスできませんでした。
同じユーザー名のデータベースを利用してる全部のサイトがダウンしました(T_T)


おそらくデータ量が大きいのが原因で、ファイアバードのサポートも小分けで作業してくださいといってきたし、自動更新は不可能と思われる。

なので手動更新をすることに。
こちらも途中で止まるが、止まったところから再開できるので、何度か(自分の場合は5回ほど)手動更新をクリックしたら完了した。

ファイアバードでEC-CUBEの利用を考えている人は、郵便番号DB登録は必ず手動でやりましょう!!