L'une des grandes choses à propos du nouvel éditeur de blocs WordPress (Gutenberg) est que vous n'êtes pas limité aux blocs par défaut. Autrement dit, vous pouvez également installer des plugins de blocs WordPress pour ajouter toutes sortes de nouveaux blocs de contenu et de mise en page.

Avec ces blocs, vous pouvez faire en sorte que l'éditeur de blocs ressemble beaucoup plus à un constructeur de pages, où vous pouvez facilement créer des mises en page multi-colonnes, insérer du contenu stylisé – comme des témoignages ou un tableau de prix – et bien plus encore.

Pour vous aider à découvrir certaines de vos options, j'ai rassemblé 8 des meilleurs plugins de bloc pour Gutenberg.

Creusons…

8 meilleurs plugins Gutenberg Block pour étendre l'éditeur

1. Blocs Kadence

Plugins de blocage WordPress

Commençons par l'un des nouveaux plugins de blocs les plus populaires – Kadence Blocks.

Bien que Kadence Blocks ajoute de nouveaux contenu blocs, la chose la plus unique est la nouvelle disposition options qu'il vous offre, ce qui en fait une bonne option à associer à tous les autres plugins de cette liste.

Plus précisément, je parle du nouveau Disposition des lignes bloc qu'il ajoute. Avec ce bloc, vous pouvez créer vos propres dispositions de lignes/colonnes personnalisables composées de n'importe quel autre bloc.

Lorsque vous l'insérerez, vous pourrez choisir la structure de colonne souhaitée, et vous pourrez également ajuster manuellement la largeur de chaque colonne par glisser-déposer :

Blocs Kadence

Ou, vous pouvez également insérer des dispositions de blocs prédéfinies à partir de la bibliothèque.

Au-delà de la création de largeurs personnalisées, vous pouvez également ajouter des arrière-plans et des bordures et contrôler la conception réactive.

En plus du bloc Row Layout, Kadence Blocks ajoute également 8 autres blocs pour :

  1. Entretoise/séparateur
  2. Bouton Avancé
  3. Icône
  4. Titre avancé
  5. Onglets
  6. Boîte d'info
  7. Accordéon
  8. Liste des icônes

2. Addons ultimes pour Gutenberg

Addons ultimes pour Gutenberg

Ultimate Addons for Gutenberg est un ensemble de nouveaux blocs de Brainstorm Force, les mêmes fabricants d'ensembles d'addons portant le même nom pour les plugins de création de pages Elementor et Beaver Builder.

Celui-ci vous donne à la fois une nouvelle mise en page et de nouveaux blocs de contenu.

Sur le front de la mise en page, vous obtenez des blocs pour Colonnes avancées et Section. Le bloc Section vous donne un moyen “d'envelopper” d'autres blocs et aide avec les arrière-plans, l'espacement et d'autres paramètres au niveau du groupe, et les colonnes avancées vous donnent un niveau de profondeur similaire à celui des blocs Kadence, bien que je trouve que les blocs Kadence sont un peu plus convivial lorsqu'il s'agit d'ajuster la largeur des colonnes.

En ce qui concerne les nouveaux blocs de contenu, vous avez des tonnes de nouvelles options. Voici un partiel liste de quelques-uns des plus notables:

  • Titre avancé
  • Appel à l'action
  • Stylers de formulaire pour le formulaire de contact 7 et les formulaires de gravité
  • Chronologie du contenu
  • Bouton Marketing
  • Diverses façons d'afficher les articles de blog, y compris un carrousel, une grille et une disposition en maçonnerie
  • Liste de prix
  • Témoignages
  • Membres de l'équipe
Addons ultimes pour Gutenberg

3. Empilable

Empilable

Stackable est disponible en versions gratuite et premium et offre une tonne de nouveaux blocs de contenu pour Gutenberg.

C'était l'un des premiers utilisateurs de plugins de Gutenberg, et il est resté l'une des options les plus populaires, avec plus de 10 000 sites qui l'utilisent.

Au moment où j'écris ce post, vous obtenez plus de 23+ nouveaux blocs. Voici un partiel liste de quelques-uns des faits saillants:

  • Compteur
  • Témoignage
  • Membre de l'équipe
  • Fenêtre contextuelle vidéo
  • Boîte de prix
  • Boîte à images
  • Appel à l'action
  • Carte Postale

Vous pouvez voir des démos pour tous les blocs sur le site empilable.

Au-delà de la version gratuite sur WordPress.org, il existe également une version premium qui ajoute la prise en charge de :

  • Mises en page premium (pour les blocs existants)
  • Plus d'effets, comme de nouveaux effets de survol
  • Un personnalisateur CSS
  • Quelques autres fonctionnalités plus petites

La version premium commence à 29 $ pour une utilisation sur un seul site.

4. CoBlocs

CoBlocs

CoBlocks est un superbe ensemble de blocs de mise en page et de contenu qui a récemment eu la particularité d'être acquis par GoDaddy. Oui, le géant de l'hébergement/du domaine !

