web-dev-qa-db-fra.com

Utiliser un modèle/thème différent si mobile uniquement sur la page d'accueil

J'ai regardé autour de moi et je ne trouve rien qui fonctionne pleinement pour mon problème: je veux pouvoir configurer le modèle de page d'accueil à la volée lorsqu'un utilisateur visite un téléphone portable mais pas une tablette. J'ai déjà cette vérification en place.

Cependant, je suis en mesure de changer le thème entier sur toutes les pages lorsqu'un visiteur est au téléphone, mais il ne semble pas y avoir de moyen de modifier uniquement le modèle/thème de la page d'accueil.

En raison de la seule façon dont je suis sûr de savoir vérifier is_front_page() qui n'existe pas lorsque vous vous connectez pour changer le thème. Je veux aussi essayer de faire cela sans rediriger vers une autre page si possible.

themeshomepagemobile
1
Dan Holloran

Ou vous pouvez utiliser un autre moyen, peut-être un peu long, mais vous donnera le contrôle total sur la manière dont vous souhaitez gérer votre site/modèle.

Rendre le CSS réactif. Appelez les styles de bureau dans la vue/résolution de la tablette avec des requêtes multimédia et, pour le plus petit appareil, définissez les styles comme vous le souhaitez.

Cela vous donnera le contrôle d’une manière qui vous permettra d’avoir une disposition totalement différente en mode portrait et en mode paysage d’un seul appareil.

2
Meet Shah

Vous pouvez utiliser template_include avec wp_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;
}

Vous pouvez ensuite utiliser une autre étiquette conditionnelle pour exclure les tablettes.

1
Brad Dalton

Vous pouvez rechercher un appareil mobile à l’aide de wp_is_mobile () , puis inclure la partie de modèle appropriée avec get_template_part () .

L'en-tête et le pied de page peuvent être rapidement mis en forme à l'aide de deux requêtes multimédia css.

0
aaaa

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

mobble fournit des fonctions conditionnelles liées au mobile pour votre site. par exemple. is_iphone (), is_mobile () et is_tablet ().

0
Pete