Présentation des blocs Kadence 3.1

L'équipe Kadence est fière d'annoncer la sortie de Kadence Blocks 3.1. Cette dernière mise à jour inclut notre nouveau bloc de formulaire avancé, qui transformera la façon dont vous pouvez utiliser et modifier des formulaires personnalisés dans WordPress. Cette version comprend également un autre nouveau bloc, quelques fonctionnalités mineures et des corrections de bogues. Cette mise à jour complète une nouvelle mise à jour de Kadence Blocks Pro 2.0, qui comprend des mises à jour structurelles, des améliorations de performances et de nouvelles fonctionnalités. Plongeons-nous !

Quoi de neuf?

Le bloc de formulaire avancé

Kadence Blocks a eu un bloc de formulaire de base au fil des ans, et ce formulaire clair et simple était parfaitement adapté aux formulaires de contact de base ou aux formulaires d'abonnement à la newsletter. Cependant, de nombreux utilisateurs de Kadence ont souhaité une solution de formulaire plus robuste. La sortie de Kadence Blocks 3.1 marque la première phase d'un constructeur de formulaires beaucoup plus avancé avec le nouveau Kadence Advanced Form Block. Contrairement au bloc de formulaire de base précédent, ce nouveau bloc est stocké en tant que type de publication personnalisé, il peut donc être modifié à partir d'une page ou dans une zone de formulaires facile à trouver dans le tableau de bord administratif de WordPress. Le nouveau Kadence Advanced Form Block a été conçu pour être dynamique et extensible avec de nombreuses fonctionnalités couramment demandées. Ceux-ci inclus:

• Assistant de base lors de la création de nouveaux formulaires avec des styles prédéfinis.
• Styles d'étiquettes Inline et Float.
• Nouveaux champs de saisie tels que téléchargement de fichier , date, etc.
• Options de style avancées pour les cases à cocher et les entrées de bouton radio.
• Prise en charge des arrière-plans sombres.
• reCAPTCHA, hCapcha, prise en charge de Turnstile pour empêcher les soumissions de formulaires de bot et de spam.
• Une intégration ConvertKit très demandée (fonctionnalité Pro).

Ce nouveau bloc de formulaire avancé enthousiasme toute notre équipe ! C'est une base solide pour commencer à créer des fonctionnalités de formulaire vraiment avancées qui ouvrent une nouvelle opportunité pour le développement de sites WordPress axés sur les données qui ne nécessite aucune expérience de codage pour les propriétaires de sites. Avec un éditeur intégré directement dans l'éditeur de blocs WordPress, le bloc Kadence Advanced Form a été conçu pour la nouvelle ère de WordPress.

Nous avons beaucoup en réserve pour le bloc de formulaire avancé. Recherchez les nouvelles fonctionnalités dans les futures versions, y compris les champs conditionnels !

Le bloc de barre de progression

La visualisation des données est un élément important de la conception de sites, et nous proposons désormais le bloc de barre de progression Kadence pour donner aux propriétaires de sites WordPress un nouvel outil permettant de montrer des relations de données complexes dans une représentation visuelle facile à comprendre. Le nouveau bloc Kadence Progress Bar a trois formes spécifiques qui peuvent être utilisées pour représenter la progression d'un processus ainsi que d'autres valeurs orientées vers l'achèvement. Le lancement initial comprend trois styles avec des tonnes de paramètres et des animations vraiment attrayantes.

Nouveaux paramètres d'édition

Renommer des blocs dans la vue Liste

Lorsque vous travaillez avec de grandes pages dans l'éditeur de blocs WordPress, il peut être difficile de trouver rapidement du contenu nécessitant une modification rapide. Il peut être difficile de naviguer dans le contenu dans la vue de liste pour trouver précisément la bonne section à modifier. Avec la version 3.1, vous pouvez désormais modifier le nom du bloc dans la vue de liste, ce qui facilite l'organisation de votre contenu et vous permet d'accéder rapidement à la section ou au bloc que vous devez modifier.

Vidéos d'arrière-plan Youtube et Vimeo dans le bloc de mise en page en ligne

Vous pouvez maintenant utiliser les vidéos Youtube et Vimeo comme vidéos d'arrière-plan pour vos rangées.

Le rembourrage/la marge afficheront les tailles héritées pour les tablettes et les mobiles

