Google Chart API でQRコードを自動生成する方法

Google Chart APIはGoogleが提供しているグラフなどのイメージを作成してくれるAPIサービスです。URLに必要な値を与えるだけで、グラフなどのイメージを返してくれます。

主にグラフなどを作成することができるのですが、その機能のなかにQRコードを作成してくれるものがあります。

最近ではスマートフォンでWEBサイトを閲覧する機会が多くなり、スマートフォンでの閲覧を誘導するときはQRコードなどが便利です。

※QRコードは(株)デンソーウェーブの登録商標です。(使用に対するライセンスは不要で、自由に作成・活用できます。)

Google Chart API の活用例

活用方法は簡単です。Google Chart API の基本URLに値をつけて、img要素を使いウェブページに貼り付けるだけです。実際に「 Hello World 」を表示するQRコードは以下のように作ることができます。

/* Google Chart API */
https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world

/* 実際に画像として表示させる場合 */
<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world" />

Google Chart API の利用方法

Google Chart API は以下の基本コードに対して値を指定することでイメージを生成することができます。

https://chart.googleapis.com/chart?
内容
chs 生成する画像サイズを指定します。「横幅x高さ」を数字で記述します。
cht 生成するイメージを指定します。QRコードを作成する場合は「qr」を記述します。
chl QRコードで生成するテキストや文字を記述します。

WordPressのテーマ内の活用例

WordPressで活用する場合、以下のようにQRコード生成することができます。

<img src="https://chart.googleapis.com/chart?chs=200x200&cht=qr&chl=<?php the_permalink() ?>" />

関連記事

【WP】オリジナルショートコードの作り方

WordPressでは、shortcodes(ショートコード)という簡単な記述で、事前の用意された処理コードを実行することができます。 ショートコードを作成する ショートコードの作成はPHP関数の基本的な必要になりますが、オリジナルのショートコードは簡単に作成すること...続きを読む

2015.02.24WordPress

藤枝おんぱく2019「No.31 出世城‼田中城に秘められた パワースポットすまいるウォーキング!」

5月12日に開催された藤枝おんぱく2019のプログラム、No31.出世城‼田中城に秘められた パワースポットすまいるウォーキング!に行ってきました。 藤枝に住んで30余年、身近なところに住んでいても知らなかった田中城の周辺を巡るウィーキングです! 今回巡...続きを読む

2019.05.30フォトギャラリー藤枝

美容室グランディール様WEBサイトのリニューアル

富士宮市にある『美容室グランディール』様のWEBサイトのデザインをリニューアルいたしました。上質な空間を演出できるように、よりナチュラルな印象に、おしゃれで可愛らしい雰囲気のデザインに仕上がりました。 インスタグラムでの投稿と連携して、写真が表示されるようになっております。...続きを読む

2018.02.06WEBサイト制作リニューアル美容室

【WP】ワードプレスで使用する名前の付け方の注意事項

WordPressを使用してWEBサイトやブログを構築するとき、ページの名前、カテゴリーの名前、タグの名前などに英単語で名前をつける際に注意することがあります。プログラミングに馴染みのある方にとっておなじみだと思いますが、名前をつけるときには「予約語」を避けることです。 ...続きを読む

2015.08.20WordPress

【Win10】ファイルを削除する前に確認メッセージを表示する

Windows10でファイルやフォルダーを削除したい場合、エクスプローラーのメニューやツールバーで表示される【削除】や、マウスの右クリックで表示される【削除】を実行する方法や、キーボードの【Delete】キーを押すことで、ファイルやフォルダーを削除(ファイルやフォルダーをゴミ箱に...続きを読む

2019.07.06Windows10パソコンの使い方