3 collections de blocs Gutenberg qui montrent ce qui est possible avec le nouvel éditeur de WordPress

A moins que vous n'ayez vécu sous un rocher, vous avez probablement entendu parler du lancement imminent de l'éditeur Gutenberg. Le nouvel éditeur est la chose la plus importante qui soit arrivée à WordPress depuis que le menu du tableau de bord de gauche est né en 2008. L'un des changements les plus importants avec ce nouveau paradigme est l'introduction de « blocs », qui vous permettent d'étendre les fonctionnalités de l'éditeur dans différentes manières.

Même avant le lancement officiel de Gutenberg, il existe déjà de nombreux blocs personnalisés que vous pouvez ajouter à l'éditeur bêta, ce qui augmente ses fonctionnalités d'un kilomètre. Dans cet article, nous parlerons un peu plus de la direction que prend Gutenberg, de la façon dont les collections de blocs peuvent vous aider et de certaines options que vous pouvez déjà essayer.

Allons-y !

Où Gutenberg se trouve maintenant

Comme vous le savez peut-être, Gutenberg est sur le point de se lancer avec WordPress 5.0. Alors que le nouvel éditeur est disponible en tant que plugin depuis des mois, il est désormais prêt à être fusionné dans le noyau dès novembre. En d'autres termes, le moment est venu de vous préparer à ce que l'avenir de WordPress vous réserve.

Depuis la dernière fois que nous avons parlé de Gutenberg, il y a eu des changements assez sympas. Par exemple, vous pouvez désormais faire glisser et déposer des blocs, ce qui rapproche Gutenberg du fait de se sentir comme un constructeur de pages :

En plus de cela, vous pouvez désormais créer des modèles de blocs réutilisables, ce qui est un excellent moyen d'accélérer votre flux de travail de création de contenu. Vous pouvez même importer et exporter des modèles de blocs, ce qui ouvre des voies intéressantes pour la collaboration :

Au cas où vous auriez besoin d'un rappel, les blocs sont à Gutenberg ce que les modules sont à Divi Builder. En d'autres termes, ce sont les éléments de base que Gutenberg utilise pour structurer les pages et les publications :

Par défaut, l'éditeur contient des dizaines de blocs, mais il est possible d'en ajouter encore plus via des plugins. Vous pouvez même télécharger et installer plusieurs blocs associés à la fois en téléchargeant une « collection de blocs ». En pratique, cela fonctionne de la même manière que l'installation d'un plugin standard, la seule différence étant que les collections de blocs Gutenberg ne fonctionnent que si vous avez déjà activé le nouvel éditeur. Jusqu'au lancement de la 5.0, vous devrez donc d'abord installer et activer le plugin Gutenberg.

La clé ici est que Gutenberg s'en tiendra à la tradition WordPress de fournir une sélection de base d'options, tout en vous permettant de les étendre pour répondre à vos propres besoins. La combinaison de blocs dans des collections rend également le processus encore plus facile car vous n'avez qu'à télécharger un seul plugin pour ajouter plusieurs blocs associés.

3 collections de blocs Gutenberg à découvrir

À ce stade, vous pouvez ajouter de nombreux blocs Gutenberg individuels à l'éditeur. Cependant, nous allons maintenant nous concentrer sur les collections à la place, car cela réduit le temps passé à ajouter et à installer plusieurs blocs individuellement. Alors que la liste des collections disponibles est susceptible de s'allonger, en voici trois qui valent déjà le détour.

1. Blocs atomiques

De toutes les collections de blocs Gutenberg disponibles actuellement, Atomic Blocks est de loin l'option la plus raffinée. Cela devient évident dès que vous l'installez puisque vous serez accueilli avec une page d'accueil complète :

À l'heure actuelle, Atomic Blocks contient onze blocs, qui comprennent des grilles de publication, des conteneurs, des témoignages, des avis en ligne, des accordéons, etc. Pour éviter toute confusion, Atomic Blocks sépare tous ses nouveaux blocs dans un nouvel onglet, que vous verrez une fois que vous aurez lancé l'éditeur après avoir installé le plugin :

Dans l'ensemble, la collection Atomic Blocks semble être une excellente extension de ce que Gutenberg a actuellement à offrir. Sa sélection de blocs étend les fonctionnalités du nouvel éditeur avec des options qui seront utiles à une variété de sites.

Principales caractéristiques:

• Comprend onze nouveaux blocs Gutenberg.
• Ajoute des grilles de publication, des conteneurs, des témoignages, des icônes de partage et bien plus encore.
• Sépare les nouveaux blocs pour éviter toute confusion.

Prix ​​: Gratuit | Plus d'information

2. Empilable

Empilable est une autre de nos collections de blocs Gutenberg préférées. À l'heure actuelle, il comprend 17 nouveaux blocs que vous pouvez ajouter à l'éditeur, dont certains sont similaires à ceux fournis par Atomic Blocks :

