WordPress（現バージョンは3.3.1）環境に移行した当ブログだが、デフォルトテーマである「Twenty Eleven」をちょこっと改造したテーマを適用している。
この Twenty Eleven は、CSS3のメディア・クエリーとかって機能を使い、「レスポンシブWebデザイン」というのになっているんだって。俺は良くわからんけども（笑）、要するにひとつのCSSで、パソコンのみではなくタブレット端末やスマートフォンにも対応できる可変レイアウトなんだとか。パソコンのWebブラウザで表示していても、幅を狭めていくと１カラムになりサイドバーが下に行き（いわゆるサイドバー落ちとは違う）、フォントサイズも調整されて細幅モードになる。凄い。
当ブログでは、それとは別に、スマートフォン用の簡易表示に変換する WPTouch（現バージョンは1.9.38）という定番プラグインも導入してあり、これも、プラグインを有効にすればiPhoneなどに最適化された表示にしてくれるという優れもの。
WPTouchを有効にすると、iPhoneでアクセスすると一番下にモバイルテーマのON/OFF切替えボタンが付くのだが、これがどうにもうまく動作しなかった。表示項目などの設定変更してもすぐに反映されないことから、何かしらのキャッシュが影響しているのだろうなと考え、WP Super Cache プラグインをオフにしてみると、的中。モバイルテーマの切替えがちゃんとできるようになったよ。
しかし、WPTouch も WP Super Cache も使いたいので、どうしたもんだろとググってみたら、それらの共存方法が見つかった。
「WPtouch と WP Super Cache を併用するための設定 | さあ WordPress をはじめよう」 を参考に、下記の設定をして、無事解決。
WPtouch の設定で「Advanced Options」の “The currently enabled user-agents are:” 以下を選択しコピー。
WP Super Cache の設定で、「詳細」タブで “Mobile device support. (External plugin or theme required. See the FAQ for further details.)” をチェック。
「除外するユーザーエージェント」の一番下に、WPtouch でコピーしたテキストを貼付け、ユーザーエージェントの間の、半角スペースとカンマを消してそれぞれ改行し、[UA 文字列を保存] をクリック。
「簡易」タブで「キャッシュを削除」ボタンをクリック。
以上。
解決してよかった。
コメント