Mobile Gateway/Mobile homepage formatting/fr

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 in responsive skins such as  and.

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.

Étape 1
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.

É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  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.



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

Mise à jour des 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' 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.

Cliquez sur .

C’est presque fini.

Étape 3
Maintenant, allez sur une URL mobile qui est normalement de la forme. Vous pouvez réduire la largeur de votre navigateur de bureau pour imiter un écran de mobile. Est-ce que ça rend bien ?

Si vous voulez faire des changements, retournez à la deuxième étape. Naviguez entre les étapes 2 et 3 jusqu’à ce que vous soyez satisfaits.

Et voila !