Basée uniquement sur le nombre de blocs, cette collection est l'une des plus importantes du marché. Plus important encore, tous les blocs de Stackable sont hautement polis. Le plugin inclut même des options de personnalisation avancées, telles que la possibilité d'ajouter et de modifier des images d'arrière-plan, des animations, etc.

En fin de compte, Atomic Blocks et Stackable adoptent deux approches différentes pour le développement de blocs Gutenberg. Le premier vise à ajouter à la simplicité fondamentale que Gutenberg vise. Empilable, en revanche, est une meilleure option si vous recherchez une collection de blocs Gutenberg qui ressemble à ce que vous verriez dans un constructeur de pages plus traditionnel.

Principales caractéristiques:

• Comprend 17 nouveaux blocs Gutenberg.
• Personnalisez vos nouveaux blocs en modifiant leur arrière-plan, en ajoutant des animations, en modifiant la taille du texte, etc.

Prix ​​: Gratuit | Plus d'information

3. Blocs de l'éditeur

Editor Blocks est le petit nouveau du bloc en ce qui concerne les collections Gutenberg Block. Il n'a pas autant d'installations ou de critiques que les plugins que nous proposons habituellement. Cependant, après avoir testé cette collection de blocs, il est clair qu'elle mérite une place sur la liste en raison des fonctionnalités intéressantes qu'elle contient.

Dès le départ, Editor Blocks ajoute dix nouvelles options de bloc à l'éditeur Gutenberg. Cela inclut les tableaux de prix, les sections des membres de l'équipe et des héros, ainsi que des témoignages :

C'est une sélection assez standard par rapport aux autres collections que nous avons examinées. Cependant, Editor Blocks se démarque particulièrement par sa grille tarifaire et ses sections membres d'équipe, qui sont très faciles à mettre en place et à paramétrer :

Si vous recherchez les meilleures options de blocs pour configurer ces types de sections, les blocs d'édition seront faits pour vous. En fait, il n'y a aucune raison pour que vous ne puissiez pas installer plusieurs collections de blocs pour tirer le meilleur parti de tous les mondes.

Principales caractéristiques:

• Comprend dix nouveaux blocs Gutenberg.
• Vous permet de créer un tableau de prix élégant et des sections pour les membres de l'équipe sur n'importe laquelle de vos pages.

Prix ​​: Gratuit | Plus d'information

Où trouver des blocs Gutenberg individuels

Si vous recherchez un bloc en particulier et que vous ne voulez pas ou n'avez pas besoin d'une collection de blocs que vous n'utiliserez probablement jamais, vous voudrez peut-être visiter la bibliothèque de blocs Gutenberg. Cette bibliothèque est une idée originale de Danny Cooper, créateur du plugin Editor Blocks que nous avons vérifié il y a une minute, et c'est le meilleur endroit pour trouver des blocs individuels en ce moment.

La bibliothèque elle-même ne pourrait pas être plus simple à naviguer. Le site Web vous permet de faire défiler à l'infini toute la collection, qui propose actuellement quelques dizaines d'options :

Si vous souhaitez voir plus d'informations sur un bloc, vous pouvez cliquer dessus et une nouvelle page s'ouvrira. Ici, vous verrez quelques captures d'écran et un bouton de téléchargement :

En cliquant sur le bouton de téléchargement, vous serez redirigé vers la page du bloc sur WordPress.org. Ici, vous pourrez consulter les critiques, les évaluations et télécharger le plugin lui-même. En effet, l'objectif de la bibliothèque de blocs Gutenberg n'est pas d'héberger les blocs eux-mêmes. Au lieu de cela, il est censé vous aider à trouver des options qui pourraient autrement être cachées parmi les milliers de plugins de WordPress.org.

Conclusion

L'un des piliers de WordPress a toujours été son évolutivité. Cette philosophie se retrouve dans le nouvel éditeur Gutenberg, car il vous permet d'élargir la sélection de blocs par défaut en en ajoutant d'autres via des plugins. Pour ce faire, vous pouvez soit installer une collection de blocs qui combine une série de blocs connexes, soit télécharger des blocs individuels si vous souhaitez choisir exactement ce dont vous avez besoin.

Il existe déjà une petite sélection de collections de blocs Gutenberg, ainsi qu'un certain nombre de plugins de blocs individuels. Pour trouver ce dernier, vous pouvez utiliser la bibliothèque de blocs Gutenberg pour rechercher des blocs, que vous pouvez facilement télécharger et installer sur votre site. N'oubliez pas de télécharger d'abord le plugin Gutenberg !

Quel type de bloc souhaitez-vous que Gutenberg inclue dans les futures versions ? Partagez vos idées avec nous dans la section commentaires ci-dessous!

Image miniature de l'article par A Aleksii / shutterstock.com