「WPtouch」を卒業して「WPtap Mobile Detector」でiPhoneなどモバイル端末用テーマを表示

ゴールデンウィーク中にサイトレイアウトを見直し、スマートフォンの表示をこれまで利用してきたプラグイン「WPtouch」からスマホ表示に最適化したテーマに変更しました。


「WPtouch」は、プラグインをインストールして有効化するだけで容易にスマホ表示へ対応出来ることから便利に使っていたのですが、人気プラグインのためどこのサイトも同じような表示となってしまうことや、本格的にカスタマイズしようとすると、それなりにソースを書き換える必要があるため、それなら別のテーマを使っても同じだよなと言うことで卒業を決めました。

WPtap Mobile Detectorで、指定したデバイスからのみ表示テーマを切り替え

「WPtouch」卒業を後押ししてくれたのは「WPtap Mobile Detector」というWordPressプラグインでした。このプラグインは、デバイス毎に表示テーマを選べるという便利な代物で、PC、iPhone、iPad、Android、Windows Phoneなど表示させたいテーマを個別に選択できるんです。更新間隔が空いていますが、WP 3.5.1でも問題無く使えます。便利です。

インストール方法は簡単で、WordPressのダッシュボードからプラグイン新規追加画面を選んで「WPtap Mobile Detector」を検索するとプラグインが出てきますので、インストールして有効化するだけ。後は設定画面から端末毎にテーマを選べばOK。

しかし1点だけつまづいたポイントがありました。

iOS端末はiPhone/iPodとiPadが分かれているのですが、Android端末に関しては選択項目がありません。タブレットとスマホでは画面サイズも違うので、分けれたら良いんだけどと思って検索し、参考にさせていただいたのがこちら。「ウェブという選択肢」さんの「WPtap Mobile DetectorでAndroid携帯とAndroidタブレットの表示を分ける良い方法」という記事で、割り振りの方法が掲載されていました。ありがとうございます。

Mobile Device name:にはAndroid-mo
Mobile Device agent:にはAndroid.*Mobileを指定

これを追加して指定しておけば、Androidのスマホとタブレットの振り分けができるようです。

モバイル表示用テーマを探す

Renova_WordpressTheme

さて、肝心のモバイル表示用テーマですが、今回は「Renova」というテーマを利用することにしました。PCにも対応しているテーマですが、これを当サイトのモバイル表示用にアレンジさせていただいて、あらかた形になったのでテーマフォルダにアップ。まだ調整箇所は残っていますが、アイキャッチ画像も入り、ある程度いい感じになりました。

WPtouchをオフにしてモバイルテーマを切り替え

IMG_6479
テーマをアップしたら、いよいよWPtouchを停止します。今までありがとう。そして、WPtap Mobile Detectorから端末毎に表示させたいテーマを選択していき移行は完了です。

share

Amazon セール・キャンペーン

Amazonチャージ初回購入で最大 2,000 ポイントもらえる

Amazonの買い物なら、Amazonギフト券を使うのがお得。Kindle本の購入にも使えるAmazonギフト券(チャージタイプ)は、現金で5,000円以上の残高を追加するたびにポイントが貯まります。

通常会員なら最大2%、プライム会員なら最大2.5%がポイント還元。

今なら初回購入で最大2,000ポイントがもらえる。

Amazonギフト券チャージ : 初回チャージで最大2,000 円分ポイントがもらえる

Kindle Unlimited 読み放題

「Kindle Unlimited」は、月額 980 円で小説やコミック、ビジネス本、実用書、雑誌など幅広いジャンルの電子書籍が読めるサブスクサービス(定額制読み放題サービス)。初めての方は30日間無料体験。体験期間中にいつでもキャンセルでき、途中でキャンセルしたら料金はかかりません。

Kindle Unlimited を無料体験

Amazon Music Unlimited

「Amazon Music Unlimited」は月額 780 円(Amazonプライム会員の場合。一般会員は月額 980 円)から利用できる、6,500 万曲以上を楽しめるサブスクサービス(定額制音楽配信サービス)。初めての方は 30 日間無料体験。体験期間中にいつでもキャンセル・プラン変更でき、途中でキャンセルしたら料金はかかりません。

一部楽曲は Ultra HD 対応、より高音質な「Amazon Music HD」もプラス1,000円で聴ける。

Amazon Music Unlimited

Amazonパントリー おまとめボックス

食料品や日用品を、ひと箱にまとめて1回で受け取れる。いつもの買い物の手間を減らせる「Amazonパントリー」を、すべてのAmazonユーザーが利用可能に。買い物がお得になる割引クーポンなども配布。

Amazonパントリー 対象商品をチェック

Comments are closed.