15 meilleurs plugins de bloc WordPress Gutenberg

Publié: 2022-08-12

L'éditeur Gutenberg fait maintenant partie de WordPress. Et si vous recherchez les meilleurs plugins de bloc Gutenberg, nous avons répertorié les meilleures options disponibles dans cet article.

Après l'introduction de l'éditeur Gutenberg, tous les éléments que vous utilisez sur votre page de publications sont des blocs. Si vous souhaitez ajouter une image à votre message, vous devez ajouter un bloc d'image, pour les paragraphes, les vignettes et tout autre élément, vous devez ajouter les blocs respectifs et les modifier.

Donc, si vous avez besoin de fonctionnalités supplémentaires sur votre message, vous devez ajouter ces blocs supplémentaires pour ajouter les options.

WordPress a déjà créé un certain nombre de blocs différents tels que le bloc de texte, le bloc d'image, le bloc de titre, le tableau, la colonne, le bouton et un certain nombre d'autres blocs.

Nous avons créé un tutoriel détaillé sur l'utilisation de l'éditeur Gutenberg ici, cet article vous aidera à comprendre et à démarrer avec le nouvel éditeur.

Avant de poursuivre avec les plugins de blocs Gutenberg, examinons les blocs réguliers fournis avec l'éditeur par défaut.

01. Bloc de titre : Vous utilisez ce bloc pour ajouter un titre à vos articles ou pages. Généralement, il est utilisé pour ajouter des balises H2, H3 aux sous-titres de votre article de blog.

02. Bloc de paragraphe : Ce sera l'un des blocs les plus utilisés sur votre site WordPress. Comme son nom l'indique, ce bloc sera utilisé pour ajouter du contenu à vos articles de blog.

03. Bloc Image : Cela se passe d'explications. Vous pouvez utiliser ce bloc pour ajouter une image à vos articles de blog.

04. Bloc Liste : Vous pouvez utiliser ce bloc pour créer des puces sur vos articles de blog. Cette option était également présente dans l'éditeur classique.

05. Boutons : Nous avions l'habitude d'ajouter du code personnalisé ou un plugin de shortcode pour ajouter des boutons sur l'éditeur classique. WordPress n'avait pas d'option par défaut pour ajouter un bouton d'appel à l'action avant l'introduction de Gutenberg. Mais maintenant, il est livré avec un bloc par défaut pour ajouter un bouton d'appel à l'action.

06. Bloc de tableau : WordPress n'a jamais eu la possibilité d'ajouter un tableau à un article, mais avec Gutenberg, il est livré avec une option par défaut pour ajouter un tableau à vos articles. Vous pouvez utiliser le bloc tableau pour créer une liste d'articles sous forme de tableau ou pour comparer différents produits que vous présentez sur votre site.

Le bloc de tableau vous offre quelques options pour personnaliser les paramètres de couleur, mais il est limité. Ainsi, vous aurez peut-être encore besoin d'un plugin de table de qualité sur votre site.

07. Cover Block : C'est un autre ajout très utile au nouvel éditeur. Le bloc de couverture peut être un élément très efficace pour créer des articles de haute qualité avec différentes sections clairement divisées avec le bloc de couverture.

08. Embed Block : Désormais, l'intégration de contenu provenant d'autres sources telles que YouTube, Twitter, Instagram est beaucoup plus facile qu'auparavant. le bloc d'intégration par défaut vous offre un certain nombre d'options pour intégrer du contenu à partir de plusieurs plates-formes.

09. Bloc de colonnes : Avec Gutenberg, vous avez une option rapide pour créer une mise en page de contenu multi-colonnes sur vos publications sur les pages.

10. Blocs de formatage : L'éditeur Gutenberg par défaut vous propose un certain nombre de blocs dont vous pourriez avoir besoin lors de l'édition de types de contenu autres que du texte. Vous avez un bloc de code, un bloc HTML et quelques autres.

