Le dernier volet de la trilogie "nouvelles Unes" vient d'être publié. Ce dernier volet est 100% webTV.

Nous vous proposons 2 nouveaux modules et de belles améliorations des anciens.

Type 5 et Type 6 sont des nouveaux modules de Une.

Type 5, c'est une grande image avec le titre et la description de la vidéo dans un carré en opacité en haut à gauche. Le pager est de type bullet. Vous pouvez choisir parmi 7 effets de transition entre les vidéos.

Type 6, c'est une image moins imposante. Le titre et la description de la vidéo sont en haut à droite, à l'extérieur de la vidéo. Les flèches pour naviguer dans le module sont personnalisables. Vous pouvez les mettres à l'intérieur ou à l'extérieur du gabarit. 
Le bouton "Voir la vidéo" est personnalisable.

En dehors de Type 3, tous les modules possèdent désormais 7 types de transition différents.
- fade
- bars
- square
- square random
- slip
- slide
- random

Je vous laisse les tester, ce sera beaucoup plus parlant que de me lancer dans une description hasardeuse de chaque effet.

Pour finir, vous verrez que les possibilités de personnalisation des anciens modules ont également été étendues.

Continuons la série consacrée aux nouveautés des modules de Une. Aujourd'hui, la zone de travail est la colonne large centrale de votre site. 

Nous avons créé le nouveau module Moderne 7 et nous avons amélioré le fonctionnement et étendu les possibilités des modules Moderne 1 à Moderne 6.

Avant de rentrer dans le vif du sujet, je voudrais faire un petit rappel concernant le paramétrage du design de votre site.

J'ai identifié sur la capture d'écran ci-contre les 3 gandes zones de travail du site : 
- zone titre
- zone centrale (qui peut être divisée au maximum en trois colonnes)
- zone ours

Dans chacune de ces zones vous ajoutez vos modules.

Quand nous créons un module nous le créons pour une zone en particulier. Il est rare qu'un module soit disponible pour toutes les zones. C'est la raison pour laquelle, lorsque vous cliquez sur le lien "Ajouter", la bibliothèque de modules n'affichera que les modules disponibles pour la zone considérée.

Par exemple, concernant les modules de Unes
- Moderne 1 à Moderne 7 sont réservées à la zone centrale
- Moderne 8 à Moderne 11 sont réservées à la zone titre

 

Moderne 7 est une nouvelle création. Il s'utilise avec les articles qui possèdent une belle illustration. Le titre et les méta informations (auteur, date, description, ...) s'affichent en surimpression sur l'illustration, avec une opacité, dans le coin supérieur droit.

Le pageur est de type Bullet. Vous pouvez chosir entre les 2 types de transitions : slide ou fade. Le défilement automatique est possible.

 

Sur les ancies modules, il y a tout d'abord un grand nombre d'optimisation qui ont été effectuée, notamment grâce à l'utilisation de JQuery : meilleures transitions entre les articles, alignements plus précis, fluidité accrue, vitesse d'affichage plus importante.

Ensuite, quand cela s'est avéré opportun, nous avons ajouté de nouvelles fonctionnalités, directement issues du travail sur les nouveaux modules.

Moderne 1
Choix de la transition : slide ou Fade
Personnalisation des flèches du pageur

Moderne 2
Choix de la transition : slide ou Fade
Personnalisation du pager : numérique ou bullet
Opacité sur le bandeau (Onglet Design>Corps du module)

Moderne 3 à 6
Meilleurs effets de transition

L'utilisation du framework javascript JQuery en front office nous ouvre un champ de nouvelles possibilités pour les modules de Une de votre site.

Du coup, j'ai pas mal de choses à vous présenter concernant ces modules qui sont très importants pour réussir votre home page. Je vais découper la présentation des nouveautés sur deux notes. Dans celle-ci, je vais vous parler des 4 nouveaux modules réservés à la zone de titre du site.

