今までWPtouchにお世話になってましたが、モバイルテーマも色々出てきたので模様替えしました。
Envatoのthemeforestにあったシンプルなやつにしました。
エントリのタイトル画像で使ってるアイキャッチ画像(Post Thumbs)が反映されないので一部修正。
テーマのfunctions.phpに以下を追加
single.phpのアイキャッチ画像を表示したい箇所に以下を追加
WPtouchはプラグインなので有効にするだけでスマートフォンを振り分けてくれますが、テーマの場合は振り分け用のプラグインを使って振り分けます。
今回はこれを使いました。
これでPCとスマホでテーマを切り替えられます。
モバイルテーマも増えてきていくつか試しましたが､jQuery Mobileを使ったものなどまだ不安定なやつが多い印象です。
また色々試して見たいと思います。
Envatoのthemeforestにあったシンプルなやつにしました。
WordPress – Simple Mobile | ThemeForestEnvatoについてはまた改めて。
エントリのタイトル画像で使ってるアイキャッチ画像(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 PluginsWPtap Mobile Detectorは有効にしたあと､左メニューから設定画面で以下のiPhoneとAndroidの各モバイルテーマを選択してUpdateで完了
これでPCとスマホでテーマを切り替えられます。
モバイルテーマも増えてきていくつか試しましたが､jQuery Mobileを使ったものなどまだ不安定なやつが多い印象です。
また色々試して見たいと思います。
