テーマ Luxeritasで記事のQRコードを出したい

この記事は約 3 分で読めます。

ユーザーがスマホで
観覧したい場合に便利かな
と思いQRコードを表示する方法を
調べてみました。

トップページは表示できる

そもそも
WordPressTheme Luxeritasは、
QRコードを表示する
ウィジェットを持っていますが、
トップページを表示する物で、
記事毎に表示することは出来ません。

記事や固定ページ単位で
QRコードを表示する方法は

タイトルとURLをGoogleQRserverAPIで取得し、
QRコードを生成します。

<img src="https://api.qrserver.com/v1/create-qr-code/?size=100x100&amp;data=<?php the_permalink(); ?>" alt="<?php the_title(); ?>"/>
導入方法
  • STEP 1
    QRコードのサイズを決める
    記事に表示するQRコードの大きさを決める
  • STEP 2
    ウィジェットを利用する
    記事下ウィジェットに埋め込む

QRコードのサイズを決める

デフォルトサイズは150×150100×100ですが、
お好みで設定します。

ウィジェットを利用する

AdSensePHPコード ウィジェットを利用する。

記事下ウィジェットに
PHPコード ウィジェットを配置して、
内容にコードを記述。

個別投稿記事にのみ表示したい場合は
以下のコードで囲ってください。
<?php if ( is_single() ): ?>
個別投稿ページにのみ表示する
<?php endif; ?>

参考ブログ

ショートコードでQRコードを
作れるようにする方法もありますので、
どちらを使うかはお好みで。

最後に

こんな感じでお手軽に
記事毎にサイズを指定出来るQRコードを
表示する方法でした。

貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました

 

テーマ Luxeritasで記事のQRコードを出したい