Passerelle mobile/Formattage de la page d'accueil pour mobile

Les pages d'accueil des instances de MediaWiki qui vont au-delà du texte traditionnel (par exemple en utilisant un affichage sur deux colonnes) demandent habituellement un traitement spécial pour s'afficher sur mobile via Extension:TemplateStyles avec les habillages réactifs tels que Habillage:Timeless et Habillage:Minerva Neue .

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.

Masquer le contenu sur 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).

Utilisation des styles dynamiques

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 est recommandé mais des parties tierces peuvent souhaiter utiliser le drapeau $wgMFSiteStylesRenderBlocking de la fonctionnalité MobileFrontend.

Pour les problèmes communs avec les affichages basés sur les tableaux, vous pouvez utiliser les styles du modèle de compatibilité Minerva.

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

Cliquez sur Enregistrer .

Assurez-vous de tester toutes vos modifications !