11. Bloc galerie : Gutenberg est également livré avec un bloc galerie par défaut. Vous pouvez ajouter plusieurs images de qualité sous forme de grille de galerie. Vous pouvez télécharger de nouvelles images ou sélectionner des images pour votre galerie multimédia afin de les présenter dans vos publications.

Il existe plusieurs autres blocs qui sont vraiment utiles lors de la création de votre contenu.

Pourquoi avez-vous besoin d'un plugin Gutenberg personnalisé ?

Comme Gutenberg propose déjà tant de blocs dans les options par défaut qui peuvent prendre en charge presque tous les besoins lorsqu'il s'agit de créer un article de blog, pourquoi avez-vous besoin d'un plugin personnalisé ?

La principale raison pour laquelle vous avez besoin d'un plugin de bloc Gutenberg personnalisé est que les blocs par défaut sont limités en termes de possibilités de conception. De plus, vous aurez peut-être besoin de plusieurs autres blocs sur votre site qui ne sont pas déjà disponibles parmi les options par défaut.

Si vous gérez un blog très simple où vous souhaitez simplement publier du contenu et n'avez pas besoin de fonctionnalités étendues, les options par défaut sont suffisantes.

Gutenberg n'est pas seulement l'éditeur, c'est un constructeur de site Web en soi et ces plugins de bloc Gutenberg personnalisés simplifient le processus pour créer un superbe design pour votre site Web.

Vous pouvez utiliser plusieurs des plugins de blocs suivants pour créer une conception entièrement personnalisée pour votre site, vous n'aurez plus besoin d'un constructeur de site Web.

Alors, sans plus tarder, jetons un coup d'œil aux meilleurs plugins de bloc Gutenberg.

Quels sont les meilleurs plugins Gutenberg Block ?

Si les blocs Gutenberg par défaut ne suffisent pas à faire votre travail, il existe un certain nombre de plugins de blocs Gutenberg de qualité que vous pouvez utiliser sur votre site WordPress.

Voici quelques-uns des plugins de bloc Gutenberg les plus populaires qui sont largement utilisés.

= Masquer la table des matières
1 Pourquoi avez-vous besoin d'un plugin Gutenberg personnalisé ?
2 Quels sont les meilleurs plugins Gutenberg Block ?
2.1 GutenBee
2.2 Blocs atomiques : modules complémentaires pour l'éditeur Gutenberg
2.3 Gutenberg avancé
2.4 Spectra (anciennement Ultimate Addons pour Gutenberg)
2.5 Blocs Ultimes
2.6 Qubely
2.7 Empilable
2.8 Getwid
2.9 CoBlocks : blocs Gutenberg pour les spécialistes du marketing de contenu
2.10 Bokez
2.11 Blocs de l'éditeur pour Gutenberg
2.12 Orbite Renard
2.13 Blocs de loutre
2.14 Blocs Kadence
2.15 Conception de bloc supplémentaire, style, CSS pour TOUS les blocs Gutenberg
2.15.1 Dernier mot

GutenBee

GutenBee est un autre excellent plugin gratuit qui offre une grande sélection de blocs Gutenberg personnalisés pour rendre la création de contenu sur votre site WordPress plus facile et plus flexible.

GutenBee regroupe actuellement 27 blocs personnalisés avec de nouveaux blocs et des fonctionnalités mises à jour ajoutées régulièrement.

Créez des menus impressionnants pour votre bar ou restaurant avec des images, des prix et des descriptions avec le bloc Menu alimentaire.

Oubliez l'apparence ennuyeuse par défaut des cartes, avec les blocs Google Maps, vous pouvez sélectionner l'un des nombreux styles personnalisés fournis ou même apporter votre propre style SnazzyMaps pour pimenter votre page de contact.

Le bloc Review vous permet de résumer votre critique de film, de nourriture, de jeu, etc. avec plusieurs catégories et une note moyenne automatique.

Créez des bannières accrocheuses avec une parallaxe et des arrière-plans vidéo pour attirer l'attention de votre public.

Faites glisser et déposez le bloc Types de publication dans le contenu pour créer des listes de types de publication et de publication personnalisées avec des numéros de colonne variables, un filtrage par catégorie et plus encore.

