Comment ajouter des blocs Elementor dans l'éditeur Gutenberg : Guide

Nkenganyi Clovis Tutoriels WordPress Jul 10, 2023

Vous avez peut-être remarqué que WordPress 5.0 ou version ultérieure a un nouvel éditeur de publication par défaut. It’ s'appelle Gutenberg et fonctionne avec des blocs que vous pouvez organiser et personnaliser pour créer votre contenu. Les blocs sont comme des blocs de construction qui vous permettent de créer tout ce que vous voulez.

Mais que se passe - t-il si vous voulez plus d'options et de fonctionnalités pour vos publications, telles que des animations, des widgets, des modèles et plus encore ? Et la meilleure partie est que vous pouvez utiliser Elementor et Gutenberg ensemble.

Dans ce guide, nous vous montrerons comment utiliser Elementor Blocks for Gutenberg, un plugin séparé qui vous permet d'ajouter des modèles Elementor en tant que blocs Gutenberg en un seul clic.

Qu'est-ce que les blocs Elementor pour Gutenberg?

Avec les blocs Elementor pour Gutenberg, vous pouvez insérer n'importe quel modèle Elementor dans l'éditeur Gutenberg en tant que bloc. De cette façon, vous pouvez utiliser les outils de conception d'Elementor’ pour créer votre contenu, puis l'ajouter à votre publication avec Gutenberg.

Créer des sites Web incroyables

Avec le meilleur constructeur de page Elementor

Commencer Maintenant

Par exemple, vous pouvez créer une boîte d'appel à l'action avec Elementor , puis la mettre dans votre message avec Gutenberg. Ou vous pouvez concevoir un en-tête ou un pied de page personnalisé avec Elementor , puis l'appliquer à votre site avec Gutenberg.

Elementor Blocks for Gutenberg est gratuit et simple à utiliser. Vous avez juste besoin de WordPress 5.0 ou version ultérieure, Gutenberg activé et Elementor installé et activé sur votre site.

Comment utiliser les blocs Elementor pour Gutenberg

Suivez les étapes pour utiliser les blocs Elementor pour Gutenberg:

Étape 1 : Installez et activez Elementor Blocks for Gutenberg depuis le référentiel WordPress ou depuis votre tableau de bord

Pour ce faire, accédez à Plugin > Add New . En haut à gauche, vous verrez un champ de recherche. Cliquez dessus et tapez le nom de ce plugin.

Cliquez sur Installer, et une fois que c'est fait, activez le plugin Elementor Blocks for Gutenberg.

Étape 2 : Rechercher ‘Elementor Library’ dans les blocs Gutenberg

Lorsque vous êtes dans votre éditeur Gutenberg et que vous souhaitez ajouter des blocs, recherchez le bloc ‘Elementor Library’.

Ce plugin a rendu les blocs Elementor disponibles dans Gutenberg et vous pouvez les rechercher et les insérer comme n'importe quel autre bloc Gutenberg.

Étape 3 : Choisissez un modèle existant ou créez-en un nouveau

Après avoir ajouté la bibliothèque Elementor , créez un nouveau modèle ou choisissez dans la bibliothèque de modèles préexistants.

Étape 5 : prévisualisez votre modèle

Voyez à quoi ressemble votre modèle dans l'éditeur Gutenberg. Vous pouvez modifier la taille et la position du bloc à votre guise.

Étape 6 : Modifier le modèle avec Elementor

Pour modifier votre modèle avec Elementor , cliquez sur le bouton “Modifier le modèle avec Elementor” au-dessus du bloc.

Étape 7: Lancez votre nouveau bloc

Publiez ou mettez à jour votre message et profitez de votre bloc Elementor.

Avantages de l'utilisation des blocs Elementor pour Gutenberg

L'utilisation des blocs Elementor pour Gutenberg présente de nombreux avantages, tels que:

  • Vous pouvez utiliser les fonctionnalités et les options d'Elementor’ pour créer un contenu incroyable pour vos publications.
  • Vous pouvez réutiliser vos modèles Elementor en tant que blocs Gutenberg et gagner du temps et du travail.
  • Vous pouvez combiner différents blocs des deux éditeurs pour créer des mises en page uniques.
  • Vous pouvez garder votre site cohérent et clair en utilisant les mêmes modèles.

FAQ sur Gutenberg Elementor

Jetons un coup d'œil à certaines des questions les plus posées par les écrivains qui souhaitent utiliser ce plugin potentiellement.

Le bloc Elementor peut-il être utilisé à l'intérieur de Gutenberg?

Oui, vous pouvez ajouter des blocs et des modèles Elementor à Gutenberg en utilisant un plugin.

Gutenberg remplacera-t-il Elementor Plugin?

Gutenberg est principalement un outil d'édition de contenu qui améliore l'expérience WordPress. Gutenberg et Elementor fonctionnent tous les deux avec des blocs, mais ils ont des avantages différents.

Dois-je choisir l'un plutôt que l'autre : Gutenberg ou Elementor?

Non, vous pouvez utiliser les deux pour des choses différentes. Elementor est une solution très puissante et complète pour la conception et l'édition, mais Gutenberg est plus rapide et plus facile pour l'édition et la publication de messages.

Quel est le but des blocs Elementor pour le plugin Gutenberg?

Le plugin vous permet d'ajouter rapidement des centaines de blocs Elementor prêts à l'emploi à votre éditeur Gutenberg. Cela peut vous aider à ajouter des blocs comme le formulaire de contact, le formulaire d'abonnement, le tableau des prix, etc. lors de la publication de messages avec l'éditeur Gutenberg.

Conclusion

Ce guide vous a appris à ajouter facilement des blocs Elementor dans l'éditeur Gutenberg. De cette façon, vous pouvez créer des mises en page et des conceptions étonnantes pour votre site WordPress dans l'interface Gutenberg.

Les blocs Elementor fonctionnent bien avec toutes les fonctionnalités et tous les paramètres de Gutenberg, vous pouvez donc les ajuster à votre guise. Vous pouvez utiliser les blocs Elementor pour l'ensemble de votre site ou certaines sections, selon vos besoins.

Nous espérons que ce guide vous a été utile et instructif.

Divi WordPress Theme