Wikia

Wikia Français

Commentaires15

Modifications de la disposition et de la navigation à venir le 3 octobre

Wyz septembre 20, 2012 Blog utilisateur:Wyz

Ces derniers mois, nous avons étudié des façons de rendre la disposition du site plus homogène pour permettre un développement simple de nouvelles options et fonctionnalités. Il en résulte que, le 3 octobre, nous diffuserons une mise à jour sur tout le site touchant quelques aspects de l'apparence Wikia. Comme beaucoup d'entre vous ont personnalisé la disposition de leur wiki, vous souhaiterez probablement ajuster votre arrière-plan et vos personnalisations pour tenir compte de ces modifications. Si votre wiki a un arrière-plan personnalisé, il devra peut-être être mis à jour.

Nous savons que toute modification au look and feel de votre wiki doit être envisagée avec précaution, c'est pourquoi nous avons regroupé ces mises à jour en une seule mise en ligne, pour que vous n'ayez à effectuer les modifications qu'en une fois. Pour vous aider, nous avons créer une méthode pour que vous ayez un aperçu de ce à quoi ressemblera votre wiki avec ces mises à jour, vous accordant du temps pour ajuster votre wiki avant que ces modifications ne soient effectives.

Résumé rapide

  • La largeur du site passe de 1000 à 1030 pixels et l'arrière-plan sera plus visible en haut au centre et en bas au centre, ce qui signifie que les fichiers des arrières-plans auront peut-être à être mis à jour.
  • La navigation de wiki accrue sera activée sur tous les wikis, ce qui signifie que les éléments du menu devront peut-être être revus.

Ce qui change

Augmentation de la largeur

La largeur de la page sera augmentée de 30 pixels, pour atteindre 1030 pixels. Une conséquence ce cette modification est un espace additionnel de 10 pixels pour le contenu des articles. Cette espace de 1030 pixels se répartira de la façon suivante (de gauche à droite) :

  • Une marge de 10 pixels au bord gauche
  • 670 pixels d'espace pour le contenu des articles (c'est à dire l'espace de noms principal ou tout autre espace de noms où la colonne de droite est visible)
  • Une marge de 10 pixels
  • La colonne de droite, quand elle est visible, sera large de 330 pixels
  • Une marge de 10 pixels au bord droit

Ces modifications peuvent paraître anodines, mais elles permettent à nos ingénieurs et designers de travailler avec une disposition en grille plus homogène quand les nouvelles fonctionnalités sont élaborées. Dans les semaines à venir, vous verrez un autre billet de blog de l'équipe de design de Wikia qui fournira une description plus détaillée de la disposition en grille et pourquoi ces ajustements sont bénéfiques.

En-tête Wikia et barre d'outils

La barre d'en-tête qui contient le logo Wikia, les liens gérés par Wikia, votre avatar et nom d'utilisateur changera pour prendre toute la largeur de la fenêtre de votre navigateur. Il y aura maintenant un espace entre cette en-tête et le haut de la page de wiki. La raison de cette modification est d'apporter une meilleure séparation visuelle entre le contenu relatif à Wikia en général (l'en-tête), les publicités et le contenu spécifique au wiki. Ce nouvel espace dévoilera des parties de l'arrière-plan de votre wiki. Actuellement, certains wikis ont un arrière-plan où la partie centrale est vide, puisqu'elle n'a jamais été visible jusque là. Nous suggérons donc de remplir la partie centrale de l'arrière-plan avec une image ou une couleur. Veuillez noter que la taille verticale de cet espace peut varier en fonction des publicités qui y seront affichées.

En-tête Wikia.png

L'en-tête Wikia mise à jour

La barre d'outils en bas du site sera aussi modifiée pour prendre toute la largeur de la fenêtre de votre navigateur, comme l'en-tête en haut. Elle restera ancrée en bas de la fenêtre et ne sera plus « poussée » par le contenu du pied de page en bas de chaque page. Les utilisateurs auront maintenant la possibilité de réduire la barre d'outils via un bouton présent dans le coin en bas à droite. Quand la barre est réduite, 25 pixels de l'arrière-plan sera visible entre le bas du contenu et le bas de la fenêtre du navigateur.

Navigation du wiki

La navigation du wiki — le menu qui s'affiche à droite du logo — sera basculée vers le nouveau style pour tous les wikis. Ce style, à date, est connu en tant que « Navigation de wiki accrue ». Il y a deux raisons principales pour ce changement :

  • Performance du site : avec la possibilité d'avoir l'ancien ou le nouveau style, le JavaScript des deux styles doit être chargé, peu importe celui qui est activé. Avec une seule option, le temps de chargement du site sera réduit et les performances du site améliorées.
  • Une meilleur interaction avec l'utilisateur : notre suivi des clics montre une utilisation plus fréquente des éléments personnalisés de la navigation du wiki pour les wikis avec le nouveau style.
Navigation de wiki accrue.png

Le nouveau style de navigation du wiki

Cette modification signifie que la « Navigation de wiki accrue » sera complètement retirée de Composants de wiki le 3 octobre. Nous recommandons vivement que les administrateurs activent la navigation de wiki accrue avant cette date, afin d'effectuer les ajustements aux en-têtes ou CSS personnalisé qui peuvent être requis. De l'aide pour utiliser ce style de navigation de wiki peut être trouvée ici.

Comment prévisualiser les modifications

Vous pouvez prévisualiser la disposition et l'en-tête plus larges sur n'importe quelle page en ajoutant ?wikiagrid=1&wikiafullheader=1 à la fin de l'URL dans la barre d'adresses de votre navigateur et en rechargeant la page. Exemple : http://communaute.wikia.com/wiki/Wiki_des_communaut%C3%A9s?wikiagrid=1&wikiafullheader=1.

Ces paramètres ne seront pas conservés si vous vous rendez sur une autre page via un lien, vous devrez les saisir manuellement dans la barre d'adresses à chaque fois. Note : la modification pour la barre d'outils ne sera pas visible en utilisant cette méthode de prévisualisation. En utilisant cette méthode vous pourrez constater quelques bugs autour de la position de certains éléments de la disposition globale du site. Ces bugs seront résolus pour le 3 octobre, n'ayez crainte !

Notre équipe de design a créé des fichiers qui vous aideront à préparer des arrière-plans mis à jour pour le 3 octobre, si nécessaire. Nous savons que le look and feel de votre wiki doit être géré avec le plus grand soin, et nous espérons que les informations ci-dessus et les options de prévisualisation vous rendront ces changements aussi simples que possibles.

Ces fichiers .jpg peuvent servir de guide pour créer des arrière-plan mis à jour. Le poids des fichiers doit être de 150 Ko ou moins et les dimensions suggérées sont 1700x800 pixels.

  • Exemple d'arrière-plan
  • Arrière plan avec le contenu ajouté
  • Arrière-plan avec le contenu et les publicités visibles

Mise à jour : Pour ceux utilisant Photoshop (ou un logiciel de dessin permettant d'ouvrir ce type de fichier), nous avons aussi mis à jour ce modèle .psd.


Vous pouvez consulter l'article original ici (en anglais).
Vous souhaitez être informé(e) sur les billets postés en rapport avec les informations techniques de Wikia ? Alors cliquez ici pour suivre ce blog.

Dernières informations techniques

14 septembre 201607 septembre 201631 août 201624 août 201617 août 2016Archives