| Re: Xoops france : Version mobile |
Titre du sujet : Re: Xoops france : Version mobile
par grosdunord sur 04/04/2013 20:38:02
La première chose à faire et de commencer par choisir un template responsive peut importe le cms t'en qu'il et gratuit et de l'adapter a xoops déjà le plus gros du travaille et fait.
Ensuite il faut adapter tous les templates des modules que vous utilisé afin de les rendres plus fluide et moins complexe sur mobile.
Une fois que cela effet c'est a dire au bout de quelque semaine si on n'y connais pas grand chose en html et css et qu'il faut chercher dans tous les template on utilise la surcharge des templates dans votre thème responsive :)
une fois que cela et fait on ajoute tous ce qu'il faut comme ajout de la webapp sur l’écran du mobile
le screenmedia si cela vous dit ect...
Une fois que cela et fait on ajoute la fonction qui vas bien pour dire que si on et sur mobile sa serra tel thème aussi non on utilise l'autre thème.
voila un début rapide de comment faire son thème xoops compatible tous mobiles.
quand j'aurai le temps je vous ferai un petit zip de mon thème mobile avec une petit explication
pour le bout de code afin que votre théme mobile soit detecter quand on et sur mobile le voici:
Dans header.php a la racine de votre site juste au dessus de:
include_once $GLOBALS['xoops']->path('class/xoopsblock.php');
on ajoute ceci :
// debut detection mobile
include(XOOPS_ROOT_PATH.'/class/Mobile_Detect.php');
$detect = new Mobile_Detect();
if ($detect->isMobile()) {
$si_mobile = true;
} else {
$si_mobile = false;
}
// fin detection mobile
ensuite juste au dessus de :
if ($xoopsConfig['theme_set'] != 'default' && file_exists(XOOPS_THEME_PATH . '/' . $xoopsConfig['theme_set'] . '/theme.php')) {
require_once $GLOBALS['xoops']->path('include/xoops13_header.php');
on ajoute ceci :
if ($si_mobile) {
$xoopsConfig['theme_set'] = 'mobile';
}
en sachant que mobile et le nom de mon theme mobile donc si votre theme ce nomme smartphone vous remplacer mobile par smartphone.
ensuite vous enregistrer les modification
et mettre ce fichier dans le dossier class a la racine de votre site
Mobile_Detect.php
|
|