Jusqu'à présent, vous utilisiez les modules de Une dans la zone centrale. Avec ces 4 là, vous allez pouvoir enrichir la zone de titre. Si vous optez pour un module de Une dans cette zone, sachez qu'il ne sera pas affiché dans les pages internes mais uniquement sur la home page.

Il y a donc 4 types de présentations différents. Passons les en revue

J'ai choisi d'illustrer la note avec Moderne 8 (image ci-dessus)

Moderne 8 est le module le plus visuel. Il se compose d'une grande image, qui occupe toute la largeur du gabarit. Le titre et les meta informations associées à l'article (description, auteur, date, ...) s'affichent sur un carré en opacité sur l'image.

Moderne 8 permet de publier jusqu'à 5 articles à la Une. Un pager sous forme de "bullets" (petits ronds style iOS) permet de naviguer entre les différents articles. Une opacité est automatiquement appliquée sur les bullets.

Au niveau des transitions d'affichage, vous avez le choix entre 2 effets :
- Slide : effet de glissement lors d'un passage d'un article à l'autre
- Fade : effet de fondu 

Il est possibe de choisir un défilement automatique, et de régler la temporisation du défilement. 

Vous remarquerez au passage que l'interface de paramétrage du module a été améliorée. Les options sont contextuelles et apparaissent en fonction de leur activation ou non. Cela évite de surcharger l'interface inutilement, et rend plus intuitif le paramétrage.

Moderne 9 est un type de présentation classique mais contenant des petites subtilités qui font toute la différence.

A gauche, le titre et les méta-données de l'article. A droite, sur la moitié du module, la photo associée. Une image de taille moyenne suffit donc pour habiller ce module.

Notez l'effet ombré en CSS3 sur les contours de l'image. L'ombre est positionnée à l'extérieur de la bordure.

Moderne 9 peut accueillir jusqu'à 5 articles en Une. La navigation s'effectue à partir du pager Bullets. L'effet de transition est de type Fade.

Moderne 10 affiche la photo dans la partie gauche du module. La taille est moyenne et panoramique. Une ombre en CSS est appliquée à l'intérieur de la bordure de l'image. Sur la partie droite, on retrouve le titre et les meta données de l'article.

Avec Moderne 10, vous pouvez placer jusqu'à 5 articles à la Une. Comme effet de transition entre les articles, vous pouvez choisir entre Slide et Fade. Le défilement automatique est possible.

La particularité de Moderne 10 réside dans les flèches qui permettent de naviguer entre les articles. Les flèches sont à l'extérieur du gabarit. Ce ne sont pas des images, mais des flèches réalisées entièrement en CSS3. Non seulement cela permet d'accéler la vitesse d'affichage, mais surtout cela permet de les personnaliser facilement. Pour cela, vous n'avez qu'à intervenir sur la police Pager du module. Vous pourrez ainsi jouer sur leurs couleurs.

Si les possibilités de personnalisation des flèches CSS par défaut ne vous conviennent pas, vous pouvez les remplacer par des images personelles. Dans ce cas là, il vous faudra uploader dans le module 2 images. Une pour la flèche de droite et une pour la flèche de gauche. 

Moderne 11 est directement inspiré d'un des modules de Une de la Web TV. L'image est à gauche et est assez grande. Sur la droite, en colonne, la liste des 4 articles à la Une.

Pour l'article sélectionné, on retouve son titre et ses meta informations sur un bandeau horizontal en opacité sur l'image. La couleur de l'opacité correspond à la police dominante et reste ainsi en accord avec la couleur de fond du module. La couleur de l'article sélectionné correspond à la couleur de background de la police titre. 

L'effet Fade est utilisé pour la transition entre les articles. Le défilement automatique est possible et vous pouvez également régler la césure sur la description des articles au niveau des 4 positions, de façon à travailler finement vos slogans ou vos accroches.

Nous venons de voir les nouveautés réservées à la zone de titre des CMS.

