最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

WordPressでQRコードを生成して追加する方法(簡単なチュートリアル)

スマートフォンでコードをスキャンするだけで、オーディエンスが簡単にリソースをダウンロードしたり、ソーシャルメディアであなたとつながったり、店舗の場所を見つけたりできることを想像できますか?それがQRコードの力です!

QR コードは最近どこにでもあり、その使用量は急増しています!毎年約 1 億台のモバイルデバイスが QR コードをスキャンしています。したがって、今こそ流行に乗って、WordPress のブログ投稿やランディングページに統合するのに最適な時期です。

最適なQRコードツールとプラグインを調査する時間を費やし、その結果を共有する準備ができました。この記事では、WordPressでQRコードを生成して追加する方法を説明します。

WordPressでQRコードを生成して追加する方法

QRコードとは何ですか?なぜそれを使用するのですか?

QRコードまたはクイックレスポンスコードは、バーコードの一種です。標準のバーコードよりも多くの情報を保持し、携帯電話で簡単にスキャンできます。これらのコードは非常に人気があり、多くのウェブサイトやオンラインストア、さらには物理的な標識やドキュメントでも使用されています。

QRコードを使用して、ウェブサイト上のデジタルダウンロード(ビデオ、電子書籍、PDF、ポッドキャストなど)にリンクできます。同様に、QRコードを使用してアプリのダウンロードを増やし、デバイスに基づいてユーザーをアプリストアに誘導することもできます。

QRコードをスキャンした顧客に限定割引や特別オファーを提供することもできます。または、Googleマップで物理的な店舗の場所を見つけるのに役立てることもできます。

専門家のアドバイス:QRコード経由での支払いを受け付けたい場合は、WordPressにStripe QRコード支払いを追加する方法に関するステップバイステップのチュートリアルをご覧ください。

それでは、WordPress サイトの QR コードを作成する方法を見ていきましょう。

WordPressでQRコードを生成して追加する方法

WordPressでQRコードを生成して追加する最も簡単な方法は、Shortcodes Ultimateを使用することです。これは、最高のQRコードプラグインの1つです。

これにより、ショートコードを使用してQRコード、ボタン、ボックス、スライダー、カルーセルなどを作成できます。50以上のショートコードから選択でき、どのWordPressテーマでも機能します。

このチュートリアルでは、QRコード機能が含まれているため、無料のWordPressプラグインを使用します。ただし、プレミアムアドオンを提供し、ウェブサイトで使用できるショートコードをさらにアンロックするShortcodes Ultimate Proバージョンもあります。

関連記事:詳細については、完全なShortcodes Ultimateレビューをご覧ください。

まず、Shortcodes Ultimateプラグインをインストールしてアクティブ化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

有効化すると、メール通知の購読機会が与えられ、WordPress管理メニューに新しい「ショートコード」オプションが表示されます。その後、Shortcodes Ultimateのウェルカム画面にリダイレクトされます。

ショートコードアルティメットへようこそ画面

投稿とページにQRコードを追加する

これで、ブログ記事やページにQRコードを追加できるようになりました。

これを行うには、ウェブサイトの投稿またはページを編集するだけです。WordPress コンテンツエディターに入ったら、コンテンツ内の任意の場所にショートコードブロックを追加してください。

ショートコードを追加

ショートコードブロックを追加すると、メニューに「ショートコードを挿入」オプションが表示されます。これは二重括弧「[ ]」のアイコンです。

「ショートコードを挿入」アイコンをクリックするだけで、Shortcode Ultimateセレクターツールが開きます。

ショートコード挿入ボタンをクリック

プラグインは、ウェブサイトで使用できるショートコードのリストをポップアップ表示します。「QRコード」ショートコードオプションを検索またはナビゲートしてクリックする必要があります。

これにより、QRコードに関する詳細を入力できるオプションが表示されます。

QRコードの詳細を入力

「データ」フィールドには、テキスト、URL、割引コード、お問い合わせフォームページへのリンク、その他QRコードに保存したい情報を入力できます。

その他、QRコードのタイトルを入力するオプションがあり、これは代替テキストとして機能します。

下にスクロールすると、QRコードをカスタマイズするためのオプションがさらに表示されます。たとえば、QRコードのサイズを調整したり、配置や余白を変更したり、リンクを入力してウェブサイトのユーザーがクリックできるようにしたりできます。

