QRコード自動生成〔WordPress・EC-CUBE〕

公開日:2013年1月15日

単一ページ(wordpress)、商品ページ(EC-CUBE)のQRコードを、自動生成するコードのメモです。Google Chart APIを利用するので、個別にQRコード作成してアップロードする必要がなく便利です。

(1)Wordpress用

●トップページのQRコードを自動作成(100×100のQRコードの場合)

<img src="http://chart.apis.google.com/chart?chs=100x100&choe=UTF-8&cht=qr&chl=<?php bloginfo('url'); ?>" alt="<?php bloginfo('name'); ?>" width="100" height="100" />

●単一ページのQRコードを自動作成(100×100のQRコードの場合)

<img src="http://chart.apis.google.com/chart?chs=100x100&choe=UTF-8&cht=qr&chl=<?php the_permalink(); ?>" alt="<?php the_title(); ?>|<?php bloginfo('name'); ?>" width="100" height="100" />

プラグイン(PHP Code Widget)を利用すると、ウィジェットにphpコードが書けます。
http://wordpress.org/extend/plugins/php-code-widget/
(利用方法)wp-content → plugins にアップロード → 管理画面のプラグインで「有効化」

(1)EC-CUBE用

●トップページのQRコードを自動作成(100×100のQRコードの場合)

<img src="http://chart.apis.google.com/chart?chs=100x100&choe=UTF-8&cht=qr&chl=http://<!--{$smarty.server.SERVER_NAME}-->/" alt="<!--{$arrSiteInfo.shop_name|h}-->" width="100" height="100" />

●商品ページのQRコードを自動作成(100×100のQRコードの場合)

<img src="http://chart.apis.google.com/chart?chs=100x100&choe=UTF-8&cht=qr&chl=http://<!--{$smarty.server.SERVER_NAME}-->/html/products/detail.php?product_id=<!--{$arrProduct.product_id}-->" alt="<!--{$arrProduct.name|escape}--> | <!--{$arrSiteInfo.shop_name|h}-->|QRコード" width="100" height="100" />