Bien sûr, GutenBee propose tous les blocs essentiels comme les paragraphes, les titres, les onglets, les accordéons, la galerie, les blocs d'icônes et bien d'autres.

Les blocs GutenBee offrent de nombreuses options d'apparence avec des couleurs, des arrière-plans, des bordures, des ombres personnalisables et plus encore. De plus, leurs options de visibilité vous permettent d'afficher ou de masquer les blocs en fonction du type d'appareil sur lequel ils sont visualisés, ou d'afficher/masquer les blocs pour les utilisateurs connectés ou déconnectés.

Plugin GutenBeeComment
Obtenir le plugin

Blocs atomiques : modules complémentaires pour l'éditeur Gutenberg

Un plugin WordPress de bloc Gutenberg gratuit et populaire qui offre un certain nombre de blocs utiles pour votre site WordPress.

Le plugin est repris par l'équipe WPEngine, vous pouvez donc vous attendre à une mise à jour régulière et à de nouveaux blocs utiles à l'avenir.

Le plugin propose déjà quelques blocs très utiles prêts à être utilisés.

  • Bloc de grille de poste
  • Le bloc conteneur
  • Blocs d'appel à l'action
  • Bouton personnalisable
  • Espaceur & divisé
  • Profil de l'auteur
  • Lettrine
  • Témoignage
  • Avis intégré
  • Accordéon
  • Partager des icônes

Le plugin est simple et facile à utiliser. Une fois que vous avez activé le plugin, vous obtiendrez l'option dans le backend d'administration.

Le plugin ajoutera une nouvelle option Atomic Block dans l'éditeur de blocs. Vous pouvez choisir n'importe lequel des blocs atomiques prêts pour votre page comme n'importe quel autre bloc Gutenberg.

Blocs atomiques
Obtenir le plugin

Gutenberg avancé

Advanced Gutenberg est un plugin WordPress Gutenberg très utile qui apportera plus de 20 blocs utiles différents à votre site WordPress.

Il s'agit d'un plugin créé par l'équipe JoomUnited qui propose quelques autres plugins WordPress utiles en plus du plugin Advanced Gutenberg.

Une fois que vous avez activé le plugin, vous obtiendrez l'option dans le tableau de bord d'administration. Le plugin vous donne la possibilité de créer des profils supplémentaires et d'attribuer des blocs en fonction du rôle ou du profil.

Gutenberg avancé

Vous pouvez ajouter les blocs avancés lors de la modification de votre article et le personnaliser directement dans l'éditeur Gutenberg. Ce plugin améliore certains des blocs les plus importants tels que les images, les boutons, etc. avec un certain nombre de fonctionnalités supplémentaires.

Blocs avancés

Gutenberg propose un certain nombre de blocs nécessaires pour créer une conception d'article riche, tels que des boutons, des tableaux, etc. Mais les options de conception sont limitées. Le plugin Advanced Gutenberg améliore tous ces blocs prêts avec de nouvelles options de conception ainsi que les blocs supplémentaires que ce plugin apporte.

Jetons un coup d'œil à la fonctionnalité de table.

Si vous souhaitez placer un tableau de comparaison pour n'importe quel produit ou service, le tableau Gutenberg par défaut est très limité en termes de conception, l'Advanced Gutenberg le rendra complet en y ajoutant les options de style.

Tableau de Gutenberg avancé
Obtenir le plugin

Spectra (anciennement Ultimate Addons pour Gutenberg )

L'un des meilleurs plugins WordPress Gutenberg Blocks, les Spectra apportent un certain nombre de blocs utiles à votre site.

Un grand nombre d'utilisateurs utilisent déjà le plugin. Et si vous recherchez le meilleur plugin de bloc Gutenberg pour votre site, vous pouvez utiliser cet outil.

Voici quelques-uns des blocs importants offerts par le plugin add-on ultime.

  • Colonne avancée
  • Titre avancé
  • Appel à l'action
  • Google Map
  • Publication de la chronologie
  • Mises en page des publications
  • Liste de prix
  • Et plus

