Fork me on GitHub

Rapport de message :*
 

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é : Open in new window
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
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

359 Personne(s) en ligne (309 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 359 | Plus ...