モバイル端末上でのブログを見やすくするために「WP touch」プラグイン導入

いつも、Google Analyticsで調べてみると、
ここのブログを参照される機器の割合が、PCとPC以外(スマホやタブレット)で半々。
意外にPC以外の割合が多いな~っと思ってました。




どの機器で参照されているかの現状把握

今回、こぎん刺し図案サムネイル化に伴って、もう一度割合を調べなおしたところ、

PC閲覧が34.19%で、あとはPC以外。。。
なんか意外。とっても意外。

こぎん刺しの図案多めなブログなのに、PC(大きい画面)で見る人が少ないよぅ。
それだけスマホがメインで、PC使う人が減ってるのかな?時代の流れ??

対応前:モバイル端末でこのブログを参照してみたところ

今まであんまり気にも留めてなかったのですが、
自前のiPhone plus7からここのブログを参照すると、あまりにも見る気がなくなる状態zzz

カテゴリさえ表示されてないじゃん!
PC側ではちゃんと最適化させてあるメニューはどこに居るのよ!?
作ったばっかりの図案リストにも、簡単に辿りつけないじゃーんTT

これでは、このブログへのアクセス件数が増えるわけはないですよね。。。
  

モバイル端末での見栄えをよくするための対策方法

  
このため、モバイル端末上でもこのブログを見やすくするために
「WPtouch」というプラグインを導入してみました。

WPtouch Mobile Plugin

このプラグインをインストールし、有効化し、
WordPressの管理メニューの「外観」→「メニュー」を開きます。
モバイル端末で表示させたいメニューを選択し、その下部に↓のような表示があるので、
「WPtouch: Header Menu」にチェックを入れて、「メニューを保存」ボタンをクリックすればOK!

これで、モバイル端末から見ても↓のように見栄えがよくなりました。

メニューを開きたいときは、左上の横三本線のアイコンをタップすれば、
↓のように、PC版と同じようなメニューが表示できます。

このプラグイン「WPtouch」は便利だわ~!

ちなみに、導入時のプラグインVerは4.3.18です。

WPtouch導入における問題点が一つありました

このプラグイン(無料版)を導入すると、
Google Analyticsがモバイル端末上で動作できなくなるとのこと。
(有料版ではサポートしているけど、結構金額高めなの。。。)

この件は↓のブログに詳しい対応策が載ってましたので、ご紹介。

新しいWPtouchにGoogle Analyticsを設置する方法
by HAYA技

こちらのブログを参照し、サーバ上でゴリゴリと編集をかけて対応完了。
(WordPress管理メニューからの編集は無理です)

今後、プラグインのVerが変更したときは、同様な対策をとる必要がありそうなので、
VerがUPしたときにGoogle Analyticsがちゃんと動いているかどうかのチェックを
忘れないようにしないと。。。