Si vous recherchez une option pour créer une belle mise en page basée sur une grille pour votre blog, vous n'avez pas besoin d'installer de plugins supplémentaires car le plugin Spectra est livré avec la possibilité de créer différents types de mises en page de publication pour votre site, y compris la maçonnerie. disposition de la grille.

De plus, si vous gérez un site où vous devez inclure Google Map, vous pouvez utiliser le plugin pour insérer des cartes sur vos publications, nous avons publié un article pour vous montrer comment insérer Google Map à l'aide du plugin Ultimate addon ici.

Le bloc de section est une autre option utile que vous pouvez utiliser pour créer une superbe mise en page pour vos articles de blog. Ces types de sections encadrées et pleine largeur n'étaient pas possibles auparavant avec WordPress, du moins sans l'aide d'un constructeur de site Web.

Maintenant, c'est vraiment facile avec le Spectra. Dans l'ensemble, c'est l'un des meilleurs plugins de blocs Gutenberg que vous pouvez utiliser sur votre site.

Plug-in SpectraComment
Obtenir le plugin

Blocs ultimes

The Ultimate Blocks for Gutenberg vous propose actuellement 14 blocs différents et l'équipe travaille sur un certain nombre de nouveaux blocs pour en faire l'une des solutions les plus complètes pour l'éditeur Gutenberg.

Le plugin est très simple et facile à démarrer. Lorsque vous activez le plugin, vous verrez l'option plugin dans le panneau d'administration de WordPress. Tous les blocs sont activés par défaut et vous avez la possibilité de désactiver l'un des blocs au cas où vous ne voudriez pas les utiliser.

Lorsque vous créez un nouveau message. Vous verrez un nouveau groupe de blocs pour les options Ultimate Blocks. Vous pouvez les utiliser comme n'importe quel autre bloc Gutenberg par défaut.

Blocs Ultimes de Gutenberg

Le plugin vous propose des blocs très importants dont les blogueurs ont régulièrement besoin, tels que la table des matières, le nombre d'étoiles, le clic pour tweeter, les boîtes de notification, le compte à rebours, etc.

Ainsi, ce plugin supprimera un certain nombre de plugins différents que vous utilisez actuellement sur votre site car il peut effectuer toutes ces tâches seul.

Le développeur offre un excellent support au cas où vous auriez besoin d'aide avec le plugin. Donc, si vous avez déjà commencé à utiliser l'éditeur Gutenberg, passez au niveau supérieur avec le plugin Ultimate blocks.

Blocs ultimes
Obtenir le plugin

Qubély

Qubely est un plugin de bloc Gutenberg qui minimise toutes les limitations de l'éditeur Gutenberg et ouvre de nouvelles possibilités.

Vous pouvez créer n'importe quelle mise en page complexe à l'aide des blocs personnalisés Qubely sur l'éditeur par défaut de WordPress.

Concevez des plans tarifaires, des fonctionnalités, des témoignages, des barres de progression et bien d'autres avec Qubely. Présentez les publications dans des vues de grille et de liste, affichez les membres de l'équipe avec style et affichez une vidéo contextuelle pour attirer davantage les visiteurs.

Prenez le contrôle total de l'éditeur de blocs WordPress Gutenberg en appliquant des options de style prêtes à l'emploi.

Qubely propose des sections prêtes, des ensembles de mise en page, des diviseurs de forme, un système de contrôle réactif spécifique à l'appareil, une option de contrôle de la typographie et de nombreuses autres fonctionnalités et éléments.

Qubely s'occupe de la conception de votre site Web avec des blocs Gutenberg personnalisés. Les blocs Qubely sont hautement fonctionnels et conviviaux.

Vous disposez de nombreuses options pour modifier la conception et afficher le contenu comme vous le souhaitez. Le nombre de blocs dans le plugin Qubely Gutenberg augmente avec ses mises à jour.

Qubely a déjà 26 blocs entièrement gratuits à utiliser. D'autres blocs sont à venir dans les prochains jours.

