【WordPress】モバイルテーマを変えたので覚え書き

今までWPtouchにお世話になってましたが、モバイルテーマも色々出てきたので模様替えしました。

Envatothemeforestにあったシンプルなやつにしました。
WordPress – Simple Mobile | ThemeForest
Envatoについてはまた改めて。

エントリのタイトル画像で使ってるアイキャッチ画像(Post Thumbs)が反映されないので一部修正。

テーマのfunctions.phpに以下を追加
  add_theme_support( 'post-thumbnails' );
  set_post_thumbnail_size( 300, 300, true ); // 数値はサムネイルのサイズをお好みで

single.phpのアイキャッチ画像を表示したい箇所に以下を追加
  <?php  the_post_thumbnail();?>

WPtouchはプラグインなので有効にするだけでスマートフォンを振り分けてくれますが、テーマの場合は振り分け用のプラグインを使って振り分けます。

今回はこれを使いました。
WordPress › WPtap Mobile Detector « WordPress Plugins
WPtap Mobile Detectorは有効にしたあと、左メニューから設定画面で以下のiPhoneとAndroidの各モバイルテーマを選択してUpdateで完了
Settings ‹ CamCam — WordPress.jpg

これでPCとスマホでテーマを切り替えられます。

モバイルテーマも増えてきていくつか試しましたが、jQuery Mobileを使ったものなどまだ不安定なやつが多い印象です。

また色々試して見たいと思います。

You might also like