{"id":87774,"date":"2022-10-06T08:06:36","date_gmt":"2022-10-06T06:06:36","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress\/"},"modified":"2021-01-11T03:57:12","modified_gmt":"2021-01-11T06:57:12","slug":"ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/","title":{"rendered":"Guide ultime de cr\u00e9ation de pages par glisser-d\u00e9poser de Visual Composer pour WordPress"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Basculer la table des mati\u00e8res\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Basculer<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Meet-The-Visual-Composer\" >Rencontrez le compositeur visuel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Installing-The-Visual-Composer\" >Installation de Visual Composer<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Option-1-Purchase-Your-Own-Copy-To-Use-On-Your-WordPress-Site\" >Option 1: Achetez votre propre copie \u00e0 utiliser sur votre site WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Option-2-Visual-Composer-Was-Bundled-With-Your-WordPress-Theme\" >Option 2: Visual Composer a \u00e9t\u00e9 fourni avec votre th\u00e8me WordPress<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Getting-Started-With-The-Visual-Composer-Page-Builder\" >Premiers pas avec le g\u00e9n\u00e9rateur de pages Visual Composer<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Page-Builder-Elements\" >\u00c9l\u00e9ments du g\u00e9n\u00e9rateur de page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Visual-Composer-Extensions\" >Extensions de Visual Composer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Backend-Frontend-Editing\" >\u00c9dition backend et frontend<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Adding-Editing-Page-Elements\" >Ajout et modification d&#039;\u00e9l\u00e9ments de page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Popular-Compatible-Plugins\" >Plugins compatibles populaires<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Advanced-Options-For-The-Visual-Composer\" >Options avanc\u00e9es pour le compositeur visuel<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#Wrapping-Up\" >Emballer<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<div class=\"container-med\">\n<div class=\"entry atype\">\n<p>Visual Composer est devenu l&#039;un des plugins de cr\u00e9ation de pages les plus vendus pour WordPress. Depuis sa sortie en mai 2011, le plugin a explos\u00e9 avec plus de 150000 clients (et cela sans compter les centaines de milliers d&#039;utilisateurs qui ont re\u00e7u une copie fournie avec un th\u00e8me), plus de 200 modules compl\u00e9mentaires et extensions et des centaines d&#039;avis positifs \u00e0 travers la toile.<\/p>\n<p>Si vous ne poss\u00e9dez pas d\u00e9j\u00e0 votre propre copie du plugin, vous l&#039;avez peut-\u00eatre d\u00e9j\u00e0 vu associ\u00e9 \u00e0 un th\u00e8me WordPress premium ou peut-\u00eatre avez-vous rencontr\u00e9 un ancien guide Visual Composer quelque part sur le Web. Beaucoup de choses ont chang\u00e9 depuis la sortie de Visual Composer, nous voulions donc vous guider \u00e0 travers toutes les fonctionnalit\u00e9s impressionnantes qui composent ce puissant plugin.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Meet-The-Visual-Composer\"><\/span>Rencontrez le compositeur visuel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img alt='visual-composer2-1758463' class=\"alignnone size-full wp-image-34344\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer2-1758463.jpg' width=\"1200\" height=\"710\"><\/p>\n<p>Si vous n&#039;\u00eates pas familier, Visual Composer est un plugin de cr\u00e9ation de page par glisser-d\u00e9poser pour WordPress. Ce plugin dandy pratique simplifie la cr\u00e9ation d&#039;articles et de pages WordPress personnalis\u00e9s. Aucune connaissance de codage n&#039;est requise. Installez simplement le plugin et vous pouvez vous mettre au travail en cr\u00e9ant vos articles et pages. Il est \u00e9galement compatible avec la plupart des th\u00e8mes gratuits et de nombreux th\u00e8mes premium, en plus d&#039;\u00eatre enti\u00e8rement compatible avec les plugins populaires tels que Contact Form 7, Slider Revolution et bien d&#039;autres (que nous aborderons plus tard).<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Installing-The-Visual-Composer\"><\/span>Installation de Visual Composer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Avant de pouvoir cr\u00e9er vos propres pages, vous devez t\u00e9l\u00e9charger et installer Visual Composer. Il existe deux fa\u00e7ons de s\u00e9curiser une copie du plugin: soit <strong>achat<\/strong> votre propre copie <em>ou alors<\/em> acheter un <strong>th\u00e8me premium<\/strong> avec le plugin inclus. le <span style=\"text-decoration: underline;\">le plugin fonctionne exactement de la m\u00eame mani\u00e8re<\/span> quel que soit l&#039;itin\u00e9raire que vous choisissez, la seule diff\u00e9rence entre ces deux m\u00e9thodes est la fa\u00e7on dont vous l&#039;installez.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Option-1-Purchase-Your-Own-Copy-To-Use-On-Your-WordPress-Site\"><\/span>Option 1: Achetez votre propre copie \u00e0 utiliser sur votre site WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La premi\u00e8re fa\u00e7on de mettre la main sur une copie de Visual Composer est d&#039;acheter le plugin pour vous-m\u00eame. Rendez-vous simplement sur CodeCanyon, ajoutez une copie de Visual Composer \u00e0 votre panier (nous vous recommandons d&#039;ajouter le support suppl\u00e9mentaire afin que vous ayez une ann\u00e9e compl\u00e8te d&#039;assistance de l&#039;auteur du plugin \u00e0 votre disposition) et finalisez votre achat.<\/p>\n<p><img alt='achat-visuel-compositeur-2934775' class=\"alignnone size-full wp-image-37991\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/purchase-visual-composer-2934775.jpg' width=\"1100\" height=\"750\"><\/p>\n<p>Acc\u00e9dez ensuite \u00e0 votre page de t\u00e9l\u00e9chargement. Cliquez sur le bouton vert T\u00e9l\u00e9charger \u00e0 c\u00f4t\u00e9 du plugin Visual Composer que vous venez d&#039;acheter et s\u00e9lectionnez le fichier WordPress installable uniquement.<\/p>\n<p><img alt='download-visual-composer-9882071' class=\"alignnone size-full wp-image-37992\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/download-visual-composer-9882071.jpg' width=\"1100\" height=\"630\"><\/p>\n<p>Maintenant, connectez-vous \u00e0 votre panneau d&#039;administration WordPress et acc\u00e9dez \u00e0 <em>Plugins&gt; Ajouter un nouveau<\/em>. Clique sur le <em>T\u00e9l\u00e9charger le plug-in<\/em> bouton en haut de l&#039;\u00e9cran.<\/p>\n<p><img alt='upload-plugin-1926156' class=\"alignnone size-full wp-image-37993\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/upload-plugin-1926156.jpg' width=\"1110\" height=\"540\"><\/p>\n<p>S\u00e9lectionnez le fichier zip de Visual Composer que vous avez t\u00e9l\u00e9charg\u00e9 \u00e0 partir de CodeCanyon. Ensuite, cliquez simplement pour installer et activer le plugin.<\/p>\n<p>Parce que vous avez achet\u00e9 le plugin, vous devrez \u00e9galement ajouter votre code de licence pour terminer le processus d&#039;activation. Cliquez simplement sur le lien en haut de votre \u00e9cran puis sur le bouton bleu g\u00e9ant pour <em>activer votre copie<\/em> de Visual Composer.<\/p>\n<p><img alt='cliquer-pour-activer-visual-composer-5879417' class=\"alignnone size-full wp-image-37994\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/click-to-activate-visual-composer-5879417.jpg' width=\"1110\" height=\"510\"><\/p>\n<p>Cela ouvrira un portail pour vous permettre \u00e0 WPBakery de v\u00e9rifier votre achat. Cliquez sur le grand vert <em>Approuver<\/em> bouton. Ne vous inqui\u00e9tez pas, vous ne donnez \u00e0 WPBakery que la permission de confirmer que votre nom d&#039;utilisateur \/ e-mail a vraiment achet\u00e9 une copie de Visual Composer.<\/p>\n<p><img alt='activer-via-envato-4690753' class=\"alignnone size-full wp-image-37995\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/activate-via-envato-4690753.jpg' width=\"1200\" height=\"1000\"><\/p>\n<p>Suivez simplement les instructions pour terminer l&#039;activation et revenir \u00e0 votre panneau d&#039;administration WordPress. Vous \u00eates maintenant pr\u00eat \u00e0 commencer \u00e0 construire!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Option-2-Visual-Composer-Was-Bundled-With-Your-WordPress-Theme\"><\/span>Option 2: Visual Composer a \u00e9t\u00e9 fourni avec votre th\u00e8me WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Si vous avez achet\u00e9 un th\u00e8me avec l&#039;installation incluse de Visual Composer est diff\u00e9rent, et il peut \u00e9galement varier selon l&#039;auteur. Nous vous montrerons comment installer le plugin si vous utilisez un th\u00e8me R Marketing Digital comme Total (et il devrait \u00eatre assez similaire avec la plupart des autres th\u00e8mes premium).<\/p>\n<p>Vous devrez d&#039;abord t\u00e9l\u00e9charger et installer votre th\u00e8me WordPress. Si vous avez achet\u00e9 votre th\u00e8me sur Themeforest, c&#039;est le m\u00eame processus que le t\u00e9l\u00e9chargement de Visual Composer. Connectez-vous \u00e0 votre compte Themeforest et acc\u00e9dez \u00e0 votre page de t\u00e9l\u00e9chargement. Ensuite, localisez votre th\u00e8me, cliquez sur le bouton de t\u00e9l\u00e9chargement et s\u00e9lectionnez uniquement le fichier WordPress installable.<\/p>\n<p><img alt='t\u00e9l\u00e9charger-total-theme-4578495' class=\"alignnone size-full wp-image-37997\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/download-total-theme-4578495.jpg' width=\"1100\" height=\"630\"><\/p>\n<p>Connectez-vous ensuite \u00e0 votre installation WordPress et cliquez sur <em>Apparence&gt; Th\u00e8mes&gt; Ajouter nouveau<\/em>. Cliquez ensuite sur le <em>T\u00e9l\u00e9charger le th\u00e8me <\/em>option en haut de la page. Vous devrez ouvrir le fichier zip t\u00e9l\u00e9charg\u00e9 pour localiser le fichier WordPress installable. En effet, le th\u00e8me Total est fourni avec des fonctionnalit\u00e9s suppl\u00e9mentaires telles que des plugins premium, des exemples de donn\u00e9es et des fichiers PSD.<\/p>\n<p><img alt='installer-total-8093367' class=\"alignnone size-full wp-image-37998\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/install-total-8093367.png' width=\"850\" height=\"300\"><\/p>\n<p>Une fois que vous avez localis\u00e9 le fichier, vous pouvez t\u00e9l\u00e9charger, installer et activer le th\u00e8me. Apr\u00e8s l&#039;activation, Total vous invite \u00e0 <em>installer les plugins recommand\u00e9s<\/em> - y compris le compositeur visuel.<\/p>\n<p><img alt='activer-total-2328449' class=\"alignnone size-full wp-image-38002\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/activate-total-2328449.jpg' width=\"1025\" height=\"650\"><\/p>\n<p>Cliquez simplement sur le lien vers <em>Commencer l&#039;installation des plugins<\/em>. S\u00e9lectionner <em>Installer<\/em> dans la liste d\u00e9roulante des actions en masse, cochez tous les plugins que vous souhaitez installer, puis cliquez sur <em>Appliquer<\/em>.<\/p>\n<p><img alt='installation-recommand\u00e9e-plugins-3898279' class=\"alignnone size-full wp-image-38003\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/install-recommended-plugins-3898279.jpg' width=\"1040\" height=\"625\"><\/p>\n<p>C&#039;est tout ce que vous avez \u00e0 faire! Pas besoin d&#039;activer Visual Composer via Envato. Parce que vous avez achet\u00e9 un th\u00e8me au lieu de votre propre copie du plugin <span style=\"text-decoration: underline;\">vous n&#039;avez pas de code de licence \u00e0 v\u00e9rifier<\/span> et vous n&#039;aurez pas acc\u00e8s aux mises \u00e0 jour du plugin tant qu&#039;elles ne vous sont pas fournies par l&#039;auteur du th\u00e8me.<\/p>\n<p><img alt='optionnel-vc-activation-3581623' class=\"alignnone size-full wp-image-38004\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/optional-vc-activation-3581623.jpg' width=\"1000\" height=\"620\"><\/p>\n<p>Bien s\u00fbr, si vous souhaitez acheter votre propre copie pour recevoir les mises \u00e0 jour plus rapidement, vous le pouvez certainement, mais il n&#039;est pas n\u00e9cessaire d&#039;utiliser Visual Composer avec votre th\u00e8me. Avec celui-ci, vous pouvez passer \u00e0 l&#039;utilisation r\u00e9elle du plugin.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Getting-Started-With-The-Visual-Composer-Page-Builder\"><\/span>Premiers pas avec le g\u00e9n\u00e9rateur de pages Visual Composer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Maintenant que Visual Composer est install\u00e9, il est temps de commencer avec les param\u00e8tres de votre plugin. Dans votre panneau d&#039;administration WordPress, vous devriez maintenant voir une option Visual Composer. Cliquez dessus pour ouvrir votre page de param\u00e8tres.<\/p>\n<p><img alt='vc-general-settings-7715745' class=\"alignnone size-full wp-image-38011\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/vc-general-settings-7715745.jpg' width=\"1085\" height=\"805\"><\/p>\n<p>le <strong>r\u00e9glages g\u00e9n\u00e9raux<\/strong> L&#039;onglet contient des options simples pour activer \/ d\u00e9sactiver les \u00e9l\u00e9ments r\u00e9actifs de l&#039;empilement sur de petits \u00e9crans (vous pouvez donc faire en sorte qu&#039;une ligne standard \u00e0 trois colonnes devienne trois lignes \u00e0 une seule colonne au lieu de r\u00e9duire la ligne \u00e0 trois colonnes sur mobile), en s\u00e9lectionnant un sous-ensemble de polices Google et un bouton de repos pour r\u00e9activer les visites guid\u00e9es Visual Composer.<\/p>\n<p><img alt='vc-role-manager-2201025' class=\"alignnone size-full wp-image-38012\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/vc-role-manager-2201025.jpg' width=\"1090\" height=\"1500\"><\/p>\n<p>Si votre site Web utilise plusieurs r\u00f4les d&#039;utilisateur, Visual Composer <strong>Gestionnaire de r\u00f4les<\/strong> sera certainement utile. Cette page de param\u00e8tres vous permet de restreindre l&#039;acc\u00e8s des utilisateurs \u00e0 diverses fonctionnalit\u00e9s de Visual Composer en fonction du r\u00f4le. De cette fa\u00e7on, vous pouvez autoriser les administrateurs \u00e0 acc\u00e9der \u00e0 toutes les fonctionnalit\u00e9s tout en limitant les \u00e9diteurs aux pages de blog uniquement et les contributeurs \u00e0 rien du tout.<\/p>\n<p>Nous l&#039;avons mentionn\u00e9 plus t\u00f4t lors de l&#039;installation, mais le\u00a0<strong>Licence de produit<\/strong>\u00a0L&#039;onglet est l&#039;endroit o\u00f9 vous pouvez v\u00e9rifier votre code de licence si vous avez achet\u00e9 votre propre copie du plugin. Si votre copie de Visual Composer est fournie avec un th\u00e8me, vous pouvez ignorer cette section.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Page-Builder-Elements\"><\/span>\u00c9l\u00e9ments du g\u00e9n\u00e9rateur de page<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='visual-compositeur-elements-4193487' class=\"alignnone size-full wp-image-38005\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-elements-4193487.jpg' width=\"1040\" height=\"570\"><\/p>\n<p>Visual Composer est livr\u00e9 avec 34 \u00e9l\u00e9ments de cr\u00e9ation de page standard pour de nombreuses fonctionnalit\u00e9s que vous souhaitez ajouter \u00e0 vos pages (la capture d&#039;\u00e9cran ci-dessus les montre toutes, plus l&#039;\u00e9l\u00e9ment Contact Form 7 dont nous parlerons plus tard). De nombreux \u00e9l\u00e9ments incluent des options suppl\u00e9mentaires pour les couleurs, les bordures, le remplissage, les marges, le CSS personnalis\u00e9, les animations, etc. Voici un bref aper\u00e7u de ce qui est inclus:<\/p>\n<ul>\n<li><strong>Lignes<\/strong> sont la page de vos pages. Vous utiliserez l&#039;\u00e9l\u00e9ment row pour cr\u00e9er des colonnes et ins\u00e9rer tous vos autres \u00e9l\u00e9ments de page.<\/li>\n<li><strong>Blocs de texte<\/strong> sont exactement ce \u00e0 quoi ils ressemblent - des blocs de texte. en utilisant l&#039;\u00e9diteur WYSIWYG WordPress standard, vous pouvez ajouter et mettre en forme du texte avec ce module.<\/li>\n<li><strong>Ic\u00f4nes<\/strong> incluent les ic\u00f4nes de polices des biblioth\u00e8ques d&#039;ic\u00f4nes suivantes: FontAwesome, Open Iconic, Typicons, Entypo, Linecons et Mono Social.<\/li>\n<li><strong>S\u00e9parateur et s\u00e9parateur avec texte<\/strong> sont des moyens de cr\u00e9er des sauts de ligne (et \/ ou de texte) entre les sections que vous cr\u00e9ez sur vos pages.<\/li>\n<li><strong>Bo\u00eetes de message<\/strong> sont parfaits pour ajouter des notes, des alertes ou d&#039;autres massages en bo\u00eete.<\/li>\n<li><strong>Facebook, Tweet, Google+ et Pinterest<\/strong> sont tous de simples boutons de partage social que vous pouvez ajouter pour que les utilisateurs partagent la page que vous cr\u00e9ez.<\/li>\n<li><strong>FAQ<\/strong> sont des boutons qui peuvent \u00eatre utilis\u00e9s pour ajouter du contenu masqu\u00e9 que les utilisateurs peuvent r\u00e9v\u00e9ler lorsqu&#039;ils lisent votre page.<\/li>\n<li>le<strong> Image unique<\/strong> est juste cela - une image simple avec des options suppl\u00e9mentaires pour le dimensionnement, l&#039;animation, le lien et plus encore.<\/li>\n<li><strong>Onglets, tours et accord\u00e9ons<\/strong>\u00a0sont similaires aux FAQ en ce sens qu&#039;elles contiennent du contenu masqu\u00e9 ou r\u00e9ductible mais avec la premi\u00e8re section ouverte.<\/li>\n<li>\u00c0 <strong>Conteneur pageable<\/strong> est un curseur de contenu de base (mais vous pouvez ins\u00e9rer \u00e0 peu pr\u00e8s n&#039;importe quel \u00e9l\u00e9ment de g\u00e9n\u00e9rateur de page dans chaque \u00abpage\u00bb de conteneur).<\/li>\n<li><strong>En-t\u00eates personnalis\u00e9s<\/strong> facilite l&#039;ajout de vos propres en-t\u00eates aux sections \u00e0 l&#039;aide de polices personnalis\u00e9es, de tailles, de couleurs et plus encore.<\/li>\n<li><strong>Boutons<\/strong> vous permettent d&#039;ajouter des liens vers d&#039;autres pages ou des sites Web externes.<\/li>\n<li>\u00c0 <strong>Appel \u00e0 l&#039;action<\/strong> est une bo\u00eete de l\u00e9gende avec un bouton ajout\u00e9 qui attire l&#039;attention des utilisateurs et vous permet d&#039;ajouter un peu de contenu convaincant.<\/li>\n<li>le <strong>Barre lat\u00e9rale widgetis\u00e9e<\/strong> vous permet d&#039;ins\u00e9rer votre propre barre lat\u00e9rale personnalis\u00e9e n&#039;importe o\u00f9 sur la page.<\/li>\n<li>le <strong>Lecteur vid\u00e9o<\/strong> facilite l&#039;insertion de diff\u00e9rents formats vid\u00e9o pris en charge par WordPress.<\/li>\n<li><strong>Google Maps<\/strong> est une autre option simple - il suffit de coller votre code Google Map pour ins\u00e9rer une carte sur votre page.<\/li>\n<li><strong>Barres de progression, graphiques \u00e0 secteurs, graphiques ronds et graphiques lin\u00e9aires<\/strong> sont tous des moyens de repr\u00e9senter graphiquement ou d&#039;afficher des donn\u00e9es ou des comp\u00e9tences.<\/li>\n<li><strong>Espace libre<\/strong> simplifie l&#039;ajout d&#039;une coupure verticale entre les \u00e9l\u00e9ments.<\/li>\n<li><strong>Grilles de ma\u00e7onnerie d&#039;articles, de m\u00e9dias, d&#039;articles et de m\u00e9dias<\/strong> sont toutes des grilles personnalis\u00e9es que vous pouvez ajouter aux pages (avec la possibilit\u00e9 de m\u00e9langer et de faire correspondre les types d&#039;articles ou de m\u00e9dias).<\/li>\n<\/ul>\n<p><img alt='widget-elements-9492292' class=\"alignnone size-full wp-image-38007\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/widget-elements-9492292.png' width=\"1040\" height=\"290\"><\/p>\n<p>Le plugin comprend \u00e9galement 8 <strong>\u00e9l\u00e9ments de widget<\/strong>\u00a0qui peut \u00eatre utilis\u00e9 pour cr\u00e9er votre propre barre lat\u00e9rale si vous choisissez de le faire. Celles-ci deviennent utiles lors de la cr\u00e9ation de pages de destination personnalis\u00e9es o\u00f9 votre barre lat\u00e9rale peut ne pas se trouver \u00e0 un emplacement de page typique, ou si l&#039;ensemble de votre site Web est un vaste r\u00e9seau de pages de destination sans deux utilisant la m\u00eame barre lat\u00e9rale.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Visual-Composer-Extensions\"><\/span>Extensions de Visual Composer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Les \u00e9l\u00e9ments de base de Visual Compose sont parfaits pour commencer, mais vous en aurez \u00e9ventuellement besoin ou en aurez plus pour cr\u00e9er vos mises en page personnalis\u00e9es. Ceci est possible via des extensions. Il existe plusieurs sources diff\u00e9rentes pour les extensions Visual Composer.<\/p>\n<p><img alt='total-elements-7009048' class=\"alignnone size-full wp-image-38006\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/total-elements-7009048.jpg' width=\"1040\" height=\"640\"><\/p>\n<p>La premi\u00e8re fa\u00e7on de <strong>\u00e9tendez votre compositeur visuel via votre th\u00e8me<\/strong>. Un bon exemple est notre th\u00e8me WordPress Total qui comprend 39 \u00e9l\u00e9ments de cr\u00e9ation de page ajout\u00e9s. Ceux-ci sont inclus exclusivement avec Total pour fonctionner avec ses fonctionnalit\u00e9s, vous devez donc avoir le th\u00e8me install\u00e9 et actif pour les utiliser. Total comprend des extensions pour les types d&#039;articles personnalis\u00e9s (t\u00e9moignages, personnel, portefeuilles), des galeries personnalis\u00e9es, des curseurs simples, des r\u00e9seaux sociaux et bien plus encore. Cela vous permet d&#039;ajouter plus facilement le contenu que vous souhaitez l\u00e0 o\u00f9 vous le souhaitez.<\/p>\n<p><img alt='tiers-vc-addons-1796382' class=\"alignnone size-full wp-image-38015\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/third-party-vc-addons-1796382.png' width=\"1170\" height=\"650\"><\/p>\n<p>Si votre th\u00e8me n&#039;inclut aucune extension que vous pouvez installer\u00a0<strong>Extensions tierces de Visual Composer<\/strong>. Ceux-ci peuvent aller de gratuit \u00e0 $55 et sont disponibles aupr\u00e8s de divers auteurs sur CodeCanyon et sur le Web. Si vous souhaitez ajouter quelques fonctionnalit\u00e9s suppl\u00e9mentaires telles que des tableaux de prix et des r\u00e9seaux sociaux, le plugin gratuit Symple Shortcodes est la solution (nous l&#039;avons cr\u00e9\u00e9 ici chez R Marketing Digital apr\u00e8s tout). Si vous souhaitez ajouter plus d&#039;options, un plugin premium tel que Ultimate Add-on pourrait vous convenir. Il y a litt\u00e9ralement des centaines d&#039;options - vous pouvez voir un <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/vc.wpbakery.com\/addons\/\">liste compl\u00e8te des modules compl\u00e9mentaires compatibles<\/a> sur WPBakery.<\/p>\n<p>Quelle que soit la mani\u00e8re dont vous choisissez d&#039;\u00e9tendre votre Visual Composer, nous vous recommandons <span style=\"text-decoration: underline;\">n&#039;utilisez pas toutes les extensions de th\u00e8me et de plugin en m\u00eame temps<\/span>. Plus n&#039;est pas toujours mieux - surtout dans ce cas. Non seulement cela cr\u00e9era beaucoup d&#039;options de chevauchement et de duplication, mais cela ralentira \u00e9galement consid\u00e9rablement votre site (une tonne de code entre dans chaque \u00e9l\u00e9ment du g\u00e9n\u00e9rateur de page). Choisissez donc l&#039;extension qui vous convient le mieux et respectez-la.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Backend-Frontend-Editing\"><\/span>\u00c9dition backend et frontend<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Avec Visual Composer, vous n&#039;\u00eates pas limit\u00e9 sur la fa\u00e7on dont vous pouvez cr\u00e9er et modifier vos pages. Avec ce puissant plugin, vous avez la possibilit\u00e9 d&#039;apporter des modifications \u00e0 partir du backend modulaire ou du frontend visuel.<\/p>\n<div id=\"attachment_38013\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img alt='vc-back-end-3186386' aria-describedby=\"caption-attachment-38013\" class=\"size-full wp-image-38013\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/vc-back-end-3186386.png' width=\"1050\" height=\"634\"><\/p>\n<p id=\"caption-attachment-38013\" class=\"wp-caption-text\">\u00c9diteur de backend Visual Composer<\/p>\n<\/div>\n<p>Si vous choisissez d&#039;utiliser le <strong>\u00e9diteur backend<\/strong> chaque \u00e9l\u00e9ment est affich\u00e9 comme un \u00e9l\u00e9ment modulaire que vous pouvez ins\u00e9rer, faire glisser et d\u00e9poser en place. Cette m\u00e9thode est id\u00e9ale si vous souhaitez mettre en page rapidement une structure filaire de ce \u00e0 quoi vous voulez que votre page ressemble et peut \u00e9galement \u00eatre plus rapide que le frontend si vous avez un serveur ou une connexion Internet plus lent.<\/p>\n<p>L&#039;\u00e9diteur backend est assez simple \u00e0 utiliser. Cliquez simplement sur le bouton bleu pour <em>\u00c9diteur de backend<\/em> pour activer Visual Composer pour la page ou l&#039;article que vous modifiez.<\/p>\n<p><img alt='enable-editor-1188980' class=\"alignnone size-full wp-image-38019\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/enable-editor-1188980.png' width=\"763\" height=\"265\"><\/p>\n<p>Cliquez ensuite sur le bouton turquoise pour <em>+ Ajouter des \u00e9l\u00e9ments<\/em>.<\/p>\n<p><img alt='add-elements-8418508' class=\"alignnone size-full wp-image-38020\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/add-elements-8418508.png' width=\"824\" height=\"716\"><\/p>\n<p>De l\u00e0, vous pouvez commencer \u00e0 ins\u00e9rer tous les \u00e9l\u00e9ments de page que vous souhaitez!<\/p>\n<div id=\"attachment_38014\" style=\"width: 1260px\" class=\"wp-caption alignnone\"><img alt='total-constructeur-8207673' aria-describedby=\"caption-attachment-38014\" class=\"size-full wp-image-38014\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/total-builder-8207673.jpg' width=\"1250\" height=\"800\"><\/p>\n<p id=\"caption-attachment-38014\" class=\"wp-caption-text\">\u00c9diteur Frontend Visual Composer<\/p>\n<\/div>\n<p>le <strong>\u00e9diteur frontend<\/strong> offre une bien meilleure vue de ce \u00e0 quoi ressemblera votre page finale puisqu&#039;il s&#039;agit essentiellement d&#039;un \u00e9diteur visuel en temps r\u00e9el. Il vous permet d&#039;ins\u00e9rer tous les m\u00eames \u00e9l\u00e9ments de g\u00e9n\u00e9rateur de page que l&#039;\u00e9diteur backend avec l&#039;avantage suppl\u00e9mentaire de pouvoir les voir au lieu d&#039;un module. Vous pouvez voir la taille r\u00e9elle d&#039;une image 300px, ou si un bouton violet avec une valeur hexad\u00e9cimale #6e2f93 appara\u00eet vraiment.<\/p>\n<p>Pour activer l&#039;\u00e9dition frontale, cliquez sur l&#039;un des deux\u00a0<em>\u00c9diteur Frontend<\/em> options pour votre page ou article.<\/p>\n<p><img alt='enable-frontend-edit-1868596' class=\"alignnone size-full wp-image-38021\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/enable-frontend-editing-1868596.png' width=\"824\" height=\"430\"><\/p>\n<p>Cela actualisera votre \u00e9cran et vous am\u00e8nera \u00e0 un aper\u00e7u en direct de votre article ou de votre page avec toutes les m\u00eames options de cr\u00e9ation de page que l&#039;\u00e9diteur principal.<\/p>\n<p><img alt='vc-frontend-edit-2515888' class=\"alignnone size-full wp-image-38028\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/vc-frontend-editing-2515888.jpg' width=\"1217\" height=\"741\"><\/p>\n<p>Cliquez simplement pour commencer \u00e0 ajouter des \u00e9l\u00e9ments. La principale diff\u00e9rence ici est que vous pouvez maintenant voir les \u00e9l\u00e9ments au fur et \u00e0 mesure que vous les ins\u00e9rez et que vous pouvez utiliser le <em>options de pr\u00e9visualisation<\/em>\u00a0dans la barre sup\u00e9rieure pour avoir une id\u00e9e de l&#039;apparence de votre page sur les ordinateurs de bureau, les ordinateurs portables, les tablettes et les t\u00e9l\u00e9phones.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Adding-Editing-Page-Elements\"><\/span>Ajout et modification d&#039;\u00e9l\u00e9ments de page<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Que vous utilisiez l&#039;\u00e9diteur principal ou frontal, vous aurez les m\u00eames options pour personnaliser vos diff\u00e9rents \u00e9l\u00e9ments de cr\u00e9ation de page. Bien que les options varient d&#039;un \u00e9l\u00e9ment \u00e0 l&#039;autre, il y a quelques fonctionnalit\u00e9s cl\u00e9s \u00e0 prendre en compte apr\u00e8s l&#039;insertion de votre \u00e9l\u00e9ment.<\/p>\n<div id=\"attachment_38023\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img alt='edit-row-2628342' aria-describedby=\"caption-attachment-38023\" class=\"wp-image-38023 size-full\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/edit-row-2628342.jpg' width=\"1050\" height=\"746\"><\/p>\n<p id=\"caption-attachment-38023\" class=\"wp-caption-text\">Options de ligne de Visual Composer<\/p>\n<\/div>\n<p>Peu importe ce que vous souhaitez ajouter \u00e0 votre page <em>vous devez d&#039;abord ins\u00e9rer une ligne<\/em>. Une fois ins\u00e9r\u00e9, vous pouvez survoler l&#039;\u00e9l\u00e9ment frontal pour r\u00e9v\u00e9ler le bleu\u00a0<strong>options de ligne<\/strong> (dans le backend, ils sont toujours visibles en haut de chaque ligne).<\/p>\n<ul>\n<li>La premi\u00e8re <strong>Ic\u00f4ne de ligne<\/strong> est l&#039;endroit o\u00f9 vous pouvez cliquer pour faire glisser et d\u00e9poser la ligne vers une nouvelle position sur votre page.<\/li>\n<li>le <strong>Crayon<\/strong> L&#039;ic\u00f4ne ouvre les options de vos param\u00e8tres de ligne. Ceux-ci peuvent varier en fonction de votre th\u00e8me. Avec le th\u00e8me Total, vous verrez des options pour l&#039;ID de d\u00e9filement local, l&#039;\u00e9tirement de ligne (pour les lignes pleine largeur), la ligne pleine hauteur, la hauteur minimale, la visibilit\u00e9 sur mobile, le contenu centr\u00e9, les colonnes de hauteur \u00e9gale, l&#039;animation, la typographie, la largeur maximale, l&#039;espacement des colonnes , vid\u00e9o d&#039;arri\u00e8re-plan ou parallaxe et options de conception (marge, bordure, remplissage, couleur \/ image d&#039;arri\u00e8re-plan).<\/li>\n<li><strong>Colonnes<\/strong> sont de d\u00e9finir le nombre de colonnes dans votre ligne. Il existe des options par d\u00e9faut pour jusqu&#039;\u00e0 6 colonnes, mais vous pouvez \u00e9galement d\u00e9finir votre propre disposition de colonne personnalis\u00e9e si vous le souhaitez.<\/li>\n<li><strong>Plus<\/strong> ajoute une nouvelle ligne sous celle que vous modifiez.<\/li>\n<li>le <strong>Dupliquer<\/strong> L&#039;ic\u00f4ne clonera votre ligne actuelle et tout son contenu (c&#039;est-\u00e0-dire tous les \u00e9l\u00e9ments que vous avez ins\u00e9r\u00e9s dans la ligne). C&#039;est id\u00e9al si vous souhaitez r\u00e9utiliser une disposition de ligne plusieurs fois sur la m\u00eame page.<\/li>\n<li><strong>Poubelle<\/strong> consiste simplement \u00e0 supprimer une ligne enti\u00e8re et son contenu.<\/li>\n<\/ul>\n<div id=\"attachment_38024\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img alt='edit-colonne-1461750' aria-describedby=\"caption-attachment-38024\" class=\"wp-image-38024 size-full\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/edit-column-1461750.jpg' width=\"1050\" height=\"746\"><\/p>\n<p id=\"caption-attachment-38024\" class=\"wp-caption-text\">Options de colonne de Visual Composer<\/p>\n<\/div>\n<p>Lorsque vous survolez une ligne dans l&#039;\u00e9diteur frontend, vous verrez \u00e9galement du jaune <strong>options de colonne<\/strong> (dans le backend, vous trouverez les m\u00eames options et ic\u00f4nes affich\u00e9es au-dessus de chaque colonne).<\/p>\n<ul>\n<li>La premi\u00e8re <strong>Ic\u00f4ne de colonne<\/strong> est identique aux lignes - cliquez dessus pour glisser-d\u00e9poser et r\u00e9organiser les colonnes dans leur ligne.<\/li>\n<li>le <strong>Crayon<\/strong> est les param\u00e8tres g\u00e9n\u00e9raux de la colonne. \u00c9quivalent aux lignes, les options de colonne peuvent varier en fonction du th\u00e8me que vous utilisez. Avec Total, les options suivantes sont disponibles: visibilit\u00e9 sur mobile, animation, typographie, hauteur minimale, options de conception (marge, bordure, remplissage, arri\u00e8re-plan) et param\u00e8tres de r\u00e9activit\u00e9 (d\u00e9calage personnalis\u00e9, largeur ou options masqu\u00e9es en fonction de l&#039;appareil).<\/li>\n<li>Pour les colonnes, le <strong>Plus<\/strong> L&#039;ic\u00f4ne ajoutera un \u00e9l\u00e9ment en haut de la colonne, au-dessus de tout autre \u00e9l\u00e9ment d\u00e9j\u00e0 ins\u00e9r\u00e9.<\/li>\n<li>Encore une fois, le <strong>Poubelle<\/strong> L&#039;ic\u00f4ne consiste \u00e0 supprimer la colonne enti\u00e8re ainsi que son contenu. Apr\u00e8s avoir supprim\u00e9 une colonne, les colonnes restantes conservent leurs dimensions (si vous supprimez 1 des 3 colonnes, les 2 colonnes restantes auront toujours une taille de 1\/3), alors n&#039;oubliez pas de modifier la largeur de vos colonnes apr\u00e8s la suppression.<\/li>\n<\/ul>\n<div id=\"attachment_38025\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img alt='edit-element-5355812' aria-describedby=\"caption-attachment-38025\" class=\"wp-image-38025 size-full\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/edit-element-5355812.jpg' width=\"1050\" height=\"747\"><\/p>\n<p id=\"caption-attachment-38025\" class=\"wp-caption-text\">Options d&#039;\u00e9l\u00e9ment de page Visual Composer<\/p>\n<\/div>\n<p>Dans votre ligne ou vos colonnes, vous utiliserez l&#039;ic\u00f4ne plus pour ins\u00e9rer un \u00e9l\u00e9ment de page. Dans la capture d&#039;\u00e9cran ci-dessus, nous avons ajout\u00e9 un <em>Messagerie<\/em>. Lorsque vous ins\u00e9rez un \u00e9l\u00e9ment, les param\u00e8tres s&#039;ouvrent automatiquement. Pour modifier un \u00e9l\u00e9ment que vous avez d\u00e9j\u00e0 ajout\u00e9, passez simplement la souris sur l&#039;\u00e9l\u00e9ment dans l&#039;\u00e9diteur avant ou arri\u00e8re pour r\u00e9v\u00e9ler les options suivantes:<\/p>\n<ul>\n<li>le <strong>Crayon<\/strong> L&#039;ic\u00f4ne ouvrira les param\u00e8tres (d\u00e9crits ci-dessous).<\/li>\n<li>le <strong>Dupliquer<\/strong> L&#039;ic\u00f4ne clonera votre \u00e9l\u00e9ment de page exactement comme vous l&#039;avez (param\u00e8tres et tout).<\/li>\n<li>Enfin le <strong>Poubelle<\/strong> supprimera uniquement votre \u00e9l\u00e9ment de cr\u00e9ation de page. \u00e0 partir de la ligne ou de la colonne o\u00f9 vous l&#039;avez ins\u00e9r\u00e9, en laissant tous les autres \u00e9l\u00e9ments intacts.<\/li>\n<\/ul>\n<div id=\"attachment_38026\" style=\"width: 1082px\" class=\"wp-caption alignnone\"><img alt='element-general-9385707' aria-describedby=\"caption-attachment-38026\" class=\"size-full wp-image-38026\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/element-general-9385707.jpg' width=\"1072\" height=\"645\"><\/p>\n<p id=\"caption-attachment-38026\" class=\"wp-caption-text\">Options g\u00e9n\u00e9rales des \u00e9l\u00e9ments de page<\/p>\n<\/div>\n<p>Lorsque vous ins\u00e9rez un nouvel \u00e9l\u00e9ment ou cliquez sur l&#039;ic\u00f4ne Crayon d&#039;un \u00e9l\u00e9ment, vous ouvrez l&#039;\u00e9l\u00e9ment de cr\u00e9ation de page <strong>Les param\u00e8tres<\/strong>. Ceux-ci sont (pour la plupart) divis\u00e9s en plusieurs onglets pour vous permettre de voir plus facilement toutes les options de personnalisation disponibles. En plus de l&#039;onglet Param\u00e8tres, il existe un <strong>\u00e9quipement<\/strong> ic\u00f4ne dans le coin sup\u00e9rieur droit que vous pouvez utiliser pour enregistrer vos param\u00e8tres s\u00e9lectionn\u00e9s en tant que <em>pr\u00e9r\u00e9gl\u00e9<\/em> pour \u00eatre r\u00e9utilis\u00e9 plus tard ou comme <em>d\u00e9faut<\/em> \u00e0 utiliser automatiquement chaque fois que vous ins\u00e9rez cet \u00e9l\u00e9ment sp\u00e9cifique.<\/p>\n<p>le <strong>Onglet g\u00e9n\u00e9ral<\/strong> inclut des options g\u00e9n\u00e9rales pour votre \u00e9l\u00e9ment de page. Celles-ci varient en fonction de l&#039;\u00e9l\u00e9ment que vous ins\u00e9rez (mais dans tous les cas, l&#039;\u00e9dition est aussi simple que d&#039;utiliser une liste d\u00e9roulante, un s\u00e9lecteur de couleur, une coche ou une zone de texte). Par exemple le <em>Messagerie<\/em> dans la capture d&#039;\u00e9cran ci-dessus comprend des options pour un style, une forme, une couleur, une ic\u00f4ne, du texte et une animation. Mais si vous ins\u00e9rez un <em>Bouton<\/em> \u00e0 la place, vous trouverez des options pour le texte, l&#039;URL, le style, la forme, la couleur, la taille, l&#039;alignement, l&#039;ic\u00f4ne et l&#039;animation.<\/p>\n<div id=\"attachment_38027\" style=\"width: 1081px\" class=\"wp-caption alignnone\"><img alt='conception-d&#039;\u00e9l\u00e9ment-7631237' aria-describedby=\"caption-attachment-38027\" class=\"size-full wp-image-38027\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/element-design-7631237.jpg' width=\"1071\" height=\"876\"><\/p>\n<p id=\"caption-attachment-38027\" class=\"wp-caption-text\">Options de conception d&#039;\u00e9l\u00e9ment de page<\/p>\n<\/div>\n<p>le <strong>Onglet Options de conception<\/strong> est le deuxi\u00e8me onglet standard que vous verrez sur \u00e0 peu pr\u00e8s tous les \u00e9l\u00e9ments du g\u00e9n\u00e9rateur de page. De l\u00e0, vous pouvez ajouter un arri\u00e8re-plan personnalis\u00e9 (couleur ou image), une bordure, un rembourrage et une marge \u00e0 votre \u00e9l\u00e9ment. Les options de Simplifier les contr\u00f4les r\u00e9duisent les options de la bo\u00eete CSS afin que vous puissiez entrer une valeur universelle pour chaque option (marge, bordure et remplissage). Une note \u00e0 retenir: lorsque vous appliquez un arri\u00e8re-plan, il est contenu dans votre bordure. SW <em>augmenter votre rembourrage<\/em> augmentera l&#039;arri\u00e8re-plan visible que vous avez ajout\u00e9 autour de votre \u00e9l\u00e9ment, mais si vous<em> augmenter votre marge<\/em> vous augmenterez l&#039;espace vide autour de votre \u00e9l\u00e9ment de page (r\u00e9v\u00e9lant la ligne \/ page derri\u00e8re)<\/p>\n<p>Bien s\u00fbr, selon le module que vous ins\u00e9rez, votre \u00e9l\u00e9ment de page peut avoir beaucoup plus d&#039;onglets. Par exemple, le compositeur visuel <em>\u00c9l\u00e9ment de grille<\/em> a ajout\u00e9 des onglets d&#039;options pour les param\u00e8tres de donn\u00e9es et la conception d&#039;\u00e9l\u00e9ment. Et si vous utilisez des \u00e9l\u00e9ments de page personnalis\u00e9s via une extension comme le <em>Grille du personnel total<\/em> il peut y avoir encore plus d&#039;options int\u00e9gr\u00e9es (telles que les options de requ\u00eate, le recadrage d&#039;image personnalis\u00e9, les m\u00e9ta, les liens sociaux, les extraits, etc.) en fonction de ce que l&#039;auteur de l&#039;extension a inclus.<\/p>\n<div class=\"gray-box\">\n<p><strong>Noter:<\/strong>\u00a0Vous pouvez consulter une liste compl\u00e8te des \u00e9l\u00e9ments dans notre <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/totaltheme.wpengine.com\/features\/builder-modules\/\">Guide des modules Total Builder<\/a>. Cependant, la meilleure fa\u00e7on d&#039;apprendre ce que fait chaque module est de jouer avec Visual Composer. Cr\u00e9ez une page de test et entra\u00eenez-vous \u00e0 ins\u00e9rer et \u00e0 modifier des \u00e9l\u00e9ments. Vous vous y familiariserez rapidement et cr\u00e9erez des pages comme un pro!<\/p>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"Popular-Compatible-Plugins\"><\/span>Plugins compatibles populaires<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>En plus des extensions Visual Composer, de nombreux plugins populaires sont compatibles avec Visual Composer et ajoutent automatiquement leur propre \u00e9l\u00e9ment de cr\u00e9ation de page. Voici quelques-uns des nombreux plugins que vous serez heureux d&#039;entendre fonctionner de mani\u00e8re transparente avec le plugin Visual Composer pour une cr\u00e9ation de page encore meilleure.<\/p>\n<p><img alt='woocommerce-elements-1949820' class=\"alignnone size-full wp-image-38008\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/woocommerce-elements-1949820.jpg' width=\"1040\" height=\"360\"><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\"><strong>WooCommerce<\/strong><\/a>: Si vous souhaitez cr\u00e9er un magasin avec WordPress, WooCommerce est la voie \u00e0 suivre. Non seulement ce plugin est gratuit et plein de fonctionnalit\u00e9s impressionnantes, mais il est enti\u00e8rement compatible avec Visual Composer. Une fois install\u00e9 et activ\u00e9, WooCommerce ajoutera non seulement ses propres param\u00e8tres et options, mais il ajoutera \u00e9galement <strong>17 nouveaux \u00e9l\u00e9ments de cr\u00e9ation de page<\/strong> pour que vous puissiez jouer avec.<\/p>\n<p><img alt='r\u00e9volution-4964150' class=\"alignnone size-full wp-image-38009\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/revolution-4964150.jpg' width=\"750\" height=\"451\"><\/p>\n<p><strong>R\u00e9volution du curseur<\/strong>: Les curseurs sont un excellent moyen d&#039;ajouter une section captivante et riche en contenu \u00e0 n&#039;importe quelle page et Slider Revolution est un plugin parfait pour faire exactement cela. Avec ce plugin, vous pouvez faire glisser et d\u00e9poser des \u00e9l\u00e9ments tels que du texte, des boutons, des images et m\u00eame des vid\u00e9os, le tout avec des animations et des effets suppl\u00e9mentaires pour cr\u00e9er des curseurs impressionnants. Voyez-le en action sur plusieurs de nos <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/total.wpexplorer.com\/\">D\u00e9mos totales<\/a>!<\/p>\n<p><img alt='layer-3961131' class=\"alignnone size-full wp-image-38010\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/layer-3961131.png' width=\"1200\" height=\"670\"><\/p>\n<p><strong>LayerSlider<\/strong>: Une autre excellente option pour les curseurs est le plugin LayerSlider. C&#039;est tout aussi g\u00e9nial que Slider Revolution mais avec une interface et des options l\u00e9g\u00e8rement diff\u00e9rentes. Il comprend m\u00eame un g\u00e9n\u00e9rateur de transition personnalis\u00e9 afin que vous puissiez cr\u00e9er des animations uniques. C&#039;est \u00e9galement l&#039;un des deux curseurs premium fournis avec notre th\u00e8me Total WordPress, vous savez donc que c&#039;est plut\u00f4t g\u00e9nial.<\/p>\n<p><img alt='contact-form7-plugin-3548284' class=\"alignnone size-full wp-image-37262\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/contact-form7-plugin-3548284.png' width=\"772\" height=\"250\"><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\"><strong>Formulaire de contact 7<\/strong><\/a>: Les formulaires de contact sont une partie importante de tout site Web - que vous soyez un blogueur avec un formulaire pour les demandes de renseignements commerciaux ou un dentiste avec un formulaire de rendez-vous. Contact Form 7 est enti\u00e8rement gratuit, flexible et avec Visual Composer, l&#039;insertion de vos formulaires de contact est facile avec l&#039;\u00e9l\u00e9ment de formulaire personnalis\u00e9.<\/p>\n<p><img alt='wpml-2-4135738' class=\"alignnone size-full wp-image-37203\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/WPML-2-4135738.png' width=\"900\" height=\"423\"><\/p>\n<p><strong>WPML<\/strong>: Si vous avez besoin de cr\u00e9er un site Web multilingue, WPML est l&#039;une des meilleures options pour traduire vos articles et vos pages. De plus, WPML est enti\u00e8rement compatible avec Visual Composer, il est donc possible de traduire chaque page personnalis\u00e9e que vous cr\u00e9ez.<\/p>\n<p><img alt='polylang-translation-plugin-8090675' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/polylang-translation-plugin-8090675.jpg' width=\"772\" height=\"250\"><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/polylang\/\"><strong>Polylang<\/strong><\/a>: Si vous ne souhaitez pas investir dans WPML, Polylang est une excellente option gratuite enti\u00e8rement compatible avec Visual Composer (c&#039;est l&#039;un des plugins gratuits que nous recommandons pour rendre votre site WordPress multilingue).<\/p>\n<p><img alt='yoast-seo-free-wordpress-plugin-9387290' class=\"alignnone size-full wp-image-37770\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/yoast-seo-free-wordpress-plugin-9387290.png' width=\"772\" height=\"250\"><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\"><strong>Yoast SEO<\/strong><\/a>: Yoast permet \u00e0 tout utilisateur d&#039;am\u00e9liorer facilement le r\u00e9f\u00e9rencement sur site. Il existe de nombreuses fonctions SEO importantes, notamment les plans de site, les m\u00e9ta-descriptions, le fil d&#039;Ariane, etc. Le meilleur de tous - Yoast SEO fonctionne bien avec Visual Composer afin que vous puissiez vous soucier de cr\u00e9er de meilleures pages au lieu de rechercher du r\u00e9f\u00e9rencement.<\/p>\n<p><img alt='templatera-template-manager-for-visual-composer-wordpress-addon-wpexplorer-3741647' class=\"alignnone size-full wp-image-30373\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/templatera-template-manager-for-visual-composer-wordpress-addon-wpexplorer-3741647.jpg' width=\"750\" height=\"381\"><\/p>\n<p><strong>Templatera<\/strong>: Ce plugin n&#039;est pas seulement compatible - il a \u00e9t\u00e9 cr\u00e9\u00e9 par WPBakery (les auteurs de Visual Composer) pour \u00e9tendre les fonctionnalit\u00e9s de leur constructeur de page. Templatera permet d&#039;enregistrer et de r\u00e9utiliser des mod\u00e8les, ce qui facilite la cr\u00e9ation de pages r\u00e9p\u00e9t\u00e9es. Une fois install\u00e9, le plugin ajoute sa propre option dans les param\u00e8tres de Visual Composer dans votre panneau d&#039;administration WordPress afin qu&#039;il soit simple d&#039;importer, d&#039;exporter et de r\u00e9utiliser vos mod\u00e8les (ce que nous pensions \u00eatre une fonctionnalit\u00e9 tellement g\u00e9niale que nous avons \u00e9galement regroup\u00e9 ce plugin avec Total).<\/p>\n<p>Et nous sommes s\u00fbrs qu&#039;il existe de nombreux autres plugins compatibles! Si vous avez un doute sur la compatibilit\u00e9 d&#039;un nouveau plugin avec Visual Composer, contactez simplement l&#039;auteur de votre nouveau plugin et demandez.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Advanced-Options-For-The-Visual-Composer\"><\/span>Options avanc\u00e9es pour le compositeur visuel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pour les utilisateurs plus avanc\u00e9s, il existe quelques options suppl\u00e9mentaires dans Visual Composer que vous pouvez utiliser pour ajouter des codes courts personnalis\u00e9s \u00e0 votre g\u00e9n\u00e9rateur de page et pour cr\u00e9er des grilles de m\u00e9dia personnalis\u00e9es.<\/p>\n<p><img alt='shortcode-mapper-6770050' class=\"alignnone size-full wp-image-38017\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/shortcode-mapper-6770050.png' width=\"980\" height=\"400\"><\/p>\n<p>Le premier est le\u00a0<strong>Mappeur de codes courts<\/strong>. Cette option se trouve dans les param\u00e8tres de Visual Composer et peut \u00eatre utilis\u00e9e pour mapper vos propres codes courts personnalis\u00e9s \u00e0 Visual Composer. C&#039;est g\u00e9nial si vous avez un shortcode que vous aimez (comme peut-\u00eatre un pour un tableau de prix) qui n&#039;est pas inclus par d\u00e9faut avec Visual Composer.<\/p>\n<p>La deuxi\u00e8me option avanc\u00e9e est le inclus <strong>G\u00e9n\u00e9rateur de grille<\/strong>. Avec ces fonctionnalit\u00e9s, vous pouvez cr\u00e9er des grilles personnalis\u00e9es (similaires aux grilles de m\u00e9dias et d&#039;articles) avec vos propres mises en page personnalis\u00e9es pour votre contenu. Par exemple, vous pouvez cr\u00e9er une grille d&#039;articles de blog personnalis\u00e9e avec des images rondes, le nom de l&#039;auteur de l&#039;article dans une police personnalis\u00e9e en gras, une longueur d&#039;extrait personnalis\u00e9e, un bouton En savoir plus et un deuxi\u00e8me bouton menant \u00e0 un produit recommand\u00e9. Comprenez-vous l&#039;id\u00e9e? Vous pouvez cr\u00e9er n&#039;importe quelle disposition de grille que vous voulez avec des tonnes d&#039;options pour les \u00e9l\u00e9ments, les couleurs, les marges, les bordures et plus encore.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Wrapping-Up\"><\/span>Emballer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous pouvez faire des tonnes de choses avec WordPress et Visual Composer. Si vous voulez voir le constructeur de pages au travail, jetez un \u0153il \u00e0 l&#039;un de nos <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/total.wpexplorer.com\/\">Th\u00e8me total<\/a>\u00a0des d\u00e9mos o\u00f9 nous avons essay\u00e9 de pr\u00e9senter la vari\u00e9t\u00e9 de styles et de mises en page qui peuvent \u00eatre cr\u00e9\u00e9s \u00e0 l&#039;aide de Visual Composer.<\/p>\n<p>Et si nous avons rat\u00e9 quelque chose<strong>\u00a0demandez-nous simplement<\/strong>. Nous serons heureux de vous dire tout ce que vous voulez savoir sur Visual Composer et son fonctionnement -<em>\u00a0laissez un commentaire ci-dessous<\/em>. Merci d&#039;avoir lu!<\/p>\n<\/div>\n<p><script type=\"application\/ld+json\">{\n    \"@context\": \"http:\\\/\\\/schema.org\",\n    \"@type\": \"BlogPosting\",\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/www.wpexplorer.com\\\/visual-composer-guide-wordpress\\\/\"\n    },\n    \"headline\": \"Ultimate Visual Composer Drag &#038; Drop Page Builder Guide For WordPress\",\n    \"image\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/uploads\\\/visual-composer-guide-for-wordpress.jpg\",\n        \"width\": 900,\n        \"height\": 450\n    },\n    \"datePublished\": \"2016-05-20T12:49:08-06:00\",\n    \"dateModified\": \"2019-11-20T17:55:48-06:00\",\n    \"author\": {\n        \"type\": \"Person\",\n        \"name\": \"Kyla\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"R Marketing Digital\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/themes\\\/wpexplorer\\\/images\\\/wpexplorer-organization-logo.png\",\n            \"width\": 400,\n            \"height\": 60\n        }\n    },\n    \"description\": \"The ultimate Visual Composer guide. Detailed guide full of tips & tricks on how to use the Visual Composer drag and drop pager builder plugin for WordPress.\"\n}<\/script><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Visual Composer est devenu l&#039;un des plugins de cr\u00e9ation de pages les plus vendus pour WordPress. Depuis sa sortie en mai 2011, le plugin a explos\u00e9 avec plus de 150 000+ clients (et ce n&#039;est pas\u2026<\/p>","protected":false},"author":1,"featured_media":87773,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1351],"tags":[],"class_list":["post-87774","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress\" \/>\n<meta property=\"og:description\" content=\"The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-06T06:06:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-4697784.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress\",\"datePublished\":\"2022-10-06T06:06:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/\"},\"wordCount\":4098,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/visual-composer-guide-for-wordpress-4697784.jpg\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/\",\"name\":\"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/visual-composer-guide-for-wordpress-4697784.jpg\",\"datePublished\":\"2022-10-06T06:06:36+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/wordpress\\\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/visual-composer-guide-for-wordpress-4697784.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/visual-composer-guide-for-wordpress-4697784.jpg\",\"width\":900,\"height\":450,\"caption\":\"visual-composer-guide-for-wordpress-4697784-7984749-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress - R Marketing Digital","description":"Visual Composer est devenu l&#039;un des plugins de cr\u00e9ation de pages les plus vendus pour WordPress. Depuis sa sortie en mai 2011, le plugin a explos\u00e9 avec","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/","og_locale":"fr_FR","og_type":"article","og_title":"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress","og_description":"The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with","og_url":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/","og_site_name":"R Marketing Digital","article_published_time":"2022-10-06T06:06:36+00:00","og_image":[{"width":900,"height":450,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-4697784.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress","datePublished":"2022-10-06T06:06:36+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/"},"wordCount":4098,"image":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-4697784.jpg","articleSection":["Wordpress"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/","url":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/","name":"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-4697784.jpg","datePublished":"2022-10-06T06:06:36+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Visual Composer est devenu l&#039;un des plugins de cr\u00e9ation de pages les plus vendus pour WordPress. Depuis sa sortie en mai 2011, le plugin a explos\u00e9 avec","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/rmarketingdigital.com\/en\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-3\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-4697784.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-4697784.jpg","width":900,"height":450,"caption":"visual-composer-guide-for-wordpress-4697784-7984749-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"Marketing num\u00e9rique","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/87774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/comments?post=87774"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/87774\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media\/87773"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=87774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/categories?post=87774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/tags?post=87774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}