Hier, Munir Kamal a publié la version 2.1 du Éditeur Plus brancher. Le plus gros changement est une refonte complète de ses contrôles de conception. Le développeur a également ajouté un nouveau bloc d’animation Lottie.

Je ressemble probablement à un disque cassé après avoir couvert les dernières versions du plugin, mais Kamal fait des choses incroyables avec l’éditeur de blocs. Il repousse les limites et expérimente dans des domaines que peu d’autres n’ont pas encore essayé. Je commence à me demander s’il a une liste de contrôle secrète et interminable d’idées de fonctionnalités dans lesquelles il coche quelques cases toutes les deux semaines.

Le plugin n’a que 1000+ installations actives pour le moment. Cependant, il a maintenu une croissance de plus de 11% depuis le point médian de 2020. Je m’attends à ce que cela s’accélère dans l’année à venir alors que Kamal continue de placer des pièces individuelles du plus grand puzzle, qui comprend les blocs gratuits, les motifs et les modèles à Hub de Gutenberg. Il a jeté les bases et dispose désormais de l’une des plus grandes ressources d’éditeur de blocs sur le Web.

Révision des contrôles de conception

Mise à jour des contrôles de bloc dans le plugin WordPress Editor Plus.
Contrôles de conception de blocs plus compacts.

Ma plus grande plainte à propos d’Editor Plus a toujours été à quel point certaines des options de blocage ont été accablantes. Trop de choix peuvent être aveuglants et il est difficile de savoir par où commencer lors de la personnalisation des blocs.

Lors de notre dernière discussion il y a quelques semaines, Kamal a déclaré que «d’autres améliorations de l’interface utilisateur sont encore à venir». Il travaillait déjà sur le resserrement des contrôles, créant ce qu’il appelait une interface utilisateur plus compacte. Il s’inspirait des outils de conception Figma et Sketch.

Dans l’ensemble, cette mise à jour crée cette interface utilisateur plus propre pour laquelle il visait. Certaines des plus grandes améliorations proviennent du déplacement des commandes et des étiquettes en ligne les unes avec les autres. Le changement signifie que les utilisateurs doivent faire moins de défilement pour passer par une multitude d’options.

Il existe encore des zones qui pourraient être nettoyées et rendues plus intuitives. À l’heure actuelle, Editor Plus ajoute des onglets d’options de bloc personnalisés où WordPress a déjà les mêmes onglets. Par exemple, le plugin crée son propre onglet «+ Typographie». Au lieu de cela, il doit monter ses options personnalisées sur l’onglet Typographie de base existant. Du point de vue purement de l’expérience utilisateur, il est déroutant de voir les onglets portant le même nom. Cela créerait également une liste plus compacte d’onglets de premier niveau. Le plugin a d’autres onglets ou contrôles avec le même problème.

Bloc d’animation Lottie

Plan fixe d'un fichier d'animation Lottie de voiture gonflable animée.
Photo de la Voiture gonflable Animation de Lottie.

Kamal a ajouté les sept premiers blocs du plugin dans le dernière mise à jour du plugin. Son objectif principal est d’étendre ce que les blocs WordPress par défaut peuvent faire. Cependant, il avait besoin de créer de nouveaux blocs pour gérer certaines des mises en page qui n’étaient pas possibles avec le noyau seul. La dernière mise à jour ajoute un bloc d’animation Lottie, qui permet aux utilisateurs de créer un lien ou de télécharger un fichier JSON pour une animation Lottie.

Créée par Airbnb, Lottie est une bibliothèque qui analyse les animations Adobe After Effects exportées au format JSON avec Bodymovin. Il les restitue ensuite nativement sur les appareils mobiles ou sur le Web. Les tailles de fichier sont plus petites que de nombreuses autres options et les animations peuvent être agrandies ou réduites sans pixellisation.

LottieFiles est l’une des plus grandes bibliothèques d’animations Lottie gratuites sur le Web. Il propose des milliers d’animations parmi lesquelles les utilisateurs peuvent choisir.

Kamal a déjà commencé à utiliser le nouveau bloc d’animation Lottie dans le Gutenberg Hub bibliothèque de modèles de coupe, qui héberge du code de bloc que les utilisateurs peuvent copier et coller dans l’éditeur, à condition que le plugin Editor Plus soit installé. Jusqu’à présent, il a ajouté trois modèles Lottie avec des animations Black Friday – juste à temps pour la saison des achats.

Capture d'écran d'un modèle de bloc d'animation Black Friday Lottie de Gutenberg Hub.
Plan fixe d’un animé Modèle de vendredi noir.

Alors que les fichiers JSON d’animation Lottie sont petits, le script pour lire les animations ne l’est pas. Le fichier JavaScript coûte 294 ko. Ce fichier n’est chargé que si le bloc Lottie est en cours d’utilisation. La taille peut être un facteur décisif pour certains utilisateurs. Cependant, pour les sites Web à forte animation, cela pourrait valoir la peine d’être envisagé.


Source link