はてなブログにリンク先のQRコードを自動生成して載せる方法

ブログにサイトのURLリンクを載せる方法はいくつもありますが、今日は自動でQRコードに変換する方法を紹介したいと思います。

編集モードは「はてな記法モード」じゃなくすべてのモードで利用できます。
（「はてな記法モード」については「はてなブログで様々なプログラミングソースコードをのせる方法 - 人生やまあり」を参照）
このブログのURL（http://lance104.hatenablog.jp/）を使って紹介します。

まずは皆さん良く使う普通のリンクから。

普通のリンク

①http://lance104.hatenablog.jp/
または
②[http://lance104.hatenablog.jp/]

とURLを記載すると、どちらも下記の通り自動でリンクが張られます。

①http://lance104.hatenablog.jp/
②http://lance104.hatenablog.jp/

リンク先のページを表示したい場合

こちらもツールバーからリンクを作成した場合に選べる方法なので使っている方も多いかと思います。

[http://lance104.hatenablog.jp/:title]

と記載すると

人生やまあり

となります。

QRコードを自動で生成・表示

続いてこのブログのタイトルでもあるQRコードを自動で作成する方法です。

[http://lance104.hatenablog.jp/:barcode]

なんと「:barcode」と記載するだけです！！下記のようになります。

簡単ですね！！！
モバイルで読み込むQRコードなどを作成したい場合、こんなに簡単にできちゃいます。

おまけ

ちなみに、通常リンクをそのまま「http://lance104.hatenablog.jp/」と書くと「http://lance104.hatenablog.jp/」のように自動でリンクされてしまいますが、リンクさせたくない場合は、

[]http://lance104.hatenablog.jp/[]

と「 []～[] 」のように記述すればリンクを消せます。

最新人気記事