Plonger dans le plugin Book Review Block

Publié: 2020-10-16

Créé par Donna Peplinskie, Product Wrangler chez Automattic, le plugin Book Review Block a presque trois ans. Cependant, cela n'a attiré mon attention que lors d'une récente excursion pour trouver des plugins de blocs intéressants.

Le plugin fait à peu près ce qu'il dit sur la couverture. Il est conçu pour réviser des livres. Il contient généralement tous les champs que les utilisateurs pourraient avoir besoin d'ajouter à leurs avis, tels qu'un titre, un auteur, une image, une note, etc. La chose intéressante est qu'il peut automatiquement remplir ces détails avec une simple valeur ISBN. De plus, il prend en charge le balisage de schéma, ce qui peut aider au référencement.

Beau temps, mauvais temps, malade ou en bonne santé, je lis tous les jours. Je suis actuellement à un mois et demi d'une séquence de lecture de deux ans. Quand l'envie me prend, je me permets même d'écrire une critique de livre. Autant je veux partager des projets WordPress intéressants avec la communauté, autant j'ai parfois des motivations personnelles pour tester et écrire sur des plugins comme Book Review Block. Tout ce qui pourrait m'aider ou aider d'autres lecteurs avides à partager nos réflexions sur le monde de la littérature avec d'autres est intéressant.

Certes, j'étais excité lorsque j'ai branché l'ISBN de Rhthym of War , le quatrième livre à venir de ma série fantastique préférée de tous les temps, The Stormlight Archive . J'avais simplement besoin de cliquer sur le bouton "Obtenir les détails du livre".

Succès! Le plugin a travaillé sa magie et a extrait les informations nécessaires. Il y avait le nom de mon auteur préféré, l'éditeur, la date de sortie à venir et le nombre de pages. Il y avait même une longue description, que je pouvais réduire dans l'éditeur.

Utilisation du bloc de révision de livre dans l'éditeur WordPress.
Sortie par défaut du bloc Book Review.

Il y avait un peu de travail pour que cela se produise avant le succès. Pour extraire automatiquement les détails du livre, les utilisateurs finaux doivent disposer d'une clé API de Google. Il m'a fallu environ une minute pour le configurer et le saisir dans le champ disponible dans la barre latérale des options de bloc. La grande chose à propos du plugin est qu'il enregistre cette clé afin que les utilisateurs n'aient pas à entrer à chaque fois qu'ils veulent réviser un livre.

Critique de livre Bloquer un bon point de départ. Il est simple et simple à utiliser. Ce n'est pas encore à un point où je l'appellerais un excellent plugin. Cependant, cela pourrait être le cas.

Tomber court

Le bloc Book Review du plug-in devrait s'inspirer du bloc principal Media & Text. Au fond, les deux font essentiellement la même chose visuellement. Les deux sont des blocs avec une image et du contenu côte à côte.

Voici une liste d'éléments pour lesquels il devrait suivre l'exemple du noyau :

  • Aucun moyen de modifier le texte alternatif (le titre du livre est automatiquement utilisé).
  • L'image est toujours alignée à gauche et le contenu à droite sans aucun moyen de les retourner.
  • Les médias et le contenu ne sont pas empilables sur les vues mobiles.
  • Impossible d'ajuster la taille de l'image ou des colonnes de contenu.
  • Bien que les contrôles de texte enrichi en ligne soient pris en charge, les utilisateurs ne peuvent pas ajouter de blocs de titre, de liste ou de paragraphe à la zone de contenu et utiliser leurs options de bloc associées.

C'est la liste restreinte qui pourrait offrir quelques améliorations rapides à l'expérience utilisateur. En fin de compte, les problèmes avec le plugin se résument essentiellement à ne pas offrir un moyen de personnaliser la sortie.

L'un des autres problèmes récurrents est que l'image du livre que le plugin charge est toujours un peu petite. Cela semble être plus un problème de l'API Google Books que du plugin. Chaque fois que j'ai testé un livre, j'ai choisi d'ajouter une image plus grande - le plugin vous permet de remplacer la valeur par défaut.

Les paramètres de couleur sont limités. Le bloc propose uniquement une option de couleur d'arrière-plan sans aucun moyen d'ajuster la couleur du texte. Une meilleure option pour les utilisateurs du plug-in consiste à l'envelopper dans un bloc de groupe et à y ajuster les couleurs d'arrière-plan et de texte.

Envelopper le bloc Book Review à l'intérieur d'un bloc Group dans l'éditeur WordPress.
Bloc de critique de livre enveloppé dans un bloc de groupe.

Ce serait également bien d'avoir des options d'alignement larges et complètes, ce qui est une caractéristique souvent négligée par de nombreux auteurs de plugins de blocs.

Utilisation du bloc Média et texte pour recréer le bloc de critique de livre

Le plugin Book Review Block a beaucoup de potentiel, et je veux le voir évoluer en offrant plus de flexibilité aux utilisateurs finaux. Parce que le bloc Media & Text est le bloc de base le plus proche de ce que propose le plugin, j'ai décidé de recréer un design plus attrayant avec lui.

Création d'une section critique de livre avec le bloc Média & Texte dans l'éditeur.
Section de critiques de livres créée avec le bloc Média et texte.

J'ai fait quelques ajustements du côté du contenu. J'ai utilisé le bloc Titre pour le titre du livre, un bloc Liste pour les métadonnées du livre et un bloc Paragraphe pour la description.

Le bloc Média et texte m'a également donné la liberté d'ajuster l'alignement, d'empiler l'image et le contenu sur les vues mobiles et de modifier la taille de l'image. De plus, il possède ce champ très important pour personnaliser l'attribut alt de l'image.

Le bloc Média et texte m'a donné beaucoup plus de possibilités de conception.

Cependant, il existe des limitations au bloc de base. Il ne capture pas entièrement certaines des fonctionnalités disponibles via le bloc Book Review. Les plus évidentes sont les détails automatiques du livre via un ISBN et le balisage Schema. Moins évident, il n'y a pas de moyen facile de recréer le nombre d'étoiles - j'ai utilisé des étoiles emoji - et le long texte de description ne s'enroule pas sous l'image. Pour recréer cela, vous devrez choisir d'utiliser une image alignée à gauche suivie d'un contenu.

Dans l'ensemble, le bloc Media & Text me donne la possibilité de mieux styliser la sortie, ce qui m'intéresse le plus en tant qu'utilisateur. Je veux donner ma touche unique aux choses. C'est là que le plugin Book Review échoue. C'est aussi le genre de choses sur lesquelles l'auteur du plugin peut itérer, offrant plus de flexibilité à l'avenir.

C'est là que de nombreux plugins de blocs se trompent, en particulier lorsqu'il y a plus d'un ou deux bits de données que les utilisateurs doivent saisir. Les blocs représentent la liberté à bien des égards. Cependant, lorsque les développeurs de plugins s'en tiennent à une structure rigide, les utilisateurs peuvent parfois perdre ce sentiment de liberté qu'ils auraient autrement avec la construction de leurs pages.

L'un des meilleurs blocs, sans conteste, qui préserve cette liberté provient du plugin Recipe Block. Il a des entrées et des champs structurés. Cependant, il permet aux utilisateurs finaux de créer leur propre contenu de forme libre.

Lorsque les auteurs de blocs vont au-delà de cette rigidité, les utilisateurs sont gagnants.