【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を使ったものなどまだ不安定なやつが多い印象です。

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

Related Posts