FANDOM


Les arrière-plans peuvent aider à construire l'identité visuelle d'un wiki et à le mettre en valeur. Cette page contient des recommandations sur la manière de créer un habillage d'arrière-plan optimal pour votre communauté.

PrésentationModifier

L'image de fond est configurée via le Concepteur de thème, dans la section Personnaliser. Vous pouvez télécharger l'arrière-plan au format PNG, JPG ou GIF, à condition que le fichier ne dépasse pas 300 kibi-octets (kio). S'il est plus grand, vous pouvez essayer de réduire sa taille en augmentant la compression, en réduisant la qualité de l'image, ses dimensions, ou en changeant de format (le JPG avec perte sera toujours plus petit que le PNG sans perte).

L'apparence finale de l'arrière-plan dépendra de plusieurs facteurs, dont les plus importants sont laffichage et les dimensions de l'arrière-plan :

  • Sur les affichages les plus petits (1065px ou moins), la mise en page dimensionnera automatiquement la zone de contenu pour remplir tout l'écran et utilisera la couleur de base du fond (principale dans le concepteur de thème) au lieu de l'image.
  • Sur des affichages plus larges (à partir de 1066px), l'arrière-plan sera visible de chaque côté de la zone de contenu. La zone de contenu arrête de s'étendre quand elle atteint sa largeur maximale de 1240px.

L'image d'arrière-plan peut être réglée sur mosaïque, ce qui fait qu'elle se répète et remplit toute la zone d'arrière-plan. À moins que vous ne créiez une image spécifiquement pour fusionner avec les bordures de façon transparente, cela pourrait entraîner un affichage gênant et des bords irréguliers entre les images qui se répètent.

Sinon, l'image sera affichée une seule fois, alignée en haut et au centre de l'arrière-plan, selon les dimensions. Si sa largeur est inférieure à 2000px, le wiki la divisera automatiquement en deux afin qu'elle puisse s'afficher à gauche et à droite de la zone de contenu. Si sa largeur est supérieure à 2000px, une option (« pas de séparation ») sera proposée dans le concepteur de thème, ce qui fera que l'image s'affichera entière en tant que partie de l'arrière-plan.

Dans tous les cas, l'option Fixe vous permet de choisir si l'arrière-plan restera fixe, en restant visible lorsque vous faites défiler la page vers le haut ou vers le bas, ou s'il restera aligné vers le haut, en laissant place à la couleur de fond (« principal », comme expliqué ci-dessus).

Créer l'arrière-planModifier

Il peut être difficile de créer un arrière-plan qui soit beau en toutes circonstances, voici donc quelques conseils. Le plus important est d'utiliser un croquis d'arrière-plan comme référence lors de l'édition d'une image dans GIMP, Paint, Photoshop ou tout autre logiciel d'édition d'images :

BackgroundDiagram
  • Espace de l'image : Les zones situées en dehors de la zone de contenu grise afficheront toujours l'image de fond. Les parties en gris foncé ne le font que parfois, en fonction de la taille de l'écran du visiteur. Assurez-vous que votre image est bien visible dans les zones plus sombres.
  • Espace de contenu : La zone gris clair au milieu du modèle est l'endroit où le contenu de la page wiki ira. Par défaut, l'arrière-plan ne sera pas du tout visible derrière cette zone, mais la transparence peut être ajoutée via le Concepteur de thème.

Il peut être utile d'utiliser ce modèle d'arrière-plan pour réaliser vos propres arrière-plans créatifs ! Vous pouvez télécharger un modèle d'arrière-plan au format PSD ici. Le format PSD est compatible avec la plupart des programmes d'édition d'images, comme Photoshop ou GIMP mentionnés ci-dessus.

Conseils pour le Concepteur de thèmeModifier

  • Quand vous réalisez un arrière-plan, considérez toujours la plus grande possibilité de résolutions d'écran. Plus vous adaptez votre arrière-plan pour correspondre à différentes résolutions, plus votre communauté sera contente.
  • Les fonds d'écran, les œuvres d'art clés et les recherches d'images basées sur le thème de votre communauté peuvent être une bonne idée pour trouver une inspiration créative pour votre fond d'écran.
  • Tenez compte de l'ensemble du site lorsque vous créez le fond. Un fond d'écran animé et dynamique peut nuire à la lisibilité de l'espace de contenu si son arrière-plan est défini avec un fort degré de transparence. À l'inverse, un arrière-plan discret et subtil peut être la touche finale dont votre wiki a besoin.
  • Plus le flou (ou dégradé de couleur) sur l'arrière-plan sera large, plus la transition avec la couleur d'arrière-plan sera fluide. Voir Aide:Concepteur de thème/dégradés pour plus de détails sur la façon de créer des dégradés sur une image de fond.
  • Essayez de toujours utiliser le Concepteur de thème pour importer votre image d'arrière-plan et concevoir l'apparence de votre communauté. Les arrière-plans ajoutés en utilisant le CSS personnalisé peuvent être touchés de façon inattendue par des mises à jour système de Fandom et peuvent aussi augmenter le temps de chargement des pages.
  • En général, il est recommandé d'utiliser le concepteur de thème pour télécharger des images de fond et concevoir votre wiki. Les arrière-plans ajoutés via le CSS personnalisé peuvent être désactivés par des mises à jour du système ou des modifications des classes CSS utilisées par le site, ou avoir un effet négatif sur les temps de chargement.
  • Il est possible de faire en sorte que l'image de fond couvre toute la zone visible de l'arrière-plan. Pour ce faire, modifiez Mediawiki:Wikia.css sur votre wiki et ajoutez :
body.skin-oasis,
body.background-dynamic.skin-oasis::after,
body.background-dynamic.skin-oasis::before {
    background-size: cover;
}
  • Si vous modifiez un ancien wiki non-UCP, le code est un peu différent :
body { 
    background-size: cover;
}

Lectures complémentairesModifier

Plus d'aide

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA .