個別記事URLのQRコードはWordPressならプラグインで、MovableTypeなら「Google Chart Tools」が便利

個別記事URLのQRコード個別のブログ記事URLを表示するQRコード画像を実装した。当ブログはMovableTypeなので「Google Chart Tools」を利用した。WordPressブログの「蕎麦の食べ歩き北陸」ではプラグインの「QR Code Tag」を利用した。QRコードを設置した理由はスマフォ対策である。会社や自宅でもパソコンでWEBサイトを見たとしても、そのページを自分のスマフォでも見たいときに簡単にそのURLに移動できる手段を提供したい。今のところもっとも手っ取り早いのがQRコードだろう。パソコンで閲覧しているWEBサイトのURLをスマフォのQRコードリーダーで撮影すれば、自分のスマフォでも閲覧ができるようにするのがよい方法だろう。

MovableTypeでは「Google Chart Tools」を使用

当ブログはMovableType6で運営している。調べてみるとプラグインよりも「Google Chart Tools」のほうが便利そうであった。「Google Chart Tools」は、本来グラフを作成するアプリであるが、QRコード画像の生成もしてくれるのでその機能を利用することにした。

準備は
https://developers.google.com/chart/
で「Get Started」をクリックして利用開始にしておくだけ。

その後は、URL情報を入れたQRコードを画像で生成してくれるので
<img src="//chart.apis.google.com/chart?chs=150x150&cht=qr&chl=<$mt:EntryPermalink$>" width="150" height="150" alt="" title="" />
と画像表示のタグを挿入するだけである。

実際に記事テンプレートに設定したのは以下のとおり。

<!-- QRコード生成 -->
<p style="clear: left">
この記事のURL「<$mt:EntryPermalink$>」をQRコードで表示<br />
<img src="//chart.apis.google.com/chart?chs=150x150&cht=qr&chl=<$mt:EntryPermalink$>" width="150" height="150" alt="この記事のURL「<$mt:EntryPermalink$>」をQRコードで表示「<$mt:EntryPermalink$>」" title="この記事のURL「<$mt:EntryPermalink$>」をQRコードで表示「<$mt:EntryPermalink$>」" /><br />
パソコンで表示されたページをスマフォでも見たい場合は、このQRコードをリーダーで読むと表示されます。
</p>

今のところMovableTypeの記事テンプレートだけに設置したが、カテゴリテンプレートにも設定は可能である。

WordPressでは「QR Code Tag」というプラグインを使用

WordPressでは「QR Code Tag」というプラグインを使用した。プラグインの新規追加で「QR Code Tag」と入力してインストールするだけなので簡単である。インストールすると、「利用できるウィジェット」一覧の中に、「QR Code Tag」というウィジェットが追加されるので、これをサイドバーエリアにドラッグ&ドロップで挿入する。これで個別記事ごとにQRコードを生成してくれる。

実装したWordPressのサイトは「蕎麦食べ歩き北陸」で、このプラグインの設定に要する時間は数分程度で簡単に終わる。

ただし、このままだと生成されたQRコード画像にウィキペディア英語版のQRコード説明へのリンクがついたままになっている。このリンクを外すには、「設定」→「QR Code setinng」で表示される管理画面で「LINK」の行を変更する。「true」を「false」に変更してその右にあるURLの欄の中身を削除してから保存すればよい。

qrcodetagsettings

なお、「Ultimate TinyMCE」というプラグインにも記事のQRコードを生成する機能があるが、数日前から画像がエラーになる不具合が発生していたようだ。この表示を外したいのなら、管理オプションのページにある「投稿でQR(クイックレスポンス)コードを有効にする」いチェクが入っている場合は、チェックを外すとよい。(不具合が収束している場合は使い続けてもかまいませんが)

このエントリーをはてなブックマークに追加 遠田幹雄のLINE@アカウントを友だち追加  



この記事を書いた人

中小企業診断士:遠田幹雄の顔写真遠田 幹雄(とおだ みきお)
 
経営コンサルティング企業の株式会社ドモドモコーポレーション代表取締役。石川県かほく市に本社があり金沢市を中心とした北陸三県を主な活動エリアとする経営コンサルタントです。
小規模事業者や中小企業を対象として、経営戦略立案とその後の実行支援、商品開発、販路拡大、マーケティング、ブランド構築等に係るコンサルティング活動を展開しています。民民での直接契約を中心としていますが、商工三団体などの支援機関が主催するセミナー講師を年間数十回担当したり、支援機関の専門家派遣中小企業基盤整備機構の経営窓口相談に対応したりもしています。
保有資格:中小企業診断士、情報処理技術者
 
会社概要およびプロフィールは株式会社ドモドモコーポレーションの会社案内にて紹介していますので興味ある方はご覧ください。


この記事のURL「https://dm2.co.jp/2014/03/urlqrword.html」をQRコードで表示
この記事のURL「https://dm2.co.jp/2014/03/urlqrword.html」をQRコードで表示「https://dm2.co.jp/2014/03/urlqrword.html」
パソコンで表示されたページをスマホでも見たい場合は、このQRコードをスマホのカメラ(QRコードが読めるリーダー)で読むとページが表示されます。