Pour finir en beauté ce mois d'Avril, qui pour la plupart d'entre vous a été pluvieux (eh oui en Corse il fait 25°), nous vous présentons 4 nouvelles collections de boutons d'actions.

Pour rappel, les boutons d'actions sont utilisés un peu partout sur votre site. Il y a notamment le bouton Accueil ou encore les boutons Imprimer et Envoyer dans la page article. Vous pouvez les définir dans l'onglet Boutons du menu Paramètres Généraux>>Elements visuels. Comme je le dis toujours, ceux sont, certes, de petits détails, mais ils font toute la différence dans la finition d'un projet Web.

Comme vous le savez, la conception d'un thème est étroitement lié au développement de nouveautés. C'est pourquoi ce n'est pas une personne qui est derrière un thème mais tout une équipe, alors je profite de cette note pour remercier les développeurs qui supportent mes humeurs et font toujours tout leur possible pour réaliser mes demandes qui peuvent parfois être assez compliquées à mettre en place :)

Revenons à la présentation de cette nouvelle maquette. Sa structure est, malgré le fond foncé et texturé, assez épurée et linéaire comme son nom l'indique. Elle est également très différente des maquettes créées jusqu'à présent puisqu'elle propose par défaut un module très visuel : Fil de l'eau en zone de titre. Concernant la police utilisée pour souligner le titre et les entêtes des modules, il s'agit de la police Impact, qui malgré son âge n'a pas pris une ride :)

Le code de ce module n'avait pas été modifié depuis un moment alors non seulement nous en avons profité pour proposer un nouveau mode de présentation mais en plus de cela nous avons fait un peu de ménage.

Vous disposez donc maintenant du mode Défilement horizontal qui permet comme son nom l'indique d'afficher plusieurs articles sur un certain nombre de colonnes avec un pager permettant la navigation entre celles-ci. Ce mode était déjà présent dans le module Rubriques à la Une mais nous l'avons un peu modifié pour le fil de l'eau. En effet la navigation ne se fait pas à l'aide de flèches mais à l'aide d'un pager "Bullet" que vous avez pu découvrir dans les nouveaux modes de présentation du module de Une.

Le module Fil de l'eau était disponible jusque ici en colonne centrale, alors toujours dans l'optique de vous offrir plus de possibilités de mise en page, nous l'avons rendu disponible en zone de titre et en zone d'ours. Cela est du plus bel effet, d'ailleurs vous pourrez voir dès demain un exemple d'utilisation dans une de ces zones.

Enfin comme je le disais plus haut nous en avons profité pour faire un peu de ménage, notamment dans le backoffice qui était devenu un peu chargé avec toutes ces différentes options. Nous avons donc mis en place les tokens, pour en savoir plus sur cette fonctionnalité je vous laisse lire, si cela n'est pas déjà fait, la note que Jérôme avait rédigé dessus.

Je vous l'avais promis dans la dernière note présentant le thème CookBook, le prochain thème aurait une structure différente. Ce que je n'avais pas précisé, c'est qu'il aurait également un look and feel qui ne ressemble à aucun autre.

Pour cette maquette nous avons donc choisi un thème plutôt.... "Girly" :) Notre collection étant assez pauvre dans ce domaine c'était l'occasion de remédier à cela.

Cette fois-ci, je me suis appuyée sur la girl team des designers de WM pour la réalisation cette maquette. La girl team a prévu de renouveler l'expérience sur d'autres maquettes.

Le modèle de style est un outil qui a été  construit avec la V5. Il a été pensé et créé lors de la refonte du back office de WMaker.

Lorsque nous l'avons publié la première fois, nous avions en tête une idée très précise de son utilisation : créer un style puis l'appliquer à tous les modules d'un site.

Seulement voilà,  pour ma part, au fil de son utilisation quotidienne, j'ai constaté que la version initiale de l'outil avait des limites et créait une certaine frustration. J'ai donc demandé quelques améliorations.

Mais avant tout, faisons un petit retour en arrière pour rappeler ce que vous pouviez faire avec cet outil avant sa mise à jour. il s'agissait de :

- Créer un modèle de module en paramétrant ses polices (les 10 libellés les plus utilisés), ses bordures, son espacement, ses couleurs de fond, etc.
- Visualiser ce modèle à partir de l'onglet Aperçu
- Appliquer ce modèle aux modules existants (toutes les templates ou une en particulier) et aux futurs modules ajoutés
- Appliquer ce modèle sur un module en particulier à partir de son onglet Gestion du module

Avec le recul, nous avons listés les améliorations à apporter au modèle de style pour le rendre encore plus fonctionnel. Voyons maintenant les mises à jour proposées.

Nous poursuivons notre refonte de tous les webservices du font office V5. Après l'Agenda, les Petites Annonces, voici maintenant la Foire aux Questions.

Avant toute intervention, on effectue un petit bilan de l'état du webservice, et des écarts qui peuvent exister avec les dernières nouveautés proposées par le CMS.
Pour la FAQ, il y en avait quelques uns car cela faisait longtemps que nous n'avions pas modifié ce webservice. Nous avons donc procédé dans un premier temps à un "petit coup de peinture général", afin de redonner de l'allure à la FAQ :)

Ensuite, nous avons remis en forme le moteur de recherche et le process de soumission d'une question. Nous avons harmonisé ces deux éléments en adoptant le design pattern utilisé lors de la refonte de l'agenda et des petites annonces. 

Pour tous les amoureux de la cuisine et des bons petits plats cette maquette est pour vous :)

Avec ses couleurs vives et son gabarit épuré ce nouveau thème va bousculer notre collection.

Pour les sceptiques, je pense que ce design va enfin vous convaincre de l'efficacité et de l'esthétique de ces modules de Une en zone de titre. Mais bon, comme on dit, trop d'effet tue l'effet, alors pour les prochaines maquettes l'organisation et les modes de présentation seront différents... bref je ne vous en dis pas plus :)

J'en ai également profité pour mettre en avant le travail récent de Laurent sur le menu déployable avec, pour rester en harmonie avec la transition du module de Une, un effet fade qui correspond vraiment à l'esprit de cette maquette.

Enfin, dans ce design, c'est un retour des ours multi-colonnes avec un pied de site entièrement dédié au partage sur les réseaux sociaux.

Voir la démo

Ah le Javascript et ses effets ! Grâce à cette fabuleuse technologie ces derniers mois nous vous avons proposé pleins de nouveautés pour rendre vos sites plus attrayants et surtout plus modernes.

En effet vous pouvez désormais choisir différents modes de transitions pour vos modules de Une. Certains d'entre vous l'auront remarqué, nous avons également modifié la transition entre les modules avec Onglets (News, Petites annonces, Rubriques à la une, ect....). Sans oublier bien sûr l'agenda et son effet de glissement entre la carte et la photo de l'évènement, ect...

Bref nous continuons donc à vous proposer toujours plus avec aujourd'hui l'amélioration d'un module que vous êtes très nombreux à utiliser. Il s'agit du Menu déployable !

Certains d'entre-vous ont pu remarquer que depuis quelques jours l'interface du paramétrage des polices de vos modules a évolué.
Nous avons l'avons rendu plus claire en élargissant la zone de modification des couleurs et en épurant le style des boutons de mise en forme des textes.

Le travail de fond sur la refonte des webservices se poursuit. Après l'Agenda, voici maintenant les Petites Annonces.