Choisir un thème spécifique pour les mobiles | Titre du sujet : Choisir un thème spécifique pour les mobiles par bendenice sur 11/09/2012 15:48:28
Allez comme celui la est dans la continuité du premier tuto je vous le donne mais ça doit traîner dans un coin (voir plusieurs ) sur le forum
Niveau de difficulté : facile
But: Afficher un thème spécifique pour les mobile
Pour cela on va utiliser la class php Mobile_Detect
avec cette classe nous pouvons tester l'os du navigateur (android ou apple) le type de support (mobile ou tablette)
Commençons par inclure et instancié la classe dans le fichier header.php Au niveau de la ligne 32 juste après
$xoopsLogger->startTime('XOOPS output init');
en copiant le code
include("Mobile_Detect.php");
$detect = new Mobile_Detect();
Grâce à cette classe nous allons pouvoir maintenant afficher un thème
* En fonction de la plateforme mobile pour les téléphone Apple on insérera le code suivant
if($detect->isiOS()){ // Téléphone tournant sous la plateforme iOS (apple).
$xoopsConfig['theme_set'] = 'montheme_apple';
}
pour les téléphone Android on insérera le code suivant
if($detect->isAndroidOS()){ // Téléphone tournant sous la plateforme Android.
$xoopsConfig['theme_set'] = 'montheme_android';
}
* En fonction de mobile ou tablette pour les mobiles on insérera le code suivant
if ($detect->isMobile()) {// tous les mobiles
$xoopsConfig['theme_set'] = 'montheme_mobile';
}
pour les tablettes on insérera le code suivant
if ($detect->isTablet()) {// tablettes
$xoopsConfig['theme_set'] = 'montheme_tablette';
}
En espérant que ce petit tuto vous serve. N’hésitez pas a me faire part de vos remarques
|
|