WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

投稿や固定ページ、ウィジェットなどにバーコードやQRコードを挿入できるプラグイン「Barcode QRcode Generator」

公開日:2016年8月11日 コンテンツ追加


個人で使用することはあまりないと思いますが、「Barcode QRcode Generator」は企業サイトなどで商品の一覧や紹介ページを作成する際に役立つプラグインです。1つのプラグインでバーコードとQRコードの両方を作成することができます。

【Barcode QRcode Generator】プラグインの基本的な機能・できること

  1. 投稿や固定ページの任意の場所にバーコードを挿入
  2. 投稿や固定ページの任意の場所にQRコードを挿入

この記事を参考にプラグインの導入をする際以下に留意ください

このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については本文中に記載しています
  5. 使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「"」「'」などの記号を入力し直してみてください。

【Barcode QRcode Generator】プラグインの設定画面や表示の日本語化と翻訳

【Barcode QRcode Generator】プラグインは設定項目がないので特に必要ないと思います

【Barcode QRcode Generator】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

を参照ください

【Barcode QRcode Generator】プラグインの基本的な使い方

すべての要素を挿入したコードは
[barcode type=ean13 text=4930127000019 imgtype=jpg height=100 width=3 rotation=0 showText=1 transparency=1]
です。不要なパラメーターは省略できます

type=/種類を設定します(省略するとean13、その他code39, int25, ean13, upca, upce, code128, ean8,とポスタルコードが使用できます)
text=/バーコード番号
height=/高さ(省略すると60ピクセル)
width=/高さ(省略すると1)
rotation=/回転(省略すると回転なし)
showText=/数字の表示(省略すると1 表示)
transparency=/透明度(省略すると0 なし)
imgtype=/画像の形式(gif,jpg,png 省略するとpng)

QRコードを挿入するショートコード

すべての要素を挿入したコードは
[qrcode text=4930127000019 height=100 width=100 eclevel=3 transparency=1]
です。不要なパラメーターは省略できます

text=QRコードにする文字列
height=高さ(省略すると60ピクセル)
width=幅(省略すると60ピクセル)
eclevel=エラー訂正レベル
transparency=/透明度(省略すると0 なし)

【Barcode QRcode Generator】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

カスタムフィールドと組み合わせて、textパラメーターに

<?php the_field(“ここにカスタムフィールド名を入れる”, $post->ID); ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします


を挿入して呼び出せば複数の商品ページを作成した際にショートコードの中を不用意に削除したりしてしまうトラブルが避けられますし、すでにバーコード番号がカスタムフィールドに入力されている場合には簡単に自動で呼び出すことができます。

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バックアップなどの運用面も丁寧に解説。
※表示している価格は単行本のものです
参考価格:1,738
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】