スマートフォン用のロゴ入りQRコードを設置してみる

スマートフォン用のロゴ入りQRコードを設置してみる

せっかくスマートフォンに対応させたので、PCからスムーズに移動できるQRコードなんかあっても良いですよね。サイトに合うようにリンクと色を合わせたり、ロゴも埋め込んだりしてみました!


※QRコードは(株)デンソーウェーブの登録商標です

使用させて頂いたQRコード作成サイト

商用・非商用を問わず無料で利用できます。こういうのホント有難いですね。ありがとうございます!

使い方

120416-1

サイドバーのウィジェットに入れたかったので、大きさは3にしました。以下の大きさでできるみたいです。

  • 1- 37px*37px
  • 2- 74px*74px
  • 3- 110px*110px
  • 4- 148px*148px
  • 5- 185px*185px
  • 10- 370px*370px
  • 20- 740px*740px
120416-2

コードの部分はリンク色と同じにしました。背景は、一応入れてしまいましたが多分書かなければ自動で白になるんじゃないかと。

120416-3

右下にアイコンを設定して[QRコード作成]というボタンを押すだけ!簡単です。

アイコン作成時の注意

120416-4

できあがりには自動で余白がつくみたいなので、四隅に画像を入れたい場合は入れる画像にも余白を入れて合成すると良い感じになりそうです。上図は大きさが3の場合です。

2012/8/17追記

WordPressでサイトを構築している際の、記事別QRコードを自動で出力するという記事も書きましたので、興味がおありでしたらこちらもどうぞ!

公開日:2012/04/16
更新日:2014/02/26

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

コメントは承認制ですので、反映までしばらくお待ち下さい。(稀にスパムの誤判定にて届かないこともあるようですので、必要な際はお問い合わせからお願い致します。)

YouTubeでQ&Aコンテンツを企画しています

運営しているYouTubeチャンネルで、ご相談やご質問を募集しています。動画のコメントやお問い合わせページからお気軽にご相談をお寄せください。