スマートフォンをスキャンするだけで、簡単にリソースをダウンロードしたり、ソーシャルメディアでつながったり、お店の場所を見つけたりできることを想像できますか？それがQRコードの力です。
QRコードの利用は急増しており、毎年約1億台のモバイル端末がQRコードをスキャンしています。今こそ、WordPressのブログ投稿やランディングページにQRコードを組み込む絶好のチャンスです。
最高のQRコードツールやプラグインを入念に調査し、この投稿では、WordPressでQRコードを生成して追加し、サイトを次のレベルに引き上げる方法をご紹介します。
QRコードとは何か、なぜ使うのか？
QRコード（クイック・レスポンス・コード）はバーコードのタイプである。標準的なバーコードよりも多くの情報を保持し、携帯電話で簡単にスキャンすることができます。これらのコードは非常に人気があり、物理的な標識やドキュメンテーションだけでなく、多くのサイトやオンラインストアで使用されています。
QRコードを使って、動画、電子書籍、PDF、ポッドキャストなど、サイト上のデジタルダウンロードにリンクすることができます。同様に、QRコードを使ってアプリのダウンロードを増やし、ユーザーの端末に応じてアプリストアに誘導することもできます。
QRコードをスキャンしたカスタマイザーに限定割引や特典を提供することもできます。また、Googleマップで実店舗を検索してもらうために利用することもできます。
Expert Tip: QRコードでの決済をご希望の場合は、 WordPressでStripe QRコード決済を追加する方法のステップバイステップのチュートリアルをご覧ください。
それでは、WordPressサイトでQRコードを作成する方法を見てみましょう。
WordPressでQRコードを生成・追加する方法
WordPressでQRコードを生成して追加する最も簡単な方法は、最高のQRコードプラグインの1つであるShortcodes Ultimateを使用することです。
ショートコードを使ってQRコード、ボタン、ボックス、スライダー、カルーセルなどを作成できます。50以上のショートコードがあり、どのWordPressテーマでも使えます。
このチュートリアルでは、QRコード機能が含まれている無料のWordPressプラグインを使用します。しかし、プレミアムアドオンを提供し、あなたのサイトで使用できるより多くのショートコードをアンロックするShortcodes Ultimate Proバージョンもあります。
関連詳しくはShortcodes Ultimateのレビューをご覧ください。
まず、Shortcodes Ultimateプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。
有効化すると、メール通知を購読する機会が与えられ、WordPress管理メニューに新しい「ショートコード」オプションが表示されます。その後、Shortcodes Ultimateのウェルカム画面にリダイレクトされます。
投稿とページにQRコードを追加する
これで、ブログの投稿やページにQRコードを追加できるようになりました。
そのためには、サイトの投稿やページを編集するだけです。WordPressのコンテンツエディターに入ったら、コンテンツの任意の場所にショートコードブロックを追加します。
ショートコード・ブロックを追加すると、メニューに「ショートコードの挿入」オプションが表示されます。これは、二重括弧'[ ]’が付いたアイコンです。
ショートコードの挿入」アイコンをクリックするだけで、ショートコード究極セレクタツールが開きます。
プラグインは、あなたのサイトに使用できるショートコードのリストをポップアップ表示します。検索するか、「QRコード」ショートコード設定に移動してクリックする必要があります。
QRコードの詳細を入力するオプションが表示されます。
データ」フィールドには、テキスト、URL、割引コード、お問い合わせフォームページへのリンクなど、QRコードに保存させたい情報を入力することができます。
そのほか、QRコードのタイトルを入力するオプションがあり、これはaltテキストとして機能する。
下にスクロールすると、QRコードをカスタマイズするためのオプションが表示されます。例えば、QRコードのサイズを調整したり、配置や余白を変更したり、リンクを入力してサイトユーザーがクリックできるようにしたりすることができます。
その他に、QRコードの原色と背景色を変更するオプションもあります。初期設定では白と黒ですが、好きな色を選ぶことができます。
設定を確定すると、QRコードがどのように見えるかのライブプレビューを見ることができます。満足したら、「ショートコードを挿入」ボタンをクリックしてください。
これで、ブログ投稿やランディングページを公開し、WordPressサイトにアクセスしてQRコードの動作を確認することができます。
WordPressウィジェットにQRコードを追加する
また、サイドバーなどサイト上のウィジェットエリアにQRコードを追加することもできます。
これをどのように行うかは、フルサイトエディターを使ってカスタマイズできるテーマを使用しているか、クラシックウィジェットエディターを使用する古いテーマを使用しているかによって異なります。
WordPressのサイドバーウィジェットでショートコードを使用する方法のガイドに、両方の方法の説明があります。
投稿やページにQRコードを追加したときと同じように、「ショートコードを挿入」アイコンをクリックすると、Shortcodes Ultimateプラグインを使ってショートコードを設定することができます。
これはデモサイトのウィジェットエリアでのQRコードの見え方です。
この投稿が、WordPressでQRコードを生成して追加する方法を学ぶのにお役に立てば幸いです。また、WordPressでStripe QRコード決済を追加する方法や、WordPressのエキスパートが選んだサイトを成長させる最高のプラグインもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Hazel
Uhm, this plugin is not maintained. You may want to talk about a newer QR code plugin
WPBeginner Support
Thank you for letting us know, we’ll be sure to take a look
管理者
Smile Onwughara
Thank you for your beautiful tutorial. Please i’d like to know how to add qr code to a wordpress form. When the user is about to print the form, there should be a QR code printed along with the form. You reply will help a lot
Tanish Sehgal
Hi,
I want to make a qr code instantly whenever the user enter his details and when a person scans the qr code all the details typed by the user should be displayed.
Akinola
Hi,
I want to use the QR code to register people for a event, such that when they book their seats, they get a receipt with a unique QR code which can be printed or saved (as image or pdf) on their mobile devices. Once they get to the event venue, they can have their QR codes scanned and verified.
Is this possible?
Cesar Sacconi Falcao
I´d like to use QR codes in certificates of my online education site, so people can verify if its authentic.
But creating the code is just one part of the problem, maybe I´d need some forms to create a unique serial number, create the QR and then create a page where you type the serial or scan the code and then it shows the info of the exam.
Nick
Cesar, it may be a while since you posted, but this may be of help to you ?
We provide validation qr codes to keep documents secure, with each applicable page or document having it’s own unique qr code, mostly devised by the validator. The licence can allow hundreds of these validating codes where you register each one as you print/provide it, and allows you to enter the name, certificate number, your contact details etc for anyone who needs to validate it’s authenticity.
Let me know if this might be of use to you.
Thanks
Nick
Mike Panic
rant
Until the iPhone (iOS) and Android operating systems come with a built in, default QR code reader, the only people who get really excited about them are marketing directors and misinformed business leaders / owners.
Who on earth has actually scanned a bar code on a computer screen. Another point, what happens when I’m viewing a site on my phone (a demographic growing at a staggering rate), it’s no impossible to do anything with this fancy QR code until I get another device out and now I’m scanning my iPhone with my iPad.
Seriously, what happened to UX people and what UI designers are allowing this wretched marketing ploy take over the Internet?
/rant
Mark
Hi. In your shortcode example, you have credit=false with no closing quote. should fix that before people that only use the admin panel editor lock themselves out of their sites with a fatal error
Editorial Staff
Good catch. Fixed.
管理者