Nouveau : galeries avancées, onglets, visionneuse d'images, etc.

Publié: 2022-08-16

Saviez-vous que les utilisateurs prennent moins de 0,05 seconde pour se faire une opinion sur votre site Web ? Bien que la plupart de cette opinion soit informée par les temps de chargement du site Web, votre conception Web jouera également un rôle.

C'est pourquoi nous sommes de retour avec une autre mise à jour passionnante pour SeedProd afin de faciliter votre processus de conception Web et de vous assurer qu'il fait une excellente impression sur votre public.

Nous avons beaucoup à dire dans cette annonce, alors regardez la vidéo ci-dessous pour un aperçu rapide :

Plongeons maintenant dans les détails des nouvelles fonctionnalités de SeedProd que nous publions aujourd'hui.

Présentez de superbes galeries d'images

Tout d'abord, 2 nouveaux blocs de galerie d'images vous permettent de mettre en valeur vos meilleures images avec des détails au pixel près.

Galerie

Le bloc Galerie utilise le shortcode par défaut de la galerie d'images WordPress pour intégrer des galeries simples et réactives en quelques clics.

Tout ce que vous avez à faire est de faire glisser le bloc Galerie sur votre aperçu en direct, de sélectionner des images à partir de votre ordinateur ou de votre bibliothèque multimédia WordPress et de choisir vos paramètres personnalisés.

Bloc de galerie SeedProd

Par exemple, vous pouvez lier chaque image de la galerie au fichier multimédia ou à la page de pièce jointe, modifier la taille de l'image, le nombre de colonnes et l'ordre, et afficher votre image dans une fenêtre contextuelle lightbox sans distraction.

Vous pouvez même plonger dans les paramètres avancés pour définir un rayon de bordure, des ombres, des couleurs, un espacement, etc.

Paramètres avancés du bloc Galerie

Galerie avancée

La galerie avancée est un bloc SeedProd personnalisé qui vous permet d'ajouter plusieurs galeries n'importe où sur votre site Web. Au fur et à mesure que vous ajoutez des galeries de photos, vous verrez un filtre intelligent, permettant aux utilisateurs de basculer facilement entre eux en un seul clic.

Bloc de galerie avancé SeedProd

Ce bloc a des paramètres similaires au bloc Galerie, tels que la possibilité d'ajuster les colonnes, les liens d'image et l'espacement. Cependant, il dispose également de paramètres supplémentaires pour faire ressortir vos images.

Par exemple, vous pouvez définir le rapport d'aspect de l'image, donnant à une galerie d'images de différentes tailles un aspect uniforme et cohérent. Vous pouvez également activer une couleur de superposition d'arrière-plan et afficher la description, la légende, le titre ou le texte alternatif de l'image au survol.

Bloc Galerie avec superposition de légendes

Comme pour le bloc Galerie, l'onglet Paramètres avancés de la galerie comprend diverses options pour personnaliser les ombres, l'espacement, les bordures, etc. de votre galerie.

Il existe de nombreuses façons d'utiliser les galeries sur votre site Web :

  • Les designers peuvent créer des portfolios pour montrer leurs derniers travaux
  • Les rédacteurs peuvent ajouter des captures d'écran et créer un lien vers leurs derniers articles en ligne
  • Les restaurants peuvent télécharger des photos alléchantes pour illustrer leurs menus

Mais ce n'est pas tout. Ensuite, nous avons un nouveau bloc pour vous aider à organiser le contenu de votre site Web.

Organiser le contenu avec des onglets

Le contenu à onglets est un excellent moyen d'afficher plus de contenu sans occuper d'espace sur votre site Web. Parce que le contenu est organisé en sections cliquables, les utilisateurs peuvent le trouver rapidement, améliorant ainsi l'expérience utilisateur.

C'est pourquoi notre nouveau bloc d' onglets est une énorme victoire pour les sites Web des petites entreprises. Prenez cette page de contact, par exemple :

Paramètres du bloc d'onglets

Les utilisateurs doivent généralement faire défiler la page pour afficher différentes sections d'informations ou, dans le pire des cas, cliquer pour accéder à une autre page. Pourtant, avec le contenu à onglets, ils peuvent tout voir au-dessus du pli, sur une seule page.

Vous pouvez ajouter autant d'onglets que vous le souhaitez et attribuer à chaque onglet une icône et une couleur personnalisées. Il est également très facile d'ajuster l'espacement, la taille de la police et l'alignement avec pointer et cliquer.

