今回はワードプレスブログをスマホ向けに最適化してくれる「WPtouch Mobile Plugin」の導入~設定方法を紹介していきます。
導入テーマによってはスマホページに対応してあるものもありますが、私の運営しているサイトでは殆どWPtouch Mobile Pluginを導入しています。
現代のスマホの爆発的な普及によりスマホページへの最適化は必要不可欠!今回の手順でWPtouch Mobile Pluginの導入方法をしっかりと身に付けておきましょう!!
スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/Advanced-Responsive-Video-Embedde設定-3.jpg?resize=257%2C627&ssl=1)
まずWPtouch Mobile Pluginを導入しましょう。
ワードプレスの管理画面の左メニューから「プラグイン」→「新規追加」をクリック。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/WPtouch-Mobile-Plugin.jpg?resize=1730%2C782&ssl=1)
プラグインの新規追加で
WPtouch Mobile Plugin
を検索しましょう。
WPtouch Mobile Pluginが出てきたら、「今すぐインストール」をクリック。
インストールが完了したら、プラグインを有効化しましょう。
これで導入は完了です。
実はこれでもうスマホ向けのページに変更されています。自分のサイトをスマホ等で見れば、スマホ向けページになっていることを確認できると思います。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/WPtouch-Mobile-Plugin1-1.jpg?resize=510%2C811&ssl=1)
設定を変更する場合はワードプレスの管理画面の左メニューから「WPtouch」→「Settings」をクリック。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/WPtouch-Mobile-Plugin1-2.jpg?resize=1892%2C872&ssl=1)
これで管理画面が表示されるので、設定変更する場合はこちらで変更しましょう。
WPtouch Mobile Pluginのアクセス解析の設置を忘れずに!!
WPtouch Mobile Pluginを導入した場合はアクセス解析の設置を行いましょう。
これを行わないとスマホでのアクセス数がカウントされません。
正確にはこのWPtouch Mobile Pluginを適用したページはカウントされないということですね。WPtouch Mobile Pluginの設定をユーザーが任意でOFFにした場合はカウントされます。
この理由としてはWPtouch Mobile Pluginは別テンプレート扱いという事で、パソコン用とスマホ用で別のテンプレートを使っているイメージといったところでしょうか。
ちなみに私もこのWPtouch Mobile Plugin用にアクセス解析を設置することを知らずにしばらくの間スマホのアクセスがカウントされていないということがありました(^^;
アクセス解析の設置を以下のように説明します。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/WPtouch-Mobile-Plugin1-1.jpg?resize=510%2C811&ssl=1)
まず、設定を変更する場合はワードプレスの管理画面の左メニューから「WPtouch」→「Settings」をクリック。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/WPtouch-Mobile-Plugin1-3.jpg?resize=994%2C699&ssl=1)
WPtouch Mobile Pluginの設定画面が表示されるので、「Customize Theme」をクリック。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/WPtouch-Mobile-Plugin1-4.jpg?resize=994%2C699&ssl=1)
「Customize Theme」画面が表示されるので「Go to the Customizer」をクリック。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/WPtouch-Mobile-Plugin1-5.jpg?resize=293%2C514&ssl=1)
左のメニューから「Custom CSS」をクリック。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/WPtouch-Mobile-Plugin1-7.jpg?resize=293%2C291&ssl=1)
「Custom CSS Declarations」欄にアクセス解析(Googleアナリティクス等)のコードを入力しましょう。
入力が終わったら、「保存して公開」を忘れずにしましょう。これをしないとせっかく入力したコードが保存されません。
これでWPtouchでもアクセス数をカウントするようになりました。
以上でWPtouch Mobile Pluginの導入は完了です。お疲れさまでした。
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://sidebisfree.com/wp-content/uploads/2023/07/bunner850_450.jpg)
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2019/12/2019y12m26d_033012104.jpg?resize=265%2C177&ssl=1)
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://sidebisfree.com/wp-content/uploads/2023/07/bunner850_450.jpg)
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](http://money.blogmura.com/pocketmoney_salaryman/img/pocketmoney_salaryman88_31.gif)
![[Tags] button-only@2x スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法](https://blog.with2.net/img/banner/c/banner_1/br_c_1543_1.gif)
[…] wptouchを導入している方は同様な設定をしていだければOKです。私はこれで十分利益は出ています。wptouchの導入~設定方法は↓を参考にしてください。 スマホ最適化プラグイン(WPtouch Mobile Plugin)の導入~設定方法 […]