{"id":232191,"date":"2021-12-15T13:25:00","date_gmt":"2021-12-15T10:25:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=232191"},"modified":"2022-05-16T10:41:44","modified_gmt":"2022-05-16T07:41:44","slug":"comment-utiliser-le-plugin-elementor-page-builder","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-utiliser-le-plugin-elementor-page-builder\/","title":{"rendered":"Comment utiliser le plugin Elementor Page Builder"},"content":{"rendered":"<p>Et si vous pouviez contr\u00f4ler chaque pixel de la conception de votre site sans \u00e9crire de code\u00a0?<\/p>\n<p>Eh bien, c&rsquo;est la mission dans laquelle Elementor s&rsquo;est embarqu\u00e9, et vous savez quoi ?<\/p>\n<p>Ils l&rsquo;ont fait!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-guide-cta1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> est un outil de cr\u00e9ation de pages extr\u00eamement robuste qui vous permet de cr\u00e9er des pages personnalis\u00e9es et m\u00eame des sites Web entiers. Et vous n&rsquo;avez m\u00eame pas besoin de regarder une ligne de code et encore moins d&rsquo;\u00e9crire la v\u00f4tre.<\/p>\n<p>Dans ce didacticiel Elementor, vous apprendrez \u00e0 utiliser le g\u00e9n\u00e9rateur de page pour cr\u00e9er des conceptions de page enti\u00e8rement personnalis\u00e9es.<\/p>\n<h2>Comment utiliser Elementor<\/h2>\n<p>Si vous pr\u00e9f\u00e9rez regarder une vid\u00e9o, ce tutoriel \u00e9tape par \u00e9tape couvre tout\u00a0:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/Up58uOqFiL8\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnez-vous aux th\u00e8mes de comp\u00e9tition sur Youtube<\/a><\/p>\n<p>La premi\u00e8re \u00e9tape consiste \u00e0 commencer \u00e0 installer le plugin Elementor.<\/p>\n<h2>Installer Elementor<\/h2>\n<p>Elementor est un plugin gratuit et peut \u00eatre install\u00e9 comme tout autre plugin que vous avez ajout\u00e9 \u00e0 votre site.<\/p>\n<p>Visitez le menu Plugins &gt; Ajouter un nouveau et utilisez la barre de recherche en haut \u00e0 droite pour rechercher \u00abelementor \u00bb.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Cliquez sur le bouton Installer maintenant, puis sur Activer une fois l&rsquo;installation termin\u00e9e.<\/p>\n<p>Avec Elementor install\u00e9, vous verrez deux nouveaux menus ajout\u00e9s \u00e0 votre site Web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1854049c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1854049c.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Le menu principal d&rsquo;Elementor a des param\u00e8tres globaux, mais honn\u00eatement, vous ne les utiliserez pas beaucoup. En dehors de cela, il s&rsquo;agit principalement de liens vers des ressources de support et des fonctionnalit\u00e9s d&rsquo;Elementor Pro.<\/p>\n<p>Le menu Mod\u00e8les est tr\u00e8s utile, et nous y reviendrons plus tard dans le didacticiel.<\/p>\n<h2>Comment \u00e9diter une page avec Elementor<\/h2>\n<p>La plupart du travail que vous effectuez avec Elementor sera effectu\u00e9 dans l&rsquo;\u00e9diteur Elementor.<\/p>\n<p>Pour atteindre l&rsquo;\u00e9diteur, vous pouvez visiter le menu Articles ou Pages, puis cliquer sur la page que vous souhaitez modifier. Dans l&rsquo;\u00e9diteur, vous verrez un nouveau bouton &quot;Modifier avec Elementor&quot; qui vous m\u00e8nera \u00e0 l&rsquo;\u00e9diteur Elementor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Bien que vous puissiez utiliser \u00e0 la fois l&rsquo;\u00e9diteur Elementor et le contenu normal de la page, cela a tendance \u00e0 devenir d\u00e9sordonn\u00e9 et d\u00e9routant. Pour cette raison, je recommanderais de mettre tout votre contenu dans Elementor pour toute page sur laquelle vous l&rsquo;utilisez.<\/p>\n<p>Une fois que vous avez cliqu\u00e9 sur le bouton bleu d&rsquo;\u00e9dition, vous serez redirig\u00e9 vers l&rsquo;\u00e9diteur.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Comme vous pouvez le voir, il est configur\u00e9 comme le Live Customizer. Il y a un aper\u00e7u sur la droite, et sur la gauche, vous pouvez voir les widgets.<\/p>\n<p>Les widgets sont les \u00e9l\u00e9ments de base des pages Elementor, il est donc imp\u00e9ratif d&rsquo;apprendre \u00e0 les utiliser.<\/p>\n<p>Dans le menu des widgets, vous trouverez quelques sections diff\u00e9rentes.<\/p>\n<p>La section de base en haut comprend des \u00e9l\u00e9ments pratiques tels que les widgets \u00c9diteur de texte, En-t\u00eate et Ic\u00f4ne.<\/p>\n<p>Si vous continuez \u00e0 faire d\u00e9filer, vous verrez qu&rsquo;il y a quelques sections suppl\u00e9mentaires\u00a0:<\/p>\n<ul>\n<li><strong>Pro :<\/strong> widgets plus avanc\u00e9s comme les grilles de publication (Elementor Pro uniquement)<\/li>\n<li><strong>G\u00e9n\u00e9ral :<\/strong> widgets les plus couramment utilis\u00e9s (gratuits)<\/li>\n<li><strong>Site\u00a0:<\/strong> pour cr\u00e9er des sites entiers avec Elementor (Elementor Pro uniquement)<\/li>\n<li><strong>WooCommerce :<\/strong> pour cr\u00e9er une boutique WC avec Elementor (Elementor Pro uniquement)<\/li>\n<li><strong>WordPress :<\/strong> tous vos widgets WP normaux<\/li>\n<\/ul>\n<p>La section WordPress est int\u00e9ressante car elle vous permet d&rsquo;utiliser les 17 widgets par d\u00e9faut inclus dans WordPress, ainsi que tous les widgets ajout\u00e9s par les plugins.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Pour ajouter un widget \u00e0 la page, il vous suffit de le faire glisser et de le d\u00e9poser dans la zone indiqu\u00e9e dans l&rsquo;aper\u00e7u.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Une fois le widget ajout\u00e9, vous trouverez toutes sortes d&rsquo;options de personnalisation disponibles dans la barre lat\u00e9rale.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Chaque widget a une section Contenu, Style et Avanc\u00e9. Voici un aper\u00e7u rapide de certaines des options de style disponibles pour un titre\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Bien que vous puissiez modifier le contenu de n&rsquo;importe quel widget \u00e0 partir de l&rsquo;onglet Contenu de la barre lat\u00e9rale, vous pouvez \u00e9galement le modifier directement dans l&rsquo;aper\u00e7u.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Cela devrait vous donner une bonne id\u00e9e des bases des widgets. Comme vous l&rsquo;avez vu, il existe une grande vari\u00e9t\u00e9 de widgets. De plus, il existe m\u00eame des <a href=\"https:\/\/mightythemes.com\/products\/mighty-addons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">modules compl\u00e9mentaires disponibles<\/a> qui incluent des widgets normalement non disponibles dans Elementor.<\/p>\n<p>\u00c0 l&rsquo;heure actuelle, vous \u00eates probablement enthousiasm\u00e9 par ce que vous pouvez faire avec Elementor, mais croyez-moi, il y a beaucoup plus.<\/p>\n<h2>Cr\u00e9er des mises en page personnalis\u00e9es<\/h2>\n<p>Jusqu&rsquo;\u00e0 pr\u00e9sent, vous n&rsquo;avez vu que comment glisser-d\u00e9poser des widgets dans la page, ce qui donne une conception simple \u00e0 une seule colonne.<\/p>\n<p>Vous pouvez \u00e9galement cliquer sur le bouton plus dans l&rsquo;aper\u00e7u pour cr\u00e9er une nouvelle structure de page.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Une fois que vous avez cliqu\u00e9 dessus, vous verrez 12 structures diff\u00e9rentes parmi lesquelles choisir.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Une fois que vous en avez choisi un, la section de page sera cr\u00e9\u00e9e et vous pouvez faire glisser et d\u00e9poser des widgets dans l&rsquo;une des colonnes. Cela vous permet de regrouper les widgets en sections logiques et vous pouvez m\u00eame styliser la section.<\/p>\n<p>Si vous cliquez sur la poign\u00e9e en haut de la section de page, vous verrez les mises \u00e0 jour de la barre lat\u00e9rale avec de nouvelles options.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Dans l&rsquo;onglet Style, vous trouverez de nombreuses options int\u00e9ressantes, notamment l&rsquo;option d&rsquo;arri\u00e8re-plan qui est particuli\u00e8rement pratique.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Vous pouvez utiliser une couleur, un d\u00e9grad\u00e9, une image, une vid\u00e9o ou un diaporama comme arri\u00e8re-plan de n&rsquo;importe quelle section de page.<\/p>\n<p>Et comme si cela ne suffisait pas, vous pouvez m\u00eame modifier les arri\u00e8re-plans et le style des colonnes individuelles dans la section de la page.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>La possibilit\u00e9 de styliser les widgets, les colonnes et les sections s\u00e9par\u00e9ment offre une immense quantit\u00e9 de contr\u00f4le.<\/p>\n<p>Il y a juste un probl\u00e8me.<\/p>\n<p>Vous remarquerez rapidement (si vous ne l&rsquo;avez pas d\u00e9j\u00e0 fait) que les arri\u00e8re-plans des sections de page semblent \u00e9tranges car ils sont limit\u00e9s au centre de la page. Voici comment y rem\u00e9dier.<\/p>\n<h2>Fixation de l&rsquo;espace de mise en page<\/h2>\n<p>J&rsquo;utilise le <a href=\"https:\/\/www.competethemes.com\/chosen\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">th\u00e8me Chosen<\/a> dans mon exemple, et comme vous pouvez le voir, l&rsquo;arri\u00e8re-plan de la section de page que j&rsquo;ai cr\u00e9\u00e9 s&rsquo;arr\u00eate brusquement au milieu de la page.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>En effet, le contenu Elementor occupe le m\u00eame espace dans le th\u00e8me que le contenu de la publication. Voici \u00e0 quoi ressemble une page normale dans le th\u00e8me Chosen\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Pour les articles et les pages standard, cela a fi\u00e8re allure, mais avec Elementor, cela peut rendre la conception maladroite. La solution est d&rsquo;utiliser un mod\u00e8le de page.<\/p>\n<p>Pour modifier le mod\u00e8le de page, vous pouvez visiter l&rsquo;\u00e9diteur, ouvrir la section Attributs de page, puis utiliser cette liste d\u00e9roulante Mod\u00e8le\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Alors que de nombreux th\u00e8mes, comme Chosen, incluent leurs propres mod\u00e8les de page, Elementor ajoutera toujours deux mod\u00e8les \u00e0 votre site\u00a0:<\/p>\n<ul>\n<li>Elementor Canvas: pleine largeur sans en-t\u00eate ni pied de page<\/li>\n<li>Elementor pleine largeur: pleine largeur avec en-t\u00eate et pied de page<\/li>\n<\/ul>\n<p>Vous pouvez \u00e9galement modifier le mod\u00e8le de page \u00e0 partir de l&rsquo;\u00e9diteur Elementor en cliquant sur l&rsquo;ic\u00f4ne Param\u00e8tres de page en bas, puis en utilisant cette option de mise en page\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Cela \u00e9tant r\u00e9gl\u00e9, replongeons dans la cr\u00e9ation de pages magnifiques avec Elementor.<\/p>\n<h2>Ajouter des blocs pr\u00e9fabriqu\u00e9s<\/h2>\n<p>Ce que vous avez vu jusqu&rsquo;\u00e0 pr\u00e9sent d&rsquo;Elementor est impressionnant. Vous pouvez cr\u00e9er tout ce que vous pouvez imaginer en utilisant les outils que vous avez vus.<\/p>\n<p>Cela dit, le d\u00e9fi est de taille. Voulez-vous vraiment cr\u00e9er une page Web enti\u00e8re \u00e0 partir de z\u00e9ro\u00a0? Si vous n&rsquo;avez aucune exp\u00e9rience de la conception de sites Web, vous cr\u00e9erez probablement une page qui a l&rsquo;air d&rsquo;un amateur.<\/p>\n<p>Cr\u00e9er de belles pages est un travail difficile !<\/p>\n<p>Heureusement, Elementor s&rsquo;est \u00e9galement pr\u00e9par\u00e9 \u00e0 cette situation.<\/p>\n<p>Auparavant, vous avez appris que vous pouvez cliquer sur le bouton plus pour ajouter une structure de page, mais si vous cliquez sur l&rsquo;ic\u00f4ne de dossier, vous pouvez ajouter un nouveau bloc.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Vous verrez cette fen\u00eatre contextuelle avec des centaines de sections de page pr\u00e9d\u00e9finies\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a8a342c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a8a342c.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Vous pouvez simplement cliquer sur l&rsquo;un de ces blocs pour les ins\u00e9rer dans votre page. C&rsquo;est l\u00e0 qu&rsquo;Elementor commence vraiment \u00e0 briller.<\/p>\n<p>Plut\u00f4t que de construire une page enti\u00e8re \u00e0 partir de z\u00e9ro, vous pouvez simplement ins\u00e9rer des blocs pr\u00e9d\u00e9finis jusqu&rsquo;\u00e0 ce que vous ayez la bonne conception et la bonne mise en page. Ceci est encore plus facile avec les options de tri.<\/p>\n<p>\u00c0 l&rsquo;aide du menu d\u00e9roulant Cat\u00e9gorie, vous pouvez filtrer les blocs en fonction de leur utilisation sp\u00e9cifique.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Voici \u00e0 quoi ressemble l&rsquo;un des blocs une fois ins\u00e9r\u00e9 dans ma page\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Comme vous pouvez le voir, il est compos\u00e9 de widgets afin que vous puissiez modifier chaque aspect du bloc, de la structure des colonnes au texte.<\/p>\n<p>Les blocs sont incroyables et facilitent grandement la cr\u00e9ation de pages Web, mais la fonctionnalit\u00e9 suivante les \u00e9pate.<\/p>\n<h2>Ajouter des pages pr\u00e9d\u00e9finies<\/h2>\n<p>Dans la fen\u00eatre contextuelle, il y a aussi un onglet Pages. Cliquez dessus et vous trouverez cet \u00e9cran\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Ce que vous regardez, ce sont des centaines de pages pr\u00e9d\u00e9finies construites avec Elementor. Vous pouvez cliquer sur l&rsquo;un d&rsquo;eux pour les ins\u00e9rer imm\u00e9diatement dans votre page.<\/p>\n<p>Est-ce incroyable\u00a0?<\/p>\n<p>Bien s\u00fbr, vous pouvez cr\u00e9er vos propres designs \u00e0 partir de z\u00e9ro, mais honn\u00eatement, pourquoi le feriez-vous\u00a0? L&rsquo;approche la plus rapide et la plus simple consiste \u00e0 trouver un mod\u00e8le existant que vous aimez, puis \u00e0 l&rsquo;ins\u00e9rer simplement dans votre page.<\/p>\n<p>Ce processus rend la cr\u00e9ation de pages Web avec Elementor incroyablement rapide, facile et agr\u00e9able.<\/p>\n<p>Alors que la version gratuite d&rsquo;Elementor n&rsquo;inclut qu&rsquo;une poign\u00e9e de mod\u00e8les, vous pouvez d\u00e9verrouiller les 200+ avec <a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Pro<\/a>.<\/p>\n<p>Themeforest a r\u00e9cemment lanc\u00e9 des <a href=\"http:\/\/link.competethemes.com\/elementor-template-kits-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kits de mod\u00e8les Elementor<\/a> sur leur site, et vous pouvez y trouver beaucoup plus de mod\u00e8les et de blocs pr\u00e9con\u00e7us.<\/p>\n<p>J&rsquo;ai \u00e9galement rassembl\u00e9 une collection des <a href=\"https:\/\/themewp.inform.click\/fr\/les-meilleurs-kits-de-modeles-elementor-pour-2021\/\" title=\"meilleurs kits de mod\u00e8les Elementor\">meilleurs kits de mod\u00e8les Elementor<\/a> que vous pourriez aimer.<\/p>\n<h2>R\u00e9utilisez vos blocs et pages<\/h2>\n<p>Vous avez maintenant vu la plupart de ce que Elementor peut faire, mais il y a une autre fonctionnalit\u00e9 \u00e0 couvrir.<\/p>\n<p>Vous pouvez cr\u00e9er des pages personnalis\u00e9es en utilisant ce que vous avez appris jusqu&rsquo;\u00e0 pr\u00e9sent. Cependant, si vous souhaitez cr\u00e9er un site entier avec Elementor ou l&rsquo;utiliser pour des sites Web clients, vous aurez besoin d&rsquo;un meilleur flux de travail. C&rsquo;est l\u00e0 qu&rsquo;intervient le menu Mod\u00e8les.<\/p>\n<p>Au bas de l&rsquo;\u00e9diteur, vous verrez le bouton vert Mettre \u00e0 jour que vous pouvez utiliser pour enregistrer vos modifications.<\/p>\n<p>Si vous cliquez sur la fl\u00e8che \u00e0 c\u00f4t\u00e9, vous verrez l&rsquo;option d&rsquo;enregistrer la page en tant que nouveau mod\u00e8le.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Tout ce que vous avez \u00e0 faire est de lui donner un nom et de cliquer sur \u00ab\u00a0Enregistrer\u00a0\u00bb.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Ensuite, de retour dans le tableau de bord WordPress, vous trouverez votre mod\u00e8le r\u00e9pertori\u00e9 ici dans le menu Mod\u00e8les\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Vous pouvez cr\u00e9er et modifier des mod\u00e8les ici sans modifier les pages dans lesquelles ils sont ins\u00e9r\u00e9s. Vous pouvez m\u00eame visiter l&rsquo;onglet Sections et cr\u00e9er vos propres sections de page.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.png\" alt=\"Comment utiliser le plugin Elementor Page Builder\"><\/a><\/p>\n<p>Ensuite, lorsque vous travaillez sur une page, vous pouvez ins\u00e9rer l&rsquo;une de vos pages ou blocs pr\u00e9d\u00e9finis \u00e0 partir de l&rsquo;onglet Mes mod\u00e8les de la fen\u00eatre contextuelle.<\/p>\n<p>Bien que vous n&rsquo;ayez pas besoin de cette fonctionnalit\u00e9 si vous ne cr\u00e9ez qu&rsquo;une ou deux <a href=\"https:\/\/themewp.inform.click\/fr\/top-8-des-meilleurs-themes-de-page-de-destination-wordpress-pour-des-conversions-elevees\/\" title=\"pages de destination\">pages de destination<\/a>, elle devient indispensable lors de la cr\u00e9ation de sites pour les clients.<\/p>\n<h2>Commencer \u00e0 utiliser Elementor<\/h2>\n<p>Phew!<\/p>\n<p>C&rsquo;\u00e9tait un long tutoriel et inclus une tonne de nouvelles informations, mais j&rsquo;esp\u00e8re que vous l&rsquo;avez appr\u00e9ci\u00e9.<\/p>\n<p>Avec Elementor, vous pouvez :<\/p>\n<ul>\n<li>Faire des pages de vente<\/li>\n<li>Cr\u00e9ez de beaux mod\u00e8les pour les pages r\u00e9guli\u00e8res<\/li>\n<li>Cr\u00e9ez des sites Web enti\u00e8rement personnalis\u00e9s<\/li>\n<\/ul>\n<p>Bien qu&rsquo;il s&rsquo;agisse d&rsquo;un outil compliqu\u00e9, les d\u00e9veloppeurs l&rsquo;ont rendu intuitif et je pense qu&rsquo;ils ont atteint cet objectif de \u00ab\u00a0conception Web sans code\u00a0\u00bb plus efficacement que tout autre produit con\u00e7u auparavant.<\/p>\n<p>Si vous voulez aller plus loin, jetez un \u0153il \u00e0 Elementor Pro et \u00e0 certaines des fonctionnalit\u00e9s suppl\u00e9mentaires qu&rsquo;il inclut :<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">D\u00e9couvrez Elementor Pro \u2192<\/a><\/p>\n<p>Il y a des fen\u00eatres contextuelles, plus de widgets et m\u00eame une fonctionnalit\u00e9 de \u00ab\u00a0constructeur de th\u00e8mes\u00a0\u00bb que je n&rsquo;ai m\u00eame pas abord\u00e9e ici.<\/p>\n<p>Si vous avez beaucoup appris, partagez cet article avec quelqu&rsquo;un d&rsquo;autre avant de partir, et merci beaucoup pour votre lecture !<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ajoutez des widgets, des structures de page personnalis\u00e9es, des mod\u00e8les pr\u00e9con\u00e7us et plus encore \u00e0 votre site avec l&rsquo;incroyable plugin de cr\u00e9ation de page Elementor.<\/p>\n","protected":false},"author":1,"featured_media":218485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-232191","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnaliser-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/232191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=232191"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/232191\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/218485"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=232191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=232191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=232191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}