サイドバーにサイトのURL入りQRコードを載せる

QRコードを作成して、いい気になってる見習ですが、記事の中だけじゃなくって、やっぱりサイドバーとかに載せて、どのページでもQRコードが見れるようにしたいです。

ということで、QRコードをWord Pressで作ったサイトのサイドバーにつけてみたいと思います。
(※QRコードは(株)デンソーウェーブの登録商標です)

QRコードの画像は、この前cmanさんで作成したものを使います。

さて、どうやってサイドバーに載せよう…。グーグル先生への質問の仕方が悪いのか、なかなかヒットしてくれません。

ということで、見習が苦悩の中から苦し紛れに書きました。たぶん、というか、ぜったいもっといい方法あるに違いない。どなたか教えてください…。

サイドバーなんだから、とりあえずウィジェットのなにかに書き込んじゃえってことで、管理権限ある人でログインして、「外観」から「ウィジェット」へ…。ウィジェットのなかでも、HTMLさえ書けければ、なんだかんだと汎用性がありそうで、前にリンクの存在を知らなかったときに使った「テキスト」を使ってみます。

テキストのウィジェットを、サイドバーへドラッグして、タイトルに「このサイトへのアクセスにご利用ください」と入力。

テキストウィジェットのテキストエリア部分に、力ずくで下記のように書き込みました。そして、保存。

<img src="http://pc.beginners-luck.net/csstest/img/qrcodeimg.gif" width="123" height="123" alt="">

とりあえず、画像ファイルのパスは絶対パスにして、どんな階層からでもきっちり見られるようにしました。しかし、この状態で、ソースを表示してみると、画像ファイルを示すimgが、直接divで囲われているし、画像が真ん中じゃない。imgはインライン要素なので、直接divとかで囲うのは、本当は問題らしいということも聞いたことがあるし(といっても、表示上は問題ないみたいですけど)、imgをpで囲って、そこへ真ん中に寄せるスタイルつけちゃえって思いました。

<p style="text-align:center;"><img src="http://pc.beginners-luck.net/csstest/img/qrcodeimg.gif" width="123" height="123" alt=""></p>

(X)HTML内に直接スタイルつけちゃったり、絶対パス使ったりと、さすが見習な力技ですが、なんとか、表示できました。でも、これ、もっと改善の余地ありそうな…。課題にします、課題に。