簡単!ルクセリタスでQRコードを表示する


 

QRコード

1994年(平成6年)に自動車部品メーカーであるデンソー(愛知県)の開発部門(現在は分離しデンソーウェーブ)が発明したマトリックス型二次元コードで、Webサイトではコードを読み取る事で簡単にそのアドレスへアクセスできます。

 

設置のメリット

Webサイトに設置しておけば、サイト上にPCなどでアクセスしたユーザーが簡単にモバイルでもアクセス出来たり、その場にいる他の人もアドレスを入力するような手間なくアクセスする事が出来るメリットがあります。

 

ルクセリタスにはQRコードを設置するウィジェットがあり、簡単に設置できますが、もう少しデザインの編集に幅がある自動生成のサイトなどもあります。

サイトにQRコードを設置する:便利な無料自動生成サイト5選
QRコード 1994年(平成6年)に自動車部品メーカーであるデンソー(愛知県)の開発部門(現在は分離しデンソーウェーブ)が発明したマトリックス型二次元コードで、Webサイトではコードを読み取る事で簡単にそのアドレスへアクセスできます。 設置...

 

自動生成サイトなどで生成した場合は、画像になりますが、ルクセリタスのウィジェットは画像の必要はありません

 

ルクセリタスの設定

注意点

QRコードウィジェットを挿入すると、ウィジェットが表示されているページのURLが自動で設定されるので、サイドバーやフッターに設置している場合、記事ページであればその記事のアドレス、一覧ページ、アーカイブ、トップページもそれぞれ表示しているページのアドレスになるのでご注意下さい。

 

設定方法

外観 → ウィジェット

 

#8 QRコード(Luxeritasオリジナル)」をサイドバーなどのウィジェットエリアに追加するだけで設置できます。

 

設定出来る項目

  • タイトル
  • サイズ
  • 余白
  • 配置
  • 背景色

 

初期表示

何も入力しなくても表示されます。

デフォルト(未入力・未設定)で表示すると、150*150サイズで左寄せになります。

 

設定内容

タイトル

入力するとサイドバータイトル(H3またはH4)で表示

サイズ

任意のサイズに設定可能

余白

背景色を入れた場合の余白部分サイズ

配置

左、中央、右から選択可能

背景色

任意のカラーに設定可能

 

設定例

表示例

 

背景色を指定した場合は、背景の色が出ている部分がサイズで指定した大きさで、余白を設定すればコードが小さくなります。

背景色なしであればコード自体の大きさになります。

余白なしの例

 

以上です。

綾糸: 綾糸 主婦 1990年代、汎用機時代のエンジニア 趣味で長くやっていたweb制作は、未だにエディタでの手コーティング 現在は自宅でゆるりとweb制作やライターをしています