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 93% complete.
Maquette MediaWiki dans un dispositif mobile

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

Aucun des habillages intégrés à MediaWiki, y compris le dernier habillage par défaut, Habillage:Vector , n'est optimisé pour une utilisation avec les mobiles. Cette page fournit des conseils pour utiliser MediaWiki sur des appareils mobiles, comme des smartphones et des 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 - Provides a mobile-friendly view. Developed by Wikimedia, and used on Wikipedia. Installing only this extension by itself, will make your MediaWiki site mobile-friendly, and it includes its own skin.

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 voir 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 skin qui formate votre wiki avec un thème pour mobile
  2. Habillages Responsive, 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. Habillage:Chameleon - personnalisable avec cinq configurations différentes
    3. Medik
    4. Metrolook
    5. Habillage:Refreshed - utilise le CSS responsive pour s'adapter aux appareils mobiles
    6. Habillage:Foreground
    7. Habillage:Timeless (MW 1.31+) - Wikimedia skin that supports responsive design
    8. ...et autres !

CSS & JS

Lorsque vous utilisez Extension:MobileFrontend , vous pouvez modifier MediaWiki:Mobile.css et MediaWiki:Mobile.js pour que les styles et les scripts globaux soient appliqués uniquement sur mobile.

Développeurs 

Voir aussi : Making MediaWiki Mobile Friendly

  • Catégorie:Mobile - projets, extensions et autres pages relatives au développement et à la présentation d’appareils mobiles.
  • Wikimedia mobile engineering - responsable de la création, de la croissance et de l'évolution du mode d'utilisation des technologies mobiles par 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 affichages haute résolution.
  • Extension:MobileDetect (MW 1.15+) - permet aux utilisateurs de contrôler le contenu affiché uniquement dans les navigateurs mobiles ou uniquement sur les ordinateurs de bureau.
  • Mobile design - la page centrale de tous les projets de design mobile ( historique )
  • Category:Habillages pour les mobiles - Habillages pour appareils mobiles