| Re: Choisir un thème spécifique pour les mobiles |
Titre du sujet : Re: Choisir un thème spécifique pour les mobiles
par grosdunord sur 16/09/2012 22:37:38
Citation :bonne initiative : est-ce compliqué d'afficher une version du site pour les mobiles ou les tables en jouant sur les media queries CSS ?
il suffit de suivre les normes mobiles comme indiquer içi par exemple :
http://www.alsacreations.com/astuce/l ... e-pour-le-web-mobile.html
Citation :Si j'applique une des deux solutions, que se passe-t-il pour l'utilisateur qui ne veut pas afficher le theme "mobile" ? Ou l'admin, qui veut gerer son site avec sa tablette ou son smartphone ?
Bonne question mais je ne suis pas encore attelé à ce genre de probléme car je suis encore sur l'adaptation du template mobile mais avec jquery mobile il et possible de mettre un bouton ou un lien pour refusé l'action de pasé en version mobile par exemple je vient de voir ceci
Citation :Redirection avec PHP Cette méthode est peut-être plus intéressante dans le sens où vous pourrez contrôler la redirection : vous aurez ainsi la possibilité d'ajouter un lien permettant au visiteur de revenir à la version classique, ou de continuer vers la version mobile. On va se baser ici, une fois encore, sur les user-agents, que l'on récupérera avec une variable superglobale, qui est $_SERVER['HTTP_USER_AGENT']. Il suffira de chercher une chaîne de caractères précise à l'intérieur pour déterminer sur quel smartphone navigue l'internaute, à l'aide la fonction strpos() qui retourne la position numérique de la première occurrence trouvée.
exemple de code php :
<?php // on cherche un user-agent apparenté à une plateforme mobile dans la variable $iphone = strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone'); $ipad = strpos($_SERVER['HTTP_USER_AGENT'], 'iPad'); $android = strpos($_SERVER['HTTP_USER_AGENT'], 'Android'); $blackberry = strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry'); // puis on détermine si une chaîne de caractères a été trouvée if($iphone || $ipad || $android || $blackberry > -1){ header('Location: http://www.votre-site.com/votre-fichier-mobile.html'); // si c'est le cas, on redirige die; // puis on arrête le chargement de la page actuelle } ?>
|
|
