FANDOM


Tandis que Fandom déploie progressivement les modifications de la mise en page des articles en 2015, des informations seront ajoutées au fur et à mesure sur cette page d'aide. Cette page inclut des descriptions des modifications. Elle documente aussi les problèmes potentiels, leurs causes et les solutions possibles.

Si vous constatez qu'un problème n'est pas encore décrit sur cette page, veuillez nous le faire savoir via Special:Contact et nous ferons de notre mieux pour travailler avec vous à sa résolution.

Points d'arrêt et typographie (avril/mai 2015)Modifier

Pour la première étape des modifications de la mise en page, Fandom a ajouté des points d'arrêt à la mise en page réactive et apporté quelques modifications à la typographie.

Les points d'arrêt permettent d'avoir des mises en page plus prévisibles en ajustant la mise en page à quelques largeurs spécifiques, en se basant sur la taille de l'écran de l'utilisateur. Les modifications de la typographie avec une augmentation de la taille de police et hauteur de ligne se produisent au point d'arrêt le plus grand, appelé « Bureau grand format » (Desktop XL), actuellement défini pour les affichages dont la largeur est plus grande que 1595 px. Les autres points d'arrêt conserveront les taille de police et hauteur de ligne actuelles (par défaut).

Les modifications de la typographie ne sont prévues que pour les en-têtes, corps de texte et citations basiques. Toutefois, certains modèles peuvent être affectés s'ils n'ont pas les bons styles et peuvent donc paraître cassés.

Il est possible d'avoir un aperçu des modifications de la typographie avec la mise en ligne globale de cette mise à jour en ajoutant ?oasisbreakpoints=1&oasistypography=1 à l'URL d'une page.
Par exemple : https://onceuponatime.fandom.com/fr/wiki/Emma_Swan?oasisbreakpoints=1&oasistypography=1

Veuillez noter que pour voir ces modifications apparaître, vous devez afficher la page sur un écran large, d'au moins 1595 px. C'est la seule façon de voir le point d'arrêt « Bureau grand format ».

La plupart des problèmes que vous rencontrez devraient pouvoir être corrigés soit en modifiant les classes utilisées par le modèle ou en modifiant les styles. Cette liste sera mise à jour régulièrement au fur et mesure que nous et les utilisateurs comme vous modifions sur Fandom avec la nouvelle mise en page.

Tableau des modificationsModifier

Bureau / Tablette Bureau grand format
(taille de police / hauteur de ligne)
H1 - en-tête 28 / 28 34 / 34
H2 - en-tête 20 / 22 28 / 30
H3 - en-tête 17 / 22 22 / 24
H4 - en-tête, citation 15 /22 20 / 28
Corps de texte 14 /22 16 / 26

À noter :

  • Les modifications de la typographie ne se produisent qu'avec le point d'arrêt le plus large, « Bureau grand format », sur les écrans larges d'au moins 1595 px
  • Les modifications de la typographie ne sont prévues que pour les en-têtes, corps de texte et citations basiques
  • Les citations sont définies par des éléments ayant la balise blockquote
  • Les modifications de la typographie ne sont pas appliquées aux éléments avec class="infobox" dans le modèle. Si cette classe n'est pas incluse pour un modèle d'infobox, alors le style corps de texte sera appliqué au contenu de l'infobox. Nos bonnes pratiques recommandent de toujours avoir cette classe spécifiée dans vos modèles infobox.

Comment corriger les modèlesModifier

Avec les nouveaux point d'arrêt et la typographie, tous les éléments se trouvant dans le sélecteur de classe de plus haut niveau, le conteneur WikiaArticle (div avec class="WikiaArticle", sélecteur CSS .WikiaArticle), hériteront des taille de police et hauteur de ligne que nous avons définies. Nos modifications n'écraseront pas les styles d'éléments (comme les tableaux) dans WikiaArticle qui sont écrits dans notre code ou votre CSS local. Si vous avez définis des styles avec des éléments additionnels (par exemple .WikiaArticle .navbox), ils prendront la priorité sur les styles par défaut définis.

Si vous souhaitez qu'un élément ait un style différent de celui par défaut, ajoutez simplement une classe supplémentaire à votre feuille de styles. En termes techniques, cela signifie que tous les éléments qui prennent leur style d'un sélecteur en plus de .WikiaArticle (par exemple : .WikiaArticle table, .WikiaArticle .navbox) ne seront pas affectés par nos modifications. En d'autres termes, si vous définissez font-size dans la classe (ou le style en-ligne), la modification typographie de la taille de police ne s'applique pas.

Pour référence, voici le code que nous avons écrit :

.WikiaPage {
  .WikiaArticle {
    font-size: x; 
    line-height: y;

   .infobox {
       font-size: <ancienne valeur>;
       line-height: <ancienne valeur>;
  }
}

Arrière-plansModifier

Avec les nouveaux points d'arrêt, l'arrière-plan sera un peu plus recouvert par un espace de contenu un petit peu plus large. Cette nouvelle largeur de 1084px implique que votre arrière-plan sera recouvert par 17px d'espace de contenu supplémentaire, de chaque côté. Cette extension se produira aussi pour le point d'arrêt « bureau grand format » dont nous avons parlé (1238px). Si vous souhaitez revoir votre arrière-plan pour tenir compte de ces 17 pixels en moins, nous mettrons à jour la page Aide:Arrière-plan avec un guide détaillé avec ce dont vous avez besoin de faire.

FAQModifier

Les réponses aux questions courantes seront ajoutées ici.

  • Que font les points d'arrêt ?
    • Les points d'arrêt sont une autre façon de créer un site Web réactif. Aujourd'hui nous avons une mise en page fluide, ce qui signifie que le site s'adapte pixel par pixel. Les points d'arrêt sont différents au sens qu'ils s'adaptent uniquement à des paliers spécifiques. Cela crée une expérience plus prévisible, ce qui est particulièrement important étant données les différentes façons dont les utilisateurs ajoutent du contenu sur Fandom.
  • Pourquoi l'espace lisible a-t-il été réduit ?
    • Nous avons réduit la taille du point d'arrêt maximal à une taille plus gérable pour la plupart des utilisateurs. Le site va actuellement jusqu'à presque 1600px au plus large, ce qui causait quelques problèmes de dimensionnement de l'interface (expérience utilisateur) avec les modules, les tableaux et les longueurs de ligne, entre autres choses.
  • Pourquoi la taille de police est-elle si grande ?
    • La taille de police pour le point d'arrêt le plus grand est définie de sorte que le nombre de mots par ligne continue d'apporter une expérience de lecture optimale. Ces dernières années, certaines bonnes pratiques ont évolué, indiquant la portée de mots et caractères par ligne qui apportent les meilleurs résultats. Pour la plupart des utilisateurs, plus il y a de contenu sur la page et plus il est difficile de le consommer, plutôt que plus facile. Les modifications de la typographie sont faites pour corriger cela.
Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA .