WordPressで構築しているブログを、超お手軽にスマートフォンに最適化してくれる素晴らしいプラグイン、「WPtouch」。テーマのカスタマイズも自由度が高く、自分好みのデザインに変更することもできるので、大変重宝しているプラグインです。
しかし、今回自分で作成したテーマの動作確認を行なっている際に、モバイルテーマを「OFF」にした後、PC用表示から再びモバイルテーマに戻れなくなってしまいました。PC用テーマにモバイル表示に戻すためのリンクが見当たらないわけです。
↑FireMobileSimulatorでの表示ですが、この切り替えスイッチが見当たらないわけです。
んー・・このままでは二度とWPtouchのテーマに戻れないじゃあないですか(笑)。プラグインをOFFにしてみたり、色々やってみたのですが、調べてみるとなんてことはなく、自作したテーマの中に、WPtouchのオン/オフスイッチを表示させるために必要な以下の既述が書かれていないだけでした。
<?php wp_footer(); ?>
この既述を作成したPC表示用のテーマに追加してやると、問題なく表示させることができました。カスタマイズするための元となるテンプレートによっては、この既述が無い場合があるみたいですね。今回私が改造元にしたテーマには、この既述が入っていませんでした。
この切り替え動作をさせないために、WPtouchに表示している、ON/OFFスイッチを非表示にしてしまうという方法もあります。
この表示をCSSで「display:none」等にして、非表示にしておけば、PC用テーマに移動させる手段を潰すことも出来るのですが、閲覧しているユーザーによっては、スマートフォンであってもPC表示に切り替えて見ている場合も多くあります。できるだけユーザー側に、自分の好きな閲覧環境で見てもらうことを配慮するならば、このスイッチは表示させておいたほうが良いでしょうね。
一応非表示の方法を説明しておきます。
/wp-content/plugins/wptouch/themes/default/style.css
上記がWPtouchのメインのCSSとなりますが、このCSSの中に書かれている#switchに、display:none;やvisibility:hidden;を追加すればOKです。再度表示させたい場合は、上記のCSSを削除すればOK。お手軽です。