Version mobile - modele de page

Bonjour,

Dans le cadre de la refonte de mon site sur MODX, j’aimerais mettre en place également une version "light" du site destinée aux mobiles

Je m’explique, toutes mes pages ne sont pas concernées pour un affichage sur téléphone mobile, je voudrais afficher uniquement ls pages que je decide.

Par contre j’aimerais savoir quel est le mieux pour réaliser cela, j’ai vu qu’il existait une extension "mobile Template switcher" pour evolution mais pas pour revo,

En gros les pages que je veux afficher en version mobile auront le même contenu que les page "desktop" mais uniquement la CSS changera, comment s’y prendre au niveau de modx ?

Faire un dossier "mobile" avec uniquement des liens à l’interieur ?
developper un site mobile different "m.monsite.com" ?

bref pas mal de questions

merci d’avance

pour ma part, j’utilise un module (onWebPagePerender) qui détecte si c’est un mobile

<?php
$logPrefix = "Mobile Redirect: ";
require_once($modx->getOption(’core_path’).’components/mobiledetect/mobile_device_detect.php’);

$mobileResourceId = 36;

$id = $modx->resource->get(’id’);

if ($id != $mobileResourceId) {
$url = $modx->makeUrl($mobileResourceId);
mobile_device_detect(true,false,true,true,true,true,true,$url,false);
}
?>​

j’ai créé une ressource (id=36) qui intègre un template avec jqtouch
http://www.jqtouch.com/

Laurent

merci pour ton aide, donc en gros toi tu redirige vers une page selon leur navigateur, et cette page tu lui attribut un template dédié aux mobiles, par contre cette page tu y met quoi, des liens vers tes autre contenus j’imagine non ?

ces liens là tu les gère comment, duplication des pages (lourd pour les mises à jour) et tu lie juste les pages qui s’affiche avec le template "desktop"

en gros moi j’aimerais que suivant le type de navigateur (mobile, tablette, desktop) le template de la page varie ...

Bonjour,

Une solution peut-être moins « complexe » consisterait à utiliser les media query css (w3.org & css3.info).

Sinon pour Revo, il y a la possiblité de créer un contexte qui pourrait être dédié uniquement à la version mobile en utilisant un sous-domaine (cf. m.tonsite.fr). Malheureusement les Symlinks (une fonction qui serait bien pratique dans ce cas) ne semblent pas encore être très personnalisables pour le moment (pour la 2.0.1 peut-être !).

D’un point de vue SEO, il semblerait que la première solution soit à préconiser (pour éviter le duplicate content) mais peut ne pas convenir selon ton contenu (quid du redimenssionnement des images…).

J’espère que ça t’aidera un peu à faire avancer le schmilblik
Bon courage

Je pensais justement utiliser les Symlink car j’ai vu que l’on pouvait leur attribuer un template mais a priori ça ne fonctionne pas, le Template ne prend pas le pas sur le Template de la ressource ...

merci pour les liens je vais les consulter de suite, effectivement j’aimerais éviter de dupliquer mon contenu, surtout d’un point de vue mise à jour ...

Si vous avez d’autres tuyaux combine ou autre je suis preneur

merci

L’intérêt du plugin jqtouch est que tu charges toutes les pages dans un seul template.

donc pas de duplicate de contenu. tu va juste chercher via des chunk le contenu de tes pages.

dès que j’ai un peu de temps je vous poste un exemple

Laurent

D’accord, j’avais pas compris le principe

merci bien, je veux bien un exemple a l’occasion et éventuellement le site sur lequel c’est en place pour y jeter un coup d’oeil

télécharge le à cette adresse,
il y a des exemple des les sources,

http://www.jqtouch.com/

n’hésite pas si besoin de conseil


Laurent