Comment créer un site Web ou un blog en 2020 - Guide gratuit et facile pour créer un site Web

Les meilleurs blocs personnalisés Gutenberg que vous pouvez ajouter à WordPress

L’un des aspects les plus prometteurs de l’éditeur de blocs Gutenberg est la possibilité d’ajouter vos propres blocs personnalisés. Ils peuvent consister en presque tous les types de contenu ou de fonctionnalités formatés auxquels vous pouvez penser.

Et bien que vous puissiez certainement créer vos propres blocs personnalisés, c’est parfois comme réinventer la roue. C’est particulièrement le cas lorsque vous souhaitez ajouter un élément commun, tel qu’un témoignage, une liste de publications ou une chronologie. Ces blocs existent probablement déjà et peuvent être facilement ajoutés à votre site Web.

Depuis l’inclusion de Gutenberg dans le noyau WordPress, la communauté des développeurs a publié plusieurs plugins de blocs différents. La plupart ont tendance à inclure une collection de blocs qui peuvent être utiles lors de la création de votre site Web.

Aujourd’hui, nous présenterons certaines des meilleures collections de blocs personnalisés disponibles pour WordPress. Nous allons commencer!

Blocs Gutenberg: plugins pour Gutenberg

Ultimate Addons for Gutenberg comprend plus de 20 blocs personnalisés couvrant une grande variété de cas d’utilisation. En matière de conception, le bloc Advanced Columns vous permet de créer une ligne hautement personnalisée de plusieurs colonnes. Il existe également des blocs pour ajouter Google Maps, des icônes, des CTA, des carrousels de poste, etc. Cela ne fait qu’effleurer la surface de ce que ce plugin gratuit peut faire.

Gutenberg Block Banner: derniers plugins pour Gutenberg

Bloqueur de page Gutenberg Blocks – CoBlocks

Avec le soutien de GoDaddy, CoBlocks est un plugin WordPress gratuit qui surcharge Gutenberg. Bien qu’il propose plusieurs blocs personnalisés utiles (accordéon, alerte, héros, logos, galerie de maçonnerie, liste de prix, etc.), son excellent argument de vente réside dans la mise en page. Offrant une expérience de type constructeur de page, les lignes et les colonnes peuvent être glissées à la taille et personnalisées pour des mises en page réactives. La typographie est également hautement modifiable.

Bannière pour le générateur de page de bloc de Gutenberg - CoBlocks

Gutenberg Page Building Toolkit – EditorsKit

EditorsKit est un peu différent des autres plugins de cette collection, car il s’agit d’étendre les blocs déjà inclus dans Gutenberg. Les fonctionnalités de mise en forme du texte enrichi vous permettent de personnaliser davantage votre contenu ou de supprimer tous les styles personnalisés en un seul clic. Vous pouvez également contrôler la visibilité des vignettes en fonction de l’appareil, de l’état de connexion ou même des valeurs de champ personnalisées. De plus, il existe de nombreux ajustements de productivité, tels que la prise en charge des remises, la mise en évidence de la syntaxe de l’éditeur de code et la possibilité d’importer ou d’exporter des blocs spécifiques. Avec tant de bonnes choses, vous pouvez faire de Gutenberg une expérience complètement différente.

Bannière pour la boîte à outils de pagination Gutenberg - EditorsKit

Blocs Kadence – Boîte à outils Gutenberg Page Builder

Kadence Blocks propose une douzaine de blocs personnalisés qui répondent aux besoins communs. Ils comprennent des projets en ligne, des galeries avancées, des guides, des tableaux d’information et des témoignages, entre autres. Il vise également à résoudre l’un des problèmes les plus frustrants avec Gutenberg: la largeur de l’éditeur à l’arrière. Le plugin contient des largeurs prédéfinies qui permettent aux créateurs de contenu d’obtenir une meilleure représentation de l’apparence des pages dans le front-end.

Kadence Block Banner - Boîte à outils Gutenberg Page Builder

Collection de blocs atomiques – Bloc Gutenberg

Utilisez les blocs atomiques pour créer rapidement des publications et des pages WordPress hautement personnalisées. Les points forts incluent le bloc Section et mise en page, qui comprend une sélection de mises en page de contenu pré-créées. Ajoutez simplement un design et personnalisez le contenu. Il existe également un bloc newsletter, qui permet aux visiteurs de s’abonner à votre liste MailChimp. Le bloc d’icônes Partager peut aider votre contenu à devenir viral. Mais ce n’est qu’un échantillon des plus de 20 éléments inclus.

Bannière pour blocs atomiques - Collection de blocs Gutenberg

Bibliothèque de modèles de loutres et de blocs de Gutenberg

Pour accélérer la création de contenu et ajouter différents types de contenu, les blocs Gutenberg et la bibliothèque de modèles sont une option intéressante. Comme les blocs atomiques précédents, le bloc de section inclus offre plusieurs modèles et modèles prédéfinis. Il existe également plusieurs éléments personnalisables tels que Google Maps, des grilles de publication, des informations sur l’auteur et un bloc pour des icônes de police impressionnantes.

Bibliothèque de modèles de bannières et de loutres de blocs de Gutenberg

Gutenberg avancé

Bien sûr, Advanced Gutenberg est livré avec plusieurs blocs personnalisés (curseurs, produits WooCommerce, tableaux avancés, listes avancées, etc.). Ils sont tous agréables et pratiques. Mais la fonctionnalité vraiment intéressante ici est la possibilité de créer des profils “d’édition”, qui vous permettent d’activer ou de désactiver des blocs pour des utilisateurs ou des rôles d’utilisateurs spécifiques. Par exemple, si vous souhaitez uniquement que les administrateurs aient accès au bloc Gestionnaire de colonnes, vous pouvez facilement le configurer. Cela permet de garantir que les utilisateurs de bas niveau n’endommagent pas vos projets.

Bannière avancée Gutenberg

Blocs avancés Gutenberg

En plus de sa capacité à modifier Gutenberg, Advanced Gutenberg Blocks vous permet de désactiver tous les blocs natifs dont vous n’avez pas besoin. Vous pouvez également personnaliser la largeur de l’éditeur, créer des palettes de couleurs et des tailles de police standard. Et oui, plusieurs nouveaux blocs personnalisés sont disponibles, tels que les publicités, les produits WooCommerce, les bannières et le click-to-tweet.

Bande avancée de blocs de Gutenberg

Obtenez de nouveaux blocs de construction

Les blocs standard fournis avec Gutenberg sont utiles et sont constamment améliorés. Mais, pour créer une véritable expérience de création de page, ajoutez des éléments personnalisés.

C’est là que les plugins ci-dessus peuvent aider à élever votre site vers de plus hauts sommets. Non seulement vous pouvez ajouter différents types de fonctionnalités et de contenu, mais vous pouvez également vous occuper de l’éditeur dans son ensemble.

L’essentiel est que si vous utilisez Gutenberg pour des mises en page complexes, vous pouvez participer. Ces plugins vous y aideront.