Centre des communautés
S'inscrire
Advertisement
Centre des communautés

Comme vous le savez peut-être, la mise en page fluide, première étape du projet Darwin est sur les rails. Il est temps de voir comment cela va impacter votre wiki et comment vous y préparer. Aujourd'hui nous traiterons de l'arrière-plan du wiki.

Arrière-plan avec la mise en page fluide[]

Quand nous avons développé la mise en page fluide, l'une des grandes questions qui se posait était le comportement de l'arrière-plan du site. Nous souhaitions trouver une solution qui ne rendrait pas la création d'image d'arrière-plan plus difficile et ne forcerait pas chaque communauté à mettre à jour son arrière-plan quand la mise en page fluide serait mise en ligne pour tout le monde. Vous trouverez ci-dessous des informations supplémentaires sur comment l'arrière-plan se comporte tandis que la taille de l'écran (ou de la fenêtre du navigateur) augmente.

Ces captures montrent l'arrière-plan du Muppet Wiki avec une taille d'écran « moyenne », similaire à ce à quoi ressemble la largeur fixe de Wikia aujourd'hui.

Voici ce qui se passe quand ça devient plus grand - le fichier de l'arrière-plan est coupé en deux au milieu, endroit où la couleur unie définie dans le Concepteur de thème apparaît. Un dégradé est ajouté entre les deux parties de l'image et la couleur unie. Vous pouvez voir que le bord de l'espace de contenu reste au même endroit par rapport à l'arrière-plan, alors que la taille varie. (Ces images montrent le même arrière-plan à la taille fluide la plus grande, 1270px de large.)

Pour certaines communautés, choisir une couleur d'arrière-plan uni qui fonctionne bien avec la couleur de l'image d'arrière-plan (comme l'exemple ci-dessus) sera le meilleur moyen d'avoir une expérience avec l'arrière-plan plus homogène dans la petite section visible sous l'en-tête Wikia.

Une autre option peut être de choisir une image qui reste cohérente quand elle est coupée en deux. Par exemple, peu importe la couleur choisie (noir , dans l'exemple ci-dessous), l'arrière-plan du Muppet Wiki donne toujours l'effet d'un rideau qui s'ouvre. Dans le cas d'une conception d'apparence avec de la transparence pour la zone de contenu, l'arrière-plan est visible la plupart du temps, il est encore plus important de choisir l'image avec soin.

Quand la largeur de l'écran est tellement petite que l'arrière-plan n'est pas visible (comme c'est le cas sur la plupart des tablettes), l'image de l'arrière-plan n'est plus chargée et la couleur du fond de la zone de contenu prend le pas.

Impact sur les wikis[]

L'image d'arrière-plan sera toujours importée de la même façon via le Concepteur de thème. Certaines communautés pourront même ne pas avoir besoin de mettre à jour leur arrière-plan, si c'est une image qui ne fait pas bizarre quand elle est coupée en deux au milieu.

Les arrière-plans fixes avec une largeur plus petite que 1030px ne seront pas coupés en deux. Le comportement pour les arrière-plans en mosaïque ne changera pas comme la notion de séparation n'a pas lieu d'être, et ce peut être la solution la plus simple pour les arrière-plans avec une mise en page fluide.

Ces ajustements sont tous effectués automatiquement une fois que la mise en page fluide est activée : c'est donc la bonne nouvelle : vous n'avez pas besoin de faire quoi que ce soit pour préparer votre arrière-plan pour l'apparence fluide !

Toutefois, nous avons reçu un certain nombre de questions et demandes de certaines des communautés qui utilisent la transparence dans la conception de leur wiki. Cela a du sens, bien sûr, si vous avez une superbe image d'arrière-plan visible sous la zone de contenu et que vous ne souhaitez pas qu'elle soit coupée au milieu. Ou peut-être la séparation n'est pas un problème, mais que la couleur d'arrière-plan unie choisie pour le fond fonctionne bien pour les bords extérieurs de votre image, mais pas au milieu ?

Nous sommes très heureux de vous présenter deux nouvelles options pour le Concepteur de thème qui permettent de répondre à ces besoins. Ces options sont disponibles dès que la mise en page fluide est activée sur une communauté.

Option « pas de séparation »
Concepteur de thème - fluide - pas de séparation

La largeur maximale avec la mise en page fluide pour la zone de contenu d'un wiki est 1600px. Une image d'arrière-plan qui ne sera pas coupée en deux doit être encore plus large que cela, afin d'être visible de chaque côté du contenu. Aussi, l'option « pas de séparation » ne devient disponible pour une image que quand la largeur est d'au moins 2100px. Cela assurera qu'il y a toujours une quantité raisonnable de l'arrière-plan visible de chaque côté.

Avec cette option sélectionnée, l'image d'arrière-plan restera fixe quand la taille de la zone de contenu change. Ou, pour le dire autrement, la partie de l'arrière-plan recouverte dépendra de la largeur de l'affichage de l'utilisateur.

Deux couleurs de fond
Concepteur de thème - fluide - milieu

Si la coupure au milieu n'est pas un problème, mais que vous aimeriez que la couleur à l'intérieur de la séparation soit différente de la couleur à après les bords extérieurs de l'image, et la plupart de la zone d'en bas aussi, vous pouvez le faire ! Il y a maintenant deux carrés permettant de sélectionner des couleurs disponibles dans le Concepteur de thème. La couleur « principale » sera visible au delà des bords extérieurs de l'image. La couleur « milieu » sera la même que la couleur principale par défaut mais peut être modifiée en fonction de vos besoins pour une image d'arrière-plan spécifique.

Une des raisons pour laquelle nous avons laissé du temps aux utilisateurs pour qu'ils donnent leur avis est pour que nous puissions effectuer des changements comme ceux-ci, pour répondre aux demandes spécifiques des communautés. Merci à tous ceux qui ont porté ces besoins à notre attention !

Si vous êtes un administrateur et que vous avez besoin d'aide pour préparer votre wiki pour la mise en page fluide, faites-le nous savoir ici.



Vous avez des questions ou souhaitez en discuter ? Consultez le forum Darwin.

Advertisement