Merci aux membres du groupe Facebook Kadence pour cette suggestion, vous pouvez désormais identifier les tailles héritées pour tablette et mobile. Il s'agit d'un changement minime mais notable dans le fonctionnement de nos contrôles de mesure. Auparavant, vous ne pouviez pas voir ce qui était défini pour le bureau lors de la visualisation/modification d'une tablette ou d'un mobile, et maintenant le paramètre hérité est visible et légèrement opaque, ce qui facilite un peu la création de votre contenu sans avoir à changer autant de contexte.

Le bloc de section a maintenant des paramètres d'espacement vertical des lignes

Les propriétaires de sites peuvent désormais facilement ajuster l'espacement entre les blocs ajoutés à l'intérieur d'une disposition de ligne avec l'écart de ligne.

Gradient Controller a une entrée d'emplacement pour un placement précis

Une autre petite fonctionnalité mais essentielle pour ceux qui souhaitent contrôler précisément leur conception, nous avons ajouté une option pour définir la position du point de contrôle à l'aide d'un champ de saisie au lieu de simplement fournir l'option de faire glisser le point de contrôle, ce qui permet aux propriétaires de sites de obtenir l'emplacement exact lors de la création de dégradés personnalisés.

Mises à jour d'autres notables

• Cadre mis à jour pour utiliser l'ID unique sur tout le site afin d'éviter tout conflit avec les styles.
• Ajout d'étiquettes de bloc dynamiques dans la vue de liste pour les blocs de texte avancé et de bouton avancé.
• Ajout des paramètres Flex Basis au bloc de section.
• Noms de bloc mis à jour pour faciliter la recherche. Déplacement Avancé vers (adv).
• Ajout d'options non suivies et sponsorisées aux liens dans le bloc de liste d'icônes.
• Ajout d'une option pour les polices Google locales si vous n'utilisez pas le thème Kadence (l'option existe déjà dans le thème Kadence).

Quoi de neuf dans Kadence Blocks Pro 2.0 ?

Code réécrit, modernisé et amélioré.

Comme tout le travail que nous avons fait avec Kadence Blocks 3.0, la version Pro de Kadence Blocks nécessitait une mise à jour pour refactoriser Kadence Blocks Pro afin que sa structure de base soit à jour avec WordPress. Cette refactorisation signifie une meilleure stabilité et de meilleures performances. De plus, nous sommes maintenant bien mieux placés pour innover davantage avec de nouveaux blocs avancés et des intégrations d'IA. Voici les faits saillants notables :

• Mise à jour complète de la structure de construction et utilisation maintenant des bibliothèques de composants.
• Mise à jour de la structure React des blocs pour qu'ils soient fonctionnels et utilisent l'API v2.
• Reconstruit la façon dont nous compilons et produisons le CSS frontal pour les personnalisations de blocs.
• Reconstruit notre Javascript frontal pour ne pas utiliser de curseurs jQuery.

Parallèlement à la structure du code, nous avons également mis à jour les paramètres de bloc sur tous les blocs Kadence Pro. Vous verrez maintenant des paramètres à onglets, des composants plus uniformes comme le rembourrage et la marge avec des changements visuels ainsi que l'utilisation de variables dans les tailles au lieu de tailles statiques.

Quelle est la prochaine étape pour les blocs Kadence ?

Nous travaillons activement sur plusieurs projets pour continuer à innover dans la façon dont les utilisateurs de WordPress créent des sites rapides et efficaces. Bien que nous n'ayons pas de délais fixés, l'équipe de Kadence travaille dur pour les mettre entre les mains de nos utilisateurs aussi rapidement que possible. Nous publierons plus d'informations sur chaque projet à mesure que nous approcherons de l'achèvement des initiatives suivantes :

• Kadence IA
• Intégration Kadence Pexels
• Kadence Repeater Block pour les champs ACF et Meta Repeater
• Champs conditionnels dans le bloc Formulaire avancé
• Bloc de formulaire avancé en plusieurs étapes
• Styles globaux
• Bloc de navigation avancée
• Bloc d'en-tête avancé
• Bloc de requête avancé avec filtrage avancé

Go Pro

Si vous n'êtes pas déjà opérationnel avec Kadence Blocks Pro, c'est le moment idéal pour commencer ! Il y a tellement d'avantages merveilleux à devenir pro, y compris des blocs pro personnalisés et des modules complémentaires pro, du contenu dynamique, des icônes et des polices personnalisées et des bibliothèques de conception premium. De plus, il y a tellement plus à venir dans le tuyau. Ne manquez pas!