Certains des blocs Qubely notables sont:

  • Grille de publication
  • Tarification
  • Enveloppe de bloc
  • Équipe
  • Image
  • Chronologie
  • Ligne
  • Témoignage
  • Compteur
  • Onglets
  • Accordéon/Bascule
  • Fenêtre contextuelle vidéo
  • Google Map
  • Barre de progression
  • Diviseur
  • Groupe de boutons
  • Boîte d'info
  • Liste avancée
  • Formulaire de contact
Obtenir le plugin

Empilable

Stackable est un autre plugin qui mérite d'être mentionné. Ce plugin ajoute un certain nombre de blocs très utiles qui peuvent être utilisés lors de la création d'une page avec différents éléments comme des nombres, des compteurs, du texte avec une image de fond, etc.

Lorsque vous activez ce plugin, il ajoute une nouvelle section de bloc que vous pouvez utiliser lors de la création d'une conception de page riche.

Certains des blocs importants offerts par ce plugin sont

  • Cartes
  • Compteurs
  • Récipient
  • Grille en vedette
  • Témoignage
  • Blocage des notifications
  • Blocage des membres de l'équipe
  • Et plus
Blocs Gutenberg empilables
Obtenir le plugin

Getwid

Si vous recherchez une option de plugin Gutenberg gratuite et complète, c'est une excellente option pour vous.

Ce plugin de MotoPress apporte 29 blocs très utiles que vous pouvez utiliser sur votre site WordPress.

Voici quelques-uns des blocs importants proposés par le plugin Getwid

  • Section
  • Titre avancé
  • Bloc de groupe de boutons
  • Commentaires
  • Barre de progression
  • Compteur
  • Messages récents
  • Boîte de prix
  • Liens sociaux
  • Galerie de piles d'images
  • Instagram
  • Bannière
  • Témoignage
  • Boîte de prix
  • Liens sociaux
  • Messages récents

Vous obtenez un beau thème compatible Gutenberg gratuit avec ce plugin qui est entièrement compatible avec le plugin Getwid. Une fois que vous avez cette combinaison, vous n'alimentez plus un autre créateur de site Web pour votre site.

Getwid
Obtenir le plugin

CoBlocks : blocs Gutenberg pour les spécialistes du marketing de contenu

Comme son nom l'indique, ce plugin propose les blocs utiles aux marketeurs. Ce plugin est créé par l'équipe ThemeBeans.

Voici les blocs proposés par ce plugin

  • Bloc accordéon
  • Blocage d'alerte
  • Bloc de partage social
  • Bloc auteur
  • Bloc FC dynamique
  • Cliquez pour bloquer les tweets
  • Bloc GIF
  • Bloc GitHub Gist
  • Bloc de tableau de prix
  • Bloc de surbrillance
CoBlocs
Obtenir le plugin

Bokez

Bokez est une autre collection étonnante de blocs Gutenberg que vous pouvez utiliser pour créer vos pages. Il vous propose des blocs très importants comme le témoignage, l'accordéon, la grille de publication, le bloc de couverture et quelques autres.

Blocs Bokez Gutenberg
Obtenir le plugin

Blocs de l'éditeur pour Gutenberg

Si vous recherchez un plugin que vous pouvez utiliser pour créer une page de destination complète avec différents blocs et éléments, c'est une bonne option pour vous.

Ce plugin vous propose un certain nombre de blocs Gutenberg très utiles que vous pouvez utiliser pour créer une page de destination avec une section héros, un wrapper de contenu, une équipe, un tableau de tarification, etc.

Plugins de bloc WordPress Gutenberg
Obtenir le plugin

Renard en orbite

Orbit Fox est un plugin WordPress très pratique avec un certain nombre de fonctionnalités et d'options utiles. Ce plugin unique peut remplacer un certain nombre d'autres plugins en offrant toutes ces fonctionnalités.

De la simple intégration de Google Analytics aux modèles de page prêts, tout y est.

Ce plugin vous offre également un certain nombre de modules complémentaires et de widgets pour les créateurs de sites Web comme Elementor et Beaver Builder, ce qui en fait un produit très utile.

Il vous propose des boutons de partage social, vous pouvez sélectionner ceux que vous souhaitez utiliser parmi une grande liste d'options, il vous propose des modèles de page prêts à l'emploi que vous pouvez utiliser pour créer de belles pages de destination sur votre site.

Et en plus, vous obtiendrez 1 Go de trafic CDN gratuit et cela optimisera les images de votre site pour qu'il se charge plus rapidement.

Renard en orbite
Obtenir le plugin

Blocs de loutre

Otter Blocks est un autre plugin de bloc Gutenberg très utile que vous pouvez utiliser gratuitement sur votre site WordPress.

Ce plugin léger vous aidera à créer un site Web visuellement attrayant. Le plugin vous propose un certain nombre de blocs différents.

Il est livré avec une bibliothèque de modèles prêts à l'emploi que vous pouvez insérer dans vos pages en un clic et les modifier selon vos besoins.

Donc, si vous voulez éviter ces constructeurs de sites Web lourds de code qui ralentissent votre site, ce plugin fera l'affaire pour vous.

Blocs importants

  • Bloc de section
  • Bloc curseur
  • Boutons avancés
  • Bloc de titre avancé
  • Bloc de grille de poste
  • Bloc de prix et plus
Plugin de bloc Otter
Obtenir le plugin

Blocs Kadence

Un constructeur de site Web en soi, le plugin Kadence Blocks vous assurera que vous n'aurez plus jamais besoin d'un constructeur de site Web pour créer une conception entièrement personnalisée pour votre site Web.

Quel que soit le type de site que vous gérez, qu'il s'agisse d'un simple blog ou d'un site de commerce électronique, le plugin Kadence Blocks s'occupera de la conception de votre site.

Le plugin propose un certain nombre de blocs différents que vous pouvez assembler et personnaliser selon vos besoins pour que votre site soit parfait.

En fait, le plugin est livré avec un certain nombre de modèles de démonstration de site Web prêts que vous pouvez importer et utiliser sur votre site. Comme le plugin est simple et facile à utiliser, vous pourrez le personnaliser même si vous êtes un débutant complet.

Blocs Kadence
Obtenir le plugin

Conception de bloc supplémentaire, style, CSS pour TOUS les blocs Gutenberg

Ceci est un autre plugin Gutenberg mais pas pour ajouter un nouveau bloc mais pour styliser les plugins que vous avez déjà ajoutés.

Si vous êtes actif dans la communauté WordPress, vous connaissez probablement des plugins comme CSSHero qui sont créés pour que les non-concepteurs modifient le code CSS à la volée avec un style visuel.

C'est l'un de ces plugins qui est parfaitement compatible avec la plupart des plugins Gutenberg ajoutés à cette liste, vous pouvez utiliser ce plugin pour styliser le bloc que vous ajoutez à travers tous ces plugins de bloc.

Ce plugin est livré avec plus de 60 options de conception. Donc, si vous n'êtes pas quelqu'un qui n'est pas à l'aise avec les codes de style CSS mais que vous souhaitez personnaliser l'apparence des blocs, ce plugin est fait pour vous.

Conception de bloc supplémentaire
Obtenir le plugin

Dernier mot

Voici quelques-uns des meilleurs plugins de bloc Gutenberg que vous pouvez utiliser sur votre site WordPress. Nous verrons un certain nombre de plugins liés à Gutenberg dans les jours à venir. D'une certaine manière, ces plugins fonctionnent comme le shortcode de l'ancien WordPress que nous utilisions pour ajouter différentes fonctionnalités à nos pages.

Désormais, dans la nouvelle version de WordPress, ceux-ci deviennent des blocs ou des options pour améliorer les blocs prêts à les améliorer.

Nous ajouterons plus de plugins WordPress Gutenberg au fur et à mesure que nous testons plus de plugins, alors n'oubliez pas de mettre cette page en signet et de vérifier plus d'options plus tard.