フリーランスの道具箱

Quick Cache プラグイン [WordPress] PCとモバイル(スマートフォン)のキャッシュを別々に保存!

キャッシュプラグイン

WordPressは動的にサイトを表示します。この負担を軽くするために、キャッシュプラグインを使っています。

ものくろぼっくす ではQuick Cacheを使っています。

ユーザーエージェント

サイトのテーマはDigiPressさんの「el plano」を使っています。このテーマはスマートフォンには「専用テンプレート」を用意しています。

WP touchと同じ、来訪者のユーザーエージェントによる、表示切り替えを行っています。

Quick Cacheを標準設定のままで使ったところ、スマートフォンからも「PCサイト」が見えてしまうトラブルが起こりました。解決できたので、メモします。

スマホはキャッシュしない

モバイルアクセス(スマートフォン)からに対しては、キャッシュを『使わない』設定が、対策方法としてありました。ただ、スマートフォンからのアクセスの方が多いのに、キャッシュを使わないのは..寂しいわけです。

なので、PCもモバイル(スマートフォン)も両方から、きちんとキャッシュを使える方法を探しました。

キャッシュを別々に用意

解決方法となったのはこちらの記事です。ありがたや ありがたや。

1行のコードを設定画面に貼付けるだけでした。作業は簡単でした。これでユーザーエージェントごとにキャッシュを見に行くようになります。

設定方法は下のコードをQuickCacheの設定 『MD5VERSIONSALT』に貼付けます。これだけ。
[code] ((preg<em>match("{AdsBot-Google|Android|BB10|BlackBerry 9350|BlackBerry 9360|BlackBerry 9370|BlackBerry 9380|BlackBerry 9780|BlackBerry 9790|BlackBerry 9800|BlackBerry 9810|BlackBerry 9850|BlackBerry 9860|BlackBerry 9900|BlackBerry 9930|BlackBerry9500|BlackBerry9520|BlackBerry9530|BlackBerry9550|CUPCAKE|Googlebot-Mobile|bada|dream|froyo|iPhone|iPod|incognito|s8000|webOS|webmate}", $</em>SERVER["HTTP<em>USER</em>AGENT"])) ? ($<em>COOKIE["wptouch</em>switch<em>toggle"] != "normal" ? "smartphone" : "smartphone-pc") : ((preg</em>match("{DoCoMo/|J-PHONE/|J-EMULATOR/|Vodafone/|MOT(EMULATOR)?-|SoftBank/|[VS]emulator/|KDDI-|UP.Browser/|emobile/|Huawei/|IAC/|Nokia|mixi-mobile-converter/|DDIPOCKET;|WILLCOM;|Opera Mini|Opera Mobi|PalmOS|Windows CE;|PDA; SL-|PlayStation Portable;|SONY/COM|Nitro|Nintendo}", $<em>SERVER["HTTP</em>USER_AGENT"])) ? "featurephone" : "")) [/code]
Qchace

動作確認

設定完了後、キャッシュクリアを実行した後、safariの『開発メニュー』からユーザーエージェントを切り替えて、サイトを表示してソースコードの一番下に「 This Quick Cache file …」とのコメント行があるれば、無事に動作しています。

ない時はキャッシュが無効になっていますから、設定を見直してください。

ユーザーエージェントの切り替え方法

パソコンでスマホサイトを確認する

参考

はじめはこちらの記事を参考に作業をしていました。wp-config.phpにコードを付け足して設定してました。

切り替えが出来たりできなかったと上手く行きませんでしたが、上の1行の設定コードの内容を理解するのに役立つ記事でした。

もう少し詳しい説明。難しい事をわかりやく教えてもらえました..感謝です。

プラグインの作者さんが、ユーザーエージェントでOKだぜーと回答しているフォーラム記事

Quick Cache 設定と効果について、とても分かりやすい記事です。

設定方法

WordPressを徹底的にこの本で学ぼうか?と考え中です。

【Amazon.co.jp限定特典付き】本格ビジネスサイトを作りながら学ぶ WordPressの教科書2  スマートフォン対応サイト編
【Amazon.co.jp限定特典付き】本格ビジネスサイトを作りながら学ぶ WordPressの教科書2 スマートフォン対応サイト編

posted with amazlet at 13.09.15
プライム・ストラテジー株式会社
ソフトバンククリエイティブ
売り上げランキング: 2,300

この記事を書いた人 :
ものくろ(大東 信仁)

profile2016autumn

ブロガー・Web&Blogコーチ・親指シフトユーザー・orzレイアウト考案者。WordPressが得意。HTML・CSS・PHPも熟知し広範囲の知識を持つ。

誰でもインターネットを活用できる時代だから、頭でモヤモヤしている「こんなのを実現したいなぁ」を引き出して形にし実現させるお手伝い、そして、インターネットを上手に使えるようにサポートするのが得意です。

iPhoneやAndroidなどのガジェット、デジタルだけでなく文房具などのアナログなツールも大好きです。写真や旅を楽しむこと、おいしいお食事、楽しい・ワクワクすることが大好きです。

Twitterやfacebookでも情報発信中、よろしければフォローしてください。



Instagram
follow us in feedly

ご依頼・講座開催情報はこちら

ブログ・情報発信でお困りごと、モヤモヤ、解決。あなたのステップアップをサポートしています。

広告

情報発信コンサルティング・コーチ

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。
・Webを活用して本気でビジネス・人生を切り開きたい方
・Webのテクニカルな改善でお悩みの方
・アイディアはあるのに、記事の文章にするのがうまくいかない方
・親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みもダイレクトにアドバイス。ブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

お申し込みは
お問い合わせフォーム
からお願いします。

うまく表示されない時は
こちらをご覧下さい。

お申し込みは
お問い合わせフォーム
からお願いします。

講座 開催スケジュールはこちら
メールマガジンも発行中!
ものくろキャンプ スタッフ通信を確実にあなたへお届けします。
お読みいただきありがとうごさいます

follow us in feedly

更新のタイミングを知りたい!という方には Feedly がオススメです。この機会にぜひ上のボタンからご登録を。また読みに来てくださいね。

お役に立てたことがあれば、ソーシャルメディアへシェアしていただけると、今後の励みとなります。

SNSでフォローする