Un examen de GenerateBlocks : étendre WordPress avec des blocs

Aujourd'hui, je veux revoir GenerateBlocks, un plugin qui est toujours en Alpha. GenerateBlocks a l'idée de créer des blocs WordPress puissants, sans tout le ballonnement. Cela signifie qu'il s'agit d'une petite collection de blocs WordPress légers qui peuvent être utilisés pour accomplir presque tout.

Qu'est-ce que GenerateBlocks ?

GenerateBlocks est créé par les personnes qui possèdent et exécutent un GeneratePress.com. GeneratePress est un thème WordPress gratuit et premium développé par Tom Usborne. Ce que j'aime le plus dans cette équipe, c'est qu'elle est conçue et développée dans un souci de vitesse et de performance. Selon le site (et le client), je me suis retrouvé déchiré entre l'utilisation de GeneratePress et WP Astra. Les deux ont vu des améliorations de vitesse et de performances tout au long de leur base de code tout en permettant toujours la liberté de créer tout type de conception que vous souhaitez.

Regardons les blocs

L'idée principale derrière GenerateBlocks est qu'il y a quatre blocs simples dont vous avez besoin pour créer n'importe quel type de mise en page que vous voulez, de la mise en page la plus simple à la plus complexe. Les quatre blocs sont le conteneur, la grille, le titre et les boutons.

Bloc de conteneur

La façon dont GeneratePress fonctionne est que tout commence à l'intérieur d'un conteneur. Le conteneur est vraiment la façon dont vous commencez à organiser votre contenu en lignes et en sections. Il s'agit essentiellement de l'épine dorsale de tous les blocs proposés par GenerateBlocks et vous donne un contrôle total sur l'apparence de votre site Web.

Bloc de grille

Le prochain bloc à examiner est le bloc Grid. Une fois que vous avez ajouté un conteneur, vous souhaitez ensuite placer un bloc Grid à l'intérieur de votre conteneur et réellement concevoir ou configurer le nombre de lignes que vous souhaitez avoir. Maintenant, la pièce intéressante à propos du bloc Grid est qu'il établit une nouvelle norme pour une grande création. Avec le bloc Grid, vous avez un contrôle total sur des paramètres tels que l'alignement de la grille, le flux et même la réactivité.

Bloc de titre

Maintenant, une fois que vous avez ajouté un blocage, la prochaine chose que vous voudrez peut-être ajouter est un bloc Headline. Le bloc Headline est vraiment conçu pour vous aider à faire passer votre typographie à un tout autre niveau. Avec le bloc Titre, vous pouvez ajouter des en-têtes allant des balises H1 à H6 et vous pouvez même ajouter un bloc de texte de paragraphe. Dans le bloc Titre, vous pouvez contrôler les paramètres tels que la typographie, les couleurs, l'espacement et même les icônes.

Bloc de boutons

Enfin, arrondir GenerateBlocks est un bloc Buttons. Avec le bloc Boutons, vous pouvez créer n'importe quel type de bouton, qu'il s'agisse de médias sociaux ou d'un bouton en savoir plus ou même d'un bouton d'inscription. Et avec le bloc Boutons, vous contrôlez la typographie, les couleurs, l'espacement et même les icônes. Ce que j'aime le plus dans le bloc Buttons, c'est que vous pouvez ajouter plusieurs boutons au même bloc. Vous pouvez également le styler un peu différemment, par exemple en alignant les boutons horizontalement et verticalement, ou même en occupant tout l'espace où se trouve ce bloc de boutons.

Critique de la vidéo

Pour voir tout cela en action, j'ai créé une critique vidéo pour vous. Cette critique vidéo est un peu différente. Au moment d'écrire ces lignes et au moment de cette vidéo, GenerateBlocks est toujours en alpha, nous verrons donc probablement des changements dans GenerateBlocks et son fonctionnement. J'ai commencé cette vidéo en utilisant le thème WordPress par défaut TwentyTwenty, que j'ai utilisé pour toutes les critiques jusqu'à présent.

Cependant, une chose que vous saurez, c'est qu'après un certain temps, cela n'avait plus de sens de l'utiliser dans le thème TwentyTwenty à cause de son état alpha et parce qu'il fonctionne très bien avec GeneratePress. Je suis donc passé à l'utilisation de GeneratePress pendant les 20 dernières minutes environ de la vidéo. Comme toujours, j'espère que vous apprécierez ces vidéos et que vous pourrez vous expliquer comment vous pourriez utiliser le nouvel éditeur de blocs WordPress avec votre site.

Principales fonctionnalités de l'utilisation de ce plugin

GenerateBlocks a une idée intéressante du nombre de blocs que vous devriez avoir. Au lieu de créer une collection de 20 ou 30 blocs, la vision de GenerateBlocks est de créer les blocs dont vous avez besoin et d'utiliser la fonctionnalité de blocs réutilisables intégrée à l'éditeur de blocs WordPress. Cela signifie que vous ne trouverez pas de blocs de héros, de blocs CTA ou même de blocs de tarification. Au lieu de cela, vous créez vous-même ces blocs, les enregistrez en tant que blocs réutilisables, puis lorsque vous créez une nouvelle page, vous commencez à ajouter ce bloc à la nouvelle page et convertissez ce bloc réutilisable en un bloc normal, puis y apportez des modifications. .

Lors de mes tests, j'ai découvert que cela est en fait plus rapide pour moi, surtout lorsque j'essaie de contrôler tous les aspects de conception d'un site. Je n'ai pas à m'inquiéter de l'installation de plusieurs plugins de collection de blocs différents pour créer un site à l'aide du nouvel éditeur de blocs WordPress. Et le meilleur de tous est que GenerateBlocks fonctionne avec GeneratePress, qui est mon thème de prédilection ces jours-ci, en particulier lorsque vous utilisez l'éditeur de blog WordPress.

Quels types de blocs sont inclus ?

Comme je l'ai mentionné précédemment, il existe quatre blocs fournis avec GenerateBlocks.

• Récipient
• Grille
• Gros titre
• Boutons

Prix?

Le prix de GenerateBlocks est gratuit. Cela en fait une solution abordable pour commencer à jouer et voir tout ce que vous pouvez faire dans l'éditeur de blocs WordPress. Vous voudrez GeneratePress Premium, vous envisagez donc de dépenser environ 50 $ pour le thème.

Qui devrait utiliser ce plugin ?

Pour le moment, je ne suis pas prêt à recommander GenerateBlocks au grand public. Cela dit, si vous êtes un développeur ou si vous connaissez un certain CSS simple, vous voudrez peut-être jeter un œil à GenerateBlocks et voir si c'est quelque chose qui fonctionnerait pour vous. Je pense qu'à mesure que nous voyons GenerateBlocks évoluer vers une version entièrement publiée dans un mois ou deux. Nous verrons également de nombreuses fonctionnalités améliorées et ajoutées.

Dernières pensées

La plus grande fonctionnalité qui me manque dans GenerateBlocks est qu'il n'a pas de bloc de publication. Ce que je veux dire par là, c'est qu'un bloc de publication est nécessaire dans de nombreux cas où vous souhaitez amener votre article de blog sur une page de destination. J'adorerais être dans un environnement qui crée une intégration transparente entre le thème et l'éditeur de blocs WordPress, et avec GenerateBlocks et GeneratePress, nous nous rapprochons. Je recommande vraiment de les vérifier.

AJ Morris

AJ apporte plus de deux décennies d'expérience dans le travail et le développement de sites d'adhésion avec un large éventail de clients.