L'un des nouveaux blocs les plus polyvalents de CoBlocks est ses lignes/colonnes redimensionnables. Comme certains des autres plugins qui ajoutent ce style de bloc, cela vous aide à créer des conceptions plus uniques et compliquées avec l'éditeur de blocs.

Au-delà de cela, vous obtenez plus de 17 autres blocs – voici quelques-uns des points forts :

  • Shape Divider – vous permet de créer des effets de mise en page vraiment soignés
  • Carte multimédia
  • Profil de l'auteur
  • Cliquez pour tweeter
  • Séparateur dynamique
  • Tableau des prix

Voici un aperçu des types de choses que vous pouvez faire avec le nouveau bloc Shape Divider :

CoBlocs

5. loutre

loutre

Il y a deux parties dans Otter. Tout d'abord, il ajoute plus de 12 nouveaux blocs de contenu que vous pouvez utiliser dans vos conceptions. Ensuite, il ajoute également des modèles prédéfinis (construit avec des blocs) que vous pouvez insérer dans l'éditeur de blocs.

Voici quelques points importants:

  • Section – vous permet de choisir différentes dispositions de colonnes et/ou d'insérer l'un des modèles prédéfinis de la bibliothèque de modèles
  • Plugin Card – vous permet d'intégrer les détails d'un plugin de WordPress.org
  • Témoignages
  • Tableau des prix
  • à propos de l'auteur
loutre

Et voici à quoi ressemble l'insertion d'un modèle via le bloc Section.

6. Blocs paresseux

Blocs paresseux

Lazy Blocks est unique car il n'ajoute pas de nouveaux blocs par lui-même. Au lieu de cela, les blocs paresseux vous donne la possibilité d'ajouter vos propres blocs Gutenberg personnalisés, sans avoir besoin d'écrire une seule ligne de JavaScript.

Essentiellement, vous allez “construire” votre bloc personnalisé en choisissant les champs pour lesquels vous souhaitez collecter des informations. Ensuite, vous pouvez utiliser de simples HTML/CSS et des balises pour contrôler l'apparence de toutes ces informations sur le frontend :

Blocs paresseux

Si vous avez déjà travaillé avec le plugin Pods, c'est assez similaire à l'approche utilisée par Pods.

Bien que vous ayez certainement besoin de HTML et de CSS de base pour tirer le meilleur parti de ce plugin, il s'agit de la solution la plus simple que vous trouverez pour pouvoir créer votre propre bloc dans Gutenberg.

sept. Blocs atomiques

Blocs atomiques

Avec Stackable, Atomic Blocks est un autre des premiers utilisateurs de l'éditeur de blocs Gutenberg. C'est un plugin de Array Themes, qui a depuis été acquis par WP Engine. Ainsi, comme CoBlocks, Atomic Blocks est soutenu par un grand acteur de l'espace WordPress.

Atomic Blocks n'est pas livré avec des blocs super sophistiqués. Au lieu de cela, il vous donne juste quelques simples, utilitaires (mais beau) des blocs utiles dans diverses situations. Actuellement, il propose 13 blocs pour :

  1. Tarification
  2. Grille de publication
  3. Récipient
  4. Témoignage
  5. Avis intégré
  6. Accordéon
  7. Partager des icônes
  8. incitation à l'action
  9. Bouton personnalisable
  10. Entretoise et Diviseur
  11. Profil de l'auteur
  12. Lettrine
  13. Courriel
Blocs atomiques

Au-delà de cela, une autre chose unique à propos des blocs atomiques brancher est que vous pouvez également le coupler avec les blocs atomiques dédiés thème pour une expérience unifiée. Cependant, vous n'avez certainement pas avoir besoin pour ce faire, et le plugin fonctionne avec n'importe quel thème.

8. Galerie de blocs

Galerie de blocs

Block Gallery appartient au même développeur que CoBlocks, ce qui signifie qu'il faisait également partie de l'acquisition de GoDaddy.

Cependant, alors que CoBlocks se concentre davantage sur les blocs à usage général, Block Gallery vise à vous aider à afficher des galeries de photos dans vos conceptions, avec des blocs dédiés pour :

  • Galerie de la maçonnerie
  • Galerie empilée en plein écran
  • Curseur de carrousel
Galerie de blocs

Donc, si vous cherchez un moyen attrayant d'afficher des images dans l'éditeur de blocs, celui-ci est une excellente option.

Réflexions finales sur les meilleurs plugins de bloc Gutenberg

Tous ces plugins aident à améliorer le nouvel éditeur de blocs WordPress en vous offrant plus d'options en matière de mise en page et de contenu.

Cependant, vous devrez toujours comprendre l'interface de l'éditeur de blocs de base pour tirer le meilleur parti de ces plugins.

Si vous n'êtes toujours pas allé “all-in” avec le nouvel éditeur, nous avons quelques articles pour vous mettre au courant. Tout d'abord, vous pouvez consulter notre tutoriel sur l'éditeur de blocs WordPress. Et si vous voulez voir comment il se compare à l'ancien éditeur, consultez notre comparaison entre l'éditeur de blocs et l'éditeur classique.

Des questions sur l'utilisation de ces plugins d'éditeur de blocs WordPress ? Demandez dans la section des commentaires !