Dans des prochaines notes, je vous présenterai d'autres nouveautés concernant les modules de Une du CMS et de la Web TV.

Préparez-vous à solliciter encore plus votre canal carpien ! Le clic droit fait son apparition dans le back office.

Dans des endroits stratégiques de votre interface de gestion, nous allons déployer progressivement l'accès rapide à certaines fonction à partir d'un simple clic droit de souris. La différence entre une application en ligne telle que WMaker et une application installée sur le poste va devenir encore plus ténue.

Dès aujourd'hui, le clic droit peut s'utiliser pour gérer le positionnement de vos articles à la Une.

A partir de la liste de vos articles (CONTENU > Modifier), un clic droit sur l'icone d'un article permet de sélectionner sa position à la Une.

Personnellement, ca me change la vie ! Avant, cela me coutait énormément de clics pour réorganiser ma Une lors de la publication d'un nouvel article. Maintenant, je peux choisir facilement et rapidement, tout en gardant l'ensemble des positions sous les yeux.

Il y a de plus en plus de webmarchands dans la communauté WM. Aussi, nous avons décidé il y a quelques semaines de faire un petit tour d'horizon de ce qui se fait de mieux actuellement dans les boutiques en ligne.

Ce benchmarking nous a donné plein d'idées. Il va donc y avoir du changement dans les prochains jour dans vos boutiques !

Aujourd'hui, je vous propose de découvrir le tout nouveau module "Produit à la Une". Ce module permet de mettre en avant un produit dès la home de votre site.

Plus précisément, ce module va vous permettre de mettre plusieurs produits à la Une. Son fonctionnement s'apparente beaucoup à la gestion de la Une éditoriale du site (avec les articles). L'utilisation est donc ultra-simple.

Produit à la Une propose 2 types d'affichages :

Avec Type 1 (cf.image ci-dessus), vous pouvez mettre jusqu'à 5 produits à la Une. Les 5 produits sont visibles en permanence dans le module. Le produit en position 1 est mis en avant. Un clic sur une des 4 vignettes affiche le produit en position 1.

Avec Type 2, vous pouvez mettre jusqu'à 4 produits à la Une. Chaque produit occupe tout l'espace dans le module. Il est possible de faire défiler horizontalement les produits en mode automatique ou manuellement en utilisant le pageur.

Plusieurs options d'affichage sont proposées : description, prix, ajout au panier, ainsi que le défilement automatique.

Petite remarque pour nos webmarchands pointilleux : avez-vous noté qu'il était possible de choisir un format 16:9 pour les vignettes du module ? Cela vous permettra peut-être d'apporter le plus qui fera la différence dans votre design. Pour cela, n'oubliez pas de faire les recadrages qui s'imposent lorsque vous ajoutez une image à un produit (en utilisant le crop ).

Commencez par placer sur votre home un module "Produit à la Une". Ce module s'ajoute en colonne centrale, il est classé dans la catégorie Webservices.

Ensuite, toujours en back office, éditez la fiche du produit. Vous verrez que dans le formulaire d'édition du produit, en haut à droite, une représentation schématique du module apparait. Sélectionnez y la position de votre produit dans le module.

C'est aussi simple que ça. Il ne vous reste plus qu'à mettre en avant les produits de votre boutique et à doper vos ventes !

Moderne 6 est un nouveau style de présentation pour votre Une. Il est déjà utilisé depuis quelques semaines sur le site www.marianne2.fr. Il a même été développé spécifiquement à l'occasion de la refonte du design de ce site.

Aujourd'hui, il est disponible pour tous les utilisateurs de WMaker. En effet,  notre collaboration avec Marianne2.fr bénéficie à l'ensemble de la communauté WMaker. A chaque fois qu'une innovation est généralisable à l'ensemble de l'application WM, nous ne manquons pas de le faire.

Moderne 6 est un module de Une à 3 positions. Une position principale et 2 positions secondaires.