その他、QRコードのメインカラーと背景色を変更するオプションもあります。デフォルトは白黒ですが、好きな色を選択できます。

QRコードの詳細を入力

設定が完了したら、QRコードの外観のライブプレビューを確認できます。満足したら、「ショートコードを挿入」ボタンをクリックしてください。

これで、ブログ投稿またはランディングページを公開し、WordPressウェブサイトにアクセスして、QRコードが機能していることを確認できます。

QRコードプレビュー

WordPress ウィジェットに QR コードを追加する

また、サイドバーなど、ウェブサイトのウィジェットエリアにQRコードを追加することもできます。

これを行う方法は、サイト全体エディターでカスタマイズできるテーマを使用しているか、従来のウィジェットエディターを使用する古いテーマを使用しているかによって異なります。

WordPressサイドバーウィジェットでショートコードを使用する方法に関するガイドに、両方の方法の手順が記載されています。

投稿やページにQRコードを追加したときと同様に、「ショートコードの挿入」アイコンをクリックすると、Shortcodes Ultimateプラグインを使用してショートコードを設定できます。

これは、デモサイトのウィジェットエリアにQRコードが表示される様子です。

ウィジェットプレビューのQRコード

この記事が、WordPressでQRコードを生成して追加する方法を学ぶのに役立ったことを願っています。また、GoogleドキュメントをWordPressに簡単にインポートする方法に関するガイドや、WordPress向けの最高のカウントダウンプラグインの専門家による選択もご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterFacebookでも私たちを見つけることができます。

開示: 当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかを確認してください。こちらが当社の編集プロセスです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

10 CommentsLeave a Reply

  1. うーん、このプラグインはメンテナンスされていません。新しいQRコードプラグインについて話した方が良いかもしれません。

    • お知らせいただきありがとうございます。確認させていただきます。

      管理者

  2. 美しいチュートリアルをありがとうございます。WordPress フォームに QR コードを追加する方法を知りたいのですが。ユーザーがフォームを印刷しようとするとき、フォームと一緒に QR コードが印刷される必要があります。ご返信は大変助かります。

  3. こんにちは。
    ユーザーが詳細を入力するとすぐにQRコードを作成し、そのQRコードをスキャンした人がユーザーが入力したすべての詳細を表示できるようにしたいです。

  4. こんにちは。
    イベント参加登録にQRコードを使用したいと考えています。参加者が座席を予約すると、印刷またはモバイルデバイスに(画像またはPDFとして)保存できるユニークなQRコード付きの領収書が届くようにしたいです。イベント会場に到着したら、QRコードをスキャンして本人確認ができるようにします。

    これは可能ですか?

  5. オンライン教育サイトの証明書にQRコードを使用して、それが本物かどうかを人々が確認できるようにしたいです。

    しかし、コードを作成することは問題の一部にすぎません。おそらく、一意のシリアル番号を作成するためのフォームが必要になり、QRコードを作成し、次にシリアル番号を入力するかコードをスキャンすると試験の情報が表示されるページを作成する必要があるでしょう。

    • Cesarさん、投稿からしばらく経っているかもしれませんが、これはお役に立つかもしれませんか?

      ドキュメントを安全に保つために検証用QRコードを提供しており、各対象ページまたはドキュメントには、主に検証者によって考案された独自のQRコードが付与されます。ライセンスにより、これらの検証コードを数百個使用でき、印刷/提供するたびに登録し、検証が必要な人物の氏名、証明書番号、連絡先などの情報を入力できます。

      これがお役に立つかどうかお知らせください。

      ありがとう

      ニック

  6. rant

    iPhone(iOS)およびAndroidオペレーティングシステムにQRコードリーダーが標準搭載されるまでは、QRコードに本当に興奮するのはマーケティングディレクターや誤解しているビジネスリーダー/オーナーだけです。

    誰がコンピューター画面のバーコードをスキャンしたことがあるでしょうか。もう一点、私の携帯電話(驚異的な速さで増加している人口統計)でサイトを見ている場合、この派手なQRコードで何もできなくなります。別のデバイスを取り出して、iPhoneをiPadでスキャンすることになります。

    本気で、UX担当者やUIデザイナーたちは、このひどいマーケティングの策略がインターネットを乗っ取るのをどうして許しているのですか?

    /rant

  7. 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 :)

Leave A Reply

コメントいただきありがとうございます。すべてのコメントは、コメントポリシーに従ってモデレーションされ、メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で意味のある会話をしましょう。