Besoin de plus d'options de personnalisation ? Basculez vers les paramètres avancés , où vous pouvez choisir entre une disposition horizontale ou verticale, des couleurs d'onglet, une typographie, des bordures, etc.

Paramètres de bloc d'onglets avancés

Voici quelques idées sur la façon dont vous pouvez utiliser le contenu à onglets dans la conception de votre site Web :

  • Afficher les différentes fonctionnalités du produit
  • Mettre en évidence les questions fréquemment posées
  • Divisez vos services en thèmes

Cela peut sembler être un petit changement, mais le contenu à onglets peut aider à augmenter la satisfaction des utilisateurs tout en rendant votre site plus attrayant.

Personnalisez facilement les sous-menus WordPress

Dans une mise à jour précédente, nous avons introduit le bloc Nav Menu , qui vous permet de personnaliser les menus de votre site Web. Aujourd'hui, cependant, nous avons une mise à jour pour la version WordPress Menu de ce bloc, qui vous donne plus de contrôle sur vos sous-menus.

Après avoir attribué un menu WordPress dans les paramètres du menu de navigation, vous pouvez cliquer sur l'onglet Avancé et modifier la conception de vos sous-menus.

Paramètres de sous-menu avancés

Vous pouvez modifier l'arrière-plan du sous-menu, le texte et la couleur de survol et ajuster les options de hauteur de ligne, de bordure et de remplissage. Pour un peu plus de finesse, vous pouvez même donner aux sous-menus une ombre portée personnalisée.

Ces options de style facilitent l'affichage de menus plus détaillés sur votre site, y compris votre barre latérale WordPress, les widgets de pied de page et votre en-tête de navigation principal.

Optimisez vos images

Comme mentionné précédemment, la vitesse est cruciale dans la conception Web et joue un rôle énorme dans les premières impressions. Si vos images se chargent lentement, les visiteurs ne traîneront pas en attente - ils quitteront votre site et iront ailleurs.

Heureusement, vous pouvez résoudre ce problème avec notre mise à jour du bloc Image . Vous pouvez désormais afficher des versions plus petites d'images sur votre site et ouvrir les grandes versions dans une fenêtre contextuelle lightbox sans distraction.

Paramètres de la lightbox du média d'image

Choisissez simplement l'option Média - Lightbox dans le panneau des paramètres du bloc Image . Les visiteurs peuvent ensuite ouvrir l'image dans une lightbox pour regarder de plus près.

Fenêtre contextuelle de la visionneuse d'image

Un autre ajout intéressant au bloc Image est la possibilité de définir le rayon de bordure en pourcentage. En jouant avec ces paramètres, vous pouvez créer des styles d'image accrocheurs qui ajoutent de l'intérêt à votre site Web.

Paramètres de rayon de bordure d'image

Superpositions d'images d'arrière-plan

Le dernier grand changement pour cette version est l'ajout de superpositions de couleurs pour les images d'arrière-plan. Vous pouvez superposer des images d'arrière-plan pour les sections, les lignes et les colonnes, créant ainsi une palette de couleurs transparente pour votre site.

Si vous avez une colonne avec du texte, vous pouvez également assombrir l'arrière-plan pour faire ressortir votre contenu, comme nous l'avons fait avec cette section de témoignages.

Superposition de l'image d'arrière-plan

C'est également un excellent moyen d'ajouter des zones de héros attrayantes à votre site tout en gardant vos titres nets et faciles à lire.

Superposition de l'image d'arrière-plan du héros

Outre ces mises à jour essentielles, nous avons également ajouté plusieurs autres ajustements et correctifs. Par exemple, nous avons ajouté des icônes TikTok à notre bloc d'icônes sociales, mis à jour Font Awesome vers la dernière version, et plus encore.

Mettez à jour votre plugin SeedProd aujourd'hui

Si vous êtes un utilisateur premium de SeedProd, vous pouvez mettre à jour votre plugin aujourd'hui et profiter des nouvelles fonctionnalités. Et si vous êtes nouveau sur SeedProd, c'est le moment idéal pour obtenir une licence SeedProd Pro et essayer ces fonctionnalités.

Commencez avec SeedProd aujourd'hui

Nous sommes sur le point de déployer une autre mise à jour pour rendre SeedProd encore plus utile pour vous. Assurez-vous donc de garder un œil sur notre blog.

Jusque-là, continuez à nous faire part de vos demandes de fonctionnalités et de vos commentaires, et faites-nous part de vos réflexions ! Et comme toujours, merci pour votre soutien continu pour faire de SeedProd le meilleur plugin de création de site Web WordPress.