Vous avez la possibilité de définir la césure sur le texte d'accroche dans la position principale. Dans les positions secondaires, il n'y a que le titre de l'article.

Bien sûr, les informations connexes à l'article ( date, auteur, commentaires, ...) peuvent être affichées au non.

Pour utiliser Moderne 6, il suffit de choisir ce style d'affichage dans le menu Fonctionnalités de votre Module de Une.

Alors? Quelles sont vos premières impressions ?

Moderne 5 vient étoffer vos possibilités de présentation des articles à la Une. Il s'agit du dernier mode d'affichage de la série Moderne.

Moderne 5 permet de placer jusqu'à 4 articles à la Une.

Les titres des articles sont affichées en colonne, sur la droite du module. L'article en cours de consultation est identifié par un sélecteur en forme de flèche.

La configuration de l'affichage de la colonne s'effectue dans le menu Polices, au niveau de la police Titre.

Au bas de l'illustration, un bandeau en surimpression permet d'afficher, en plus du titre de l'article, les informations associées. Il est possible de choisir d'afficher :
- l'auteur,
- la date de rédaction
- le nombre de commentaires

Ces réglages s'effectuent dans Fonctionnalités > Moderne > Plus de paramètres.

Dans ce menu, vous noterez également l'apparition d'une nouvelle fonctionnalité : le choix de la vitesse du défilement automatique.

C'est quelque chose que vous avez été nombreux a demander dans le support. Cette fonction est désormais disponibles pour tous les types d'affichage de la série moderne qui proposent le défilement auto (moderne 1, 2 et 5)

Pour l'activer, il faut cocher la case "défilement automatique" et choisir la durée en seconde.

Moderne 4 est le dernier des modules de Une qui compose la série Moderne.

A l'instar de Moderne 3 , Moderne 4  permet d'afficher simultanément 3 articles à la Une. C'est donc un module assez visuel mais qui permet d'afficher plus d'informations sur l'article que Moderne 3.

Ainsi, avec Moderne 4, vous affichez le titre de l'article et les informations de publication (auteur, date) en haut de la photo, tandis qu'au bas de la photo, vous affichez le début de l'article (conformément à la césure que vous avez définie).

Nous espérons que les 4 modules de la série Moderne vous permettront de dynamiser efficacement la Une de vos portails.

Nous allons continuer d'enrichir la série Moderne avec de nouveaux modules. Toutefois, afin de rénover de la façon la plus homogène possible l'ensemble des modules de l'application, nous allons dans l'immédiat concentrer nos efforts sur les modules de Rubrique à la Une.

Une première nouveauté vous a déjà été proposée, il s'agit du module Rubrique à la Une 16/9 .  Durant l'été, de nouveaux modes d'affichage vont venir étoffer ce module.

Aujourd'hui, Moderne 3 vient compléter l'éventail des modules de Une de la série Moderne.

Moderne 3 offre une présentation 100% visuelle car en dehors du titre de l'article, aucun texte n'est affiché.

Avec ce nouveau module, vous affichez jusqu'à 3 articles en permanence sur votre Une.

L'article en première position s'étend sur toute la largeur. Les articles en position 2 et 3 viennent se positionner sous le premier.

Cette semaine, nous mettons en ligne un nouveau module de Une de la série Moderne.

La série Moderne propose des modules de Une qui mettent en avant les images de vos articles.

Moderne 2 est la seconde déclinaison de la série. Ce module permet de mettre jusqu'à 4 articles à la Une.

Dans un bandeau qui se positionne en surimpression de la photo, vous choisissez d'afficher en plus du titre de l'article :

• la date de rédaction,
• l'auteur,
• les commentaires

La couleur du bandeau est paramétrable (c'est la fameuse option "Dominante" dans le choix des polices du module)

Vous remarquerez que contrairement à Moderne 1, Moderne 2 affiche un mini pageur qui s'utilise pour faire défiler les articles dans le module.

Notez enfin que vous pouvez choisir l'option de défilement automatique.