WordPressにWPtouchプラグインを導入する

LINEで送る
Pocket

がじです。テーマを変更したら、ログイン項目がWeb上に表示されなくて一瞬あわてました。(直接ログイン画面のPHPを指定してログインしました。)
これはこれでセキュリティ上いいかと思ったのであえて追加していません。

今回はWPtouch Mobile Pluginを導入します。

スマートフォン向けにWordPressの表示を整形してくれるプラグインですね。

1385467389595a
こんな感じで表示されます。

今まではスマートフォンでもPCサイト向けと同じ表示になっていましたが、多くのブログでこのプラグインが使われているようなので自分でも入れてみました。(確認用デバイスが常時稼働状態になっていなかったのも理由の一つ。今回引っ張り出してきました。

いつも通り、プラグインの検索画面から
131126_01a
「WPtouch」で検索して

検索結果のTOPに表示される「WPtouch Mobile Plugin」をインストールします。
131126_02a

WPtouchの設定画面で

  • Font justification
       left –> Full に変更
  • Post Listings Optionsで
  •    以下のチェックを外します。

    • Show Author’s Name
    • Show Tags
  • Custom user-agents
  •    froyo, iPhoneを追加

  • Advanced Settings
  •    Allow zooming on contentにチェックをつける

  • Style&Coler Option
  •    White Carbon Fiber –>Horizontal Grey

  • Logo Icon // Menu Items & page Icon
  •    Default –>Home に変更

  • Menu List Sort Order
  •    By name –> By PageID に変更

この状態で確認してみたらAndroid 2.3, 4.1, ipod touchで表示させてみるとAndroid4.1だけ表示が変です。文字だけでCSSが反映されていない???のでググってみたらAndroid 4.1でWPtouchが正常に表示されない不具合があるらしいです。

8wired.jpさんのWebページで対応ファイルが公開されているので適応したらAndroid4.1でも正常に表示されるようになりました。

LINEで送る
Pocket