Manuel:Mobiles, tablettes et design réactif

MediaWiki.org with Minerva Neue skin and MobileFrontend extension on a mobile device

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:

• Habillage:Timeless is already bundled with MediaWiki. Make sure it is registered in LocalSettings.php so it is available as a setting in preferences. Consider using it as the default .
• Habillage:Minerva Neue is bundled with MediaWiki since version 1.38. Its mobile mode requires installing Extension:MobileFrontend . This is the method Wikipedia uses.

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.
• Reading/Web - 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.
• Category:Habillages pour les mobiles - Habillages pour appareils mobiles