web-dev-qa-db-ja.com

ホームページのみで携帯する場合は別のテンプレート/テーマを使用する

私は自分の問題を完全に解決するものを見つけることができませんでした。ユーザーが携帯電話からアクセスしているがタブレットではないときにホームページテンプレートをその場で設定できるようにしたいのです。私はすでにこのチェックをしています。

しかし、訪問者が電話をかけているときにすべてのページのテーマ全体を変更することはできますが、ホームページのテンプレート/テーマだけを変更する方法はないようです。

私が確実に知っている唯一の方法のせいで、テーマを変更しようとしたときに存在しないis_front_page()をチェックすることです。可能であれば、他のページにリダイレクトせずにこれをやろうとします。

1
Dan Holloran

または、別の方法を使用することもできます。少し長いかもしれませんが、サイト/テンプレートの操作方法を完全に制御できます。

レスポンシブCSSを作る。メディアビューを使用してタブレットビュー/解像度でデスクトップスタイルを呼び出し、小さいデバイスの場合は、必要に応じてスタイルを設定します。

これにより、1つのデバイスの縦ビューと横ビューで、まったく異なるレイアウトを使用できるように制御できます。

2
Meet Shah

template_includewp_is_mobile を一緒に使用できます

add_filter( 'template_include', 'mobile_front_page_template', 99 );

function mobile_front_page_template( $template ) {

    if ( wp_is_mobile() && is_front_page() ) {
        $new_template = locate_template( array( 'mobile-front-page-template.php' ) );
        if ( '' != $new_template ) {
            return $new_template ;
        }
    }

    return $template;
}

それから、別のコンディショナルタグを使ってタブレットを除外することができます。

1
Brad Dalton

wp_is_mobile() を使用してモバイルデバイスを確認してから、 get_template_part() を使用して正しいテンプレート部分を含めます。

ヘッダーとフッターは、いくつかのcssメディアクエリーですばやくスタイル設定できます。

0
aaaa

https://en-au.wordpress.org/plugins/mobble/

mobbleはあなたのサイトにモバイル関連の条件付き機能を提供します。例えばis_iphone()、is_mobile()、およびis_tablet()。

0
Pete