Manuel:Mobiles, tablettes et design réactif

This page is a translated version of the page Manual:Mobiles, tablets and responsive design and the translation is 88% complete.
MediaWiki.org with Minerva Neue skin and MobileFrontend extension on a mobile device

MediaWiki fonctionnera sur de nombreux périphériques mobiles (comme les smartphones et les tablettes), mais il n'est pas optimisé pour ces appareils mobiles. Si vous ajoutez des habillages ou des extensions supplémentaires, les sites pourront être difficiles à afficher, avec des menus, des mises en page et des médias, n'apparaissant pas au meilleur endroit.

Sauf l'habillage Timeless, aucun des habillages intégrés à MediaWiki, y compris le dernier habillage par défaut Vector , n'est optimisé pour une utilisation avec les mobiles. Cette page fournit des conseils pour utiliser MediaWiki sur des appareils mobiles, comme les smartphones et les tablettes.

Solutions

There are two common approaches:

Extensions

  • Extension:MobileApp - Application simple utilisée pour les styles et scripts utilisés dans les applications Wikimedia pour mobiles
  • Extension:MobileFrontend - Fournit une vue facilitée sur mobile. Développé par Wikimedia, et utilisé sur Wikipedia. En n'installant que cette extension seule, vous rendrez votre site compatible avec les mobiles et un habillage dédié.

Habillages

Vous n'avez pas besoin d'une extension si vous utilisez un habillage. Les habillages à utiliser avec les navigateurs mobiles se présentent sous deux formes :

  1. Ceux conçus spécifiquement pour une utilisation avec un mobile, risquent de ne pas bien rendre sur des appareils non mobiles. MediaWiki détecte le type de périphérique sur lequel il s'exécute, puis bascule vers l'habillage approprié. (Voir Extension:MobileDetect)
    1. WPtouch - un habillage qui formate votre wiki avec un thème pour mobile
  2. Habillages Réactifs, conçus pour répondre automatiquement à la taille de l'écran, qu'il s'agisse d'un PC de bureau, d'une tablette ou d'un smartphone.
    1. Tweeki - optimisé pour les wikis sémantiques
    2. Chameleon - personnalisable avec cinq configurations différentes
    3. Medik
    4. Metrolook
    5. Refreshed - utilise le CSS réactif pour s'adapter aux appareils mobiles
    6. Foreground
    7. Timeless (MW 1.31+) - Habillage Wikimedia qui prend en charge la conception réactive
    8. ...et autres !

CSS et JS

Lorsque vous utilisez Extension:MobileFrontend , vous pouvez modifier les pages wiki MediaWiki:Mobile.css (voir Manuel:CSS ) et MediaWiki:Mobile.js pour que les styles et les scripts globaux soient appliqués uniquement aux mobiles.

Développeurs 

Voir aussi : Making MediaWiki Mobile Friendly

  • Catégorie:Mobile - projets, extensions et autres pages relatives au développement et à la présentation pour les équipements mobiles.
  • Reading/Web - responsable de la création, de la croissance et de l'évolution du mode d'utilisation des technologies pour mobiles sur l'ensemble des projets Wikimedia
  • Manuel:$wgResponsiveImages (MW 1.21+) - Indique si les images haute résolution doivent être générées pour des écrans haute résolution.
  • Extension:MobileDetect (MW 1.15+) - permet aux utilisateurs de contrôler le contenu affiché uniquement dans les navigateurs pour mobiles ou uniquement sur les ordinateurs de bureau.
  • Category:Habillages pour les mobiles - Habillages pour appareils mobiles

See also