Manuel:Mobiles, tablettes et design réactif

From MediaWiki.org
Jump to navigation Jump to search
This page is a translated version of the page Manual:Mobiles, tablets and responsive design and the translation is 100% complete.

Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎português • ‎ไทย • ‎日本語
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, Vector, sont optimisés 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

Extensions

  • Extension:MobileApp (MW 1.22+) Application simple qui sert des styles et des scripts pour une utilisation dans les applications mobiles Wikimedia
  • Extension:MobileFrontend (La version pour 'MediaWiki ≤ 1.24' de MobileFrontend nécessite l’extension: Extension:Mantle) (1.23+) Fournit une vue adaptée aux mobiles. Développé par Wikimedia et utilisé sur Wikipedia. L'installation de cette extension seule rendra votre site Mediawiki plus convivial pour les mobiles et inclura son propre habilage.

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(MW 1.17+): 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 (MW 1.25+): optimisé pour les wikis sémantiques
    2. Chameleon (MW 1,22+) : personnalisable avec cinq configurations différentes
    3. Metrolook
    4. Refreshed (MW 1.19+): utilise le CSS responsive pour s'adapter aux appareils mobiles
    5. Foreground (MW 1.18+): prend en charge responsive (website)
    6. ...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 : Rendre MediaWiki Mobile sympa

  • Category: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
  • Manual:$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:Mobile skins : Habillages pour appareils mobiles