![图片[1]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083009160617.png)
Gutenberg est un éditeur de blocs pour WordPress qui permet aux utilisateurs de créer et d'éditer du contenu sous forme de blocs. Afin de permettre aux utilisateurs d'utiliser la puissance d'Elementor dans Gutenberg, Elementor a développé un nouvel éditeur de blocs appelé "Blocs Elementor pour Gutenberg"est un plugin autonome. Ce plugin permet aux utilisateurs deAjouter des modèles Elementor en tant que blocs Gutenberg au contenuCela permet une conception et une fonctionnalité plus avancées.
Cet article détaillera comment utiliser les blocs Elementor dans Gutenberg et comment intégrer la puissance d'Elementor dans l'éditeur WordPress avec ce plugin.
Qu'est-ce qu'Elementor Blocks for Gutenberg ?
![图片[2]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008335095.png)
Elementor Blocks for Gutenberg est un plugin WordPress autonome qui permet aux utilisateurs d'insérer des modèles Elementor sous forme de blocs directement dans l'éditeur Gutenberg. En utilisant ce plugin, sans quitter l'éditeur WordPress, l'utilisateur peut insérer les modèles Elementor sous forme de blocs directement dans l'éditeur Gutenberg.Ajouter des fonctionnalités avancées à Elementorcomme les boutons d'appel à l'action, les formulaires d'abonnement, les grilles d'images, et plus encore. Les articles et les pages peuvent continuer à être édités sous l'éditeur Gutenberg tout en bénéficiant de la flexibilité de conception et des fonctionnalités offertes par Elementor.
Conditions de fonctionnement des blocs Elementor pour Gutenberg
Pour utiliser le plugin Elementor Blocks for Gutenberg, les conditions suivantes doivent être remplies :
- Exigences en matière de version de WordPressWordPress 5.6 ou supérieur.
- Plugin ElementorLe plug-in Elementor doit être installé et activé.
Comment installer et activer les blocs Elementor pour Gutenberg
Voici les étapes détaillées pour installer et activer le plugin Elementor Blocks for Gutenberg :
- Se connecter à WP AdminLa première étape consiste à se connecter au tableau de bord de WordPress à l'aide d'un compte administrateur.
- Aller sur la page du pluginDans le menu de gauche, naviguez jusqu'à "plug-in (composant logiciel)">"Ajouter un nouveau plugin".
- Plugin de recherchePour trouver le plugin, tapez "elementor blocks for gutenberg" dans la barre de recherche.
- Installation des plug-insUne fois que vous avez trouvé le plugin, cliquez sur le bouton "Installer maintenant".
![图片[3]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008433410.png)
- Plugin d'activationUne fois l'installation terminée, cliquez sur "activer"pour activer le plug-in.
Comment ajouter des blocs Elementor à l'éditeur WordPress
Voici la marche à suivre :
- Créer une nouvelle pagePour ce faire, il faut se connecter à WP Admin et se rendre dans la section "page web">"Ajouter une nouvelle page".
- Ajout de blocsDans l'éditeur de pages, cliquez en haut de la page ou dans la zone de paragraphe de l'écran d'accueil. +(ajouter une icône de bloc).
![图片[4]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008512262.png)
- Sélectionner le bloc ElementorDans la fenêtre pop-up, recherchez et sélectionnez "Bibliothèque Elementor". Cela affichera tous les modèles Elementor qui ont été sauvegardés.
![图片[5]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008524492.png)
- Sélectionnez un modèleLes modèles : Sélectionnez un modèle existant dans la bibliothèque d'Elementor ou créez-en un nouveau à partir de zéro.
![图片[6]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083008545210.png)
- Aperçu des modèlesAvant d'insérer un modèle, vous pouvez prévisualiser son apparence en cliquant sur l'icône de prévisualisation dans le coin supérieur droit.
- Insérer un modèleAprès avoir sélectionné un modèle, cliquez surbâtonpour ajouter le modèle à la zone de contenu de votre éditeur Gutenberg.
![图片[7]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083009005611.png)
Passer de Gutenberg à Elementor
Si vous souhaitez utiliser Elementor Blocks avec un design que vous souhaitez personnaliser davantage, vous pouvez le faire à tout moment en cliquant sur l'icône "Utilisez le bouton Elementor Edit pour basculer entre les éditeurs Gutenberg et Elementor.. Cela vous permet de passer en toute transparence d'un éditeur à l'autre, en tirant pleinement parti des deux.
![图片[8]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/08/2024083009021469.png)
rendre un verdict
Le plugin Elementor Blocks for Gutenberg offre une plus grande flexibilité aux utilisateurs travaillant avec WordPress, en leur permettant d'intégrer la puissance d'Elementor dans l'éditeur Gutenberg sans quitter l'interface d'édition. Avec ce plugin, les utilisateurs peuvent créer des pages plus riches et plus complexes dans Gutenberg tout en conservant la commodité d'édition de WordPress.
Lorsque vous passez à la version Elementor Pro Dans ce cas, non seulement vous avez accès à des fonctions de conception plus avancées, mais vous bénéficiez également d'une intégration poussée avec d'autres plug-ins dépendants. Par exemple.Elementor Pro Fournit un constructeur de thème puissantLe contenu dynamique et les widgets avancés peuvent être ajoutés directement à vos pages Gutenberg avec le plugin Elementor Blocks for Gutenberg.
Lien vers cet article :https://www.361sale.com/fr/18145/L'article est protégé par le droit d'auteur et doit être reproduit avec mention.





















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Pas de commentaires