Formattage de la page d'accueil pour mobile

Main pages of MediaWiki instances which go beyond traditional text (for example using two column layouts) usually require special treatment to display on mobile via Extension:TemplateStyles in responsive skins such as Habillage:Timeless and Skin:Minerva .

Si la page d’accueil de votre projet Wikimedia n’a pas été formatée pour être vue depuis un mobile, et si vous êtes administrateur sur ce projet, veuillez lire les instructions suivantes.

En général vous devez avoir les droits d'administrateur pour pouvoir modifier la page d'accueil.

Hiding content on mobile

Choisissez d'abord les contenus adaptés pour la version mobile de votre page d'accueil.

Évaluez chaque élément de la version de bureau (par exemple, Image du jour) en vous posant les questions suivantes :

• sont ils populaires ?
• sont ils mis à jour régulièrement ?
• sont ils appropriés à la lecture rapide ?
• s'adapteront-ils correctement l'écran d'un mobile ?

Lorsque vous avez fait le choix des éléments à garder, poursuivez à l'étape 2.

Vous devez être connecté et avoir les droits d’administrateur pour effectuer les étapes suivantes. Sur la version de bureau de la page d’accueil, cliquez sur Modifier et recherchez les éléments que vous voulez inclure dans la version mobile.

Chacun des éléments que vous souhaitez exclure de la page doit être identifié par la classe nomobile ou inclus dans un élément où cette classe est présente.

<div class="nomobile"> ... </div>

Qu’est-ce qui doit figurer entre les balises <div> ouvrantes et fermantes ? Probablement un modèle pour l’élément de la page considéré (par exemple, l' Image du jour).

Using responsive styles

Certains styles ne sont pas adaptés aux mobiles. Par exemple une règle CSS quelconque utilisant une taille fixe en pixels telle que width, height, padding. Si vous avez besoin de traiter différents styles, veuillez utiliser l'Extension:TemplateStyles ou porter ces styles dans MediaWiki:Common.css ou MediaWiki:Mobile.css. TemplateStyles is recommended but 3rd parties may wish to use the MobileFrontend feature flag $wgMFSiteStylesRenderBlocking.

For common problems with table based layouts, you can use the styles in the Minerva compatiblity template.

Certains conseils pour les problèmes communs sont donnés à la page Making MediaWiki Mobile Friendly .

Cliquez sur Enregistrer .

Make sure to test all your changes!