Guide de création de page par glisser-déposer Visual Composer ultime pour WordPress

Guide ultime du compositeur visuel pour WordPress

Visual Composer est devenu l’un des plugins de création de pages les plus vendus pour WordPress. Depuis sa sortie en mai 2011, le plugin a explosé avec plus de 150 000+ clients (et cela ne compte pas les centaines de milliers d’utilisateurs qui ont reçu une copie groupée avec un thème), plus de 200 modules complémentaires et extensions et des centaines d’avis positifs à travers la toile.


Si vous ne possédez pas déjà votre propre copie du plug-in, vous l’avez peut-être déjà vu avec un thème WordPress premium ou vous avez peut-être rencontré un ancien guide de Visual Composer quelque part sur le Web. Beaucoup de choses ont changé depuis la sortie de Visual Composer, nous avons donc voulu vous guider à travers toutes les fonctionnalités impressionnantes qui composent ce plugin puissant.

Rencontrez le compositeur visuel

Générateur de pages Visual Composer

Si vous n’êtes pas familier, Visual Composer est un plugin de création de page glisser-déposer pour WordPress. Ce plugin dandy pratique élimine la partie difficile de la création de publications et de pages WordPress personnalisées. Aucune connaissance en codage n’est requise. Installez simplement le plugin et vous pourrez commencer à créer vos publications et vos pages. Il est également compatible avec la plupart des thèmes gratuits et de nombreux thèmes premium, et il est entièrement compatible avec les plugins populaires comme Contact Form 7, Slider Revolution et bien d’autres (que nous aborderons plus tard).

Installation de Visual Composer

Avant de pouvoir créer vos propres pages, vous devez télécharger et installer Visual Composer. Il existe deux façons de sécuriser une copie du plugin: soit achat votre propre copie ou acheter un thème premium avec le plugin inclus. le le plugin fonctionne exactement de la même manière peu importe le chemin que vous choisissez, la seule différence entre ces deux méthodes est la façon dont vous l’installez.

Option 1: Achetez votre propre copie à utiliser sur votre site WordPress

La première façon de mettre la main sur une copie de Visual Composer est d’acheter le plugin pour vous-même. Accédez simplement à CodeCanyon, ajoutez une copie de Visual Composer à votre panier (nous vous recommandons d’ajouter le support supplémentaire pour que vous disposiez d’une année complète d’assistance de l’auteur du plugin) et finalisez votre achat.

Acheter The Visual Composer

Accédez ensuite à votre page de téléchargements. Cliquez sur le bouton vert Télécharger à côté du plugin Visual Composer que vous venez d’acheter et sélectionnez le fichier WordPress installable uniquement.

Télécharger The Visual Composer

Maintenant, connectez-vous à votre tableau de bord WordPress et accédez à Plugins> Ajouter un nouveau. Clique sur le Télécharger le plugin bouton en haut de l’écran.

Télécharger le plugin Visual Composer

Sélectionnez le fichier zip Visual Composer que vous avez téléchargé à partir de CodeCanyon. Cliquez simplement pour installer et activer le plugin.

Parce que vous avez acheté le plugin, vous devrez également ajouter votre code de licence pour terminer le processus d’activation. Cliquez simplement sur le lien en haut de votre écran, puis sur le bouton bleu géant pour activer votre copie de Visual Composer.

Cliquez pour activer Visual Composer

Cela ouvrira un portail pour vous permettre à WPBakery de vérifier votre achat. Cliquez sur le grand vert Approuver bouton. Ne vous inquiétez pas – vous ne donnez à WPBakery que la permission de confirmer que votre nom d’utilisateur / e-mail a vraiment acheté une copie de Visual Composer.

Activer via Envato

Suivez simplement les invites pour terminer l’activation et revenir à votre tableau de bord WordPress. Vous êtes maintenant prêt à commencer la construction!

Option 2: Visual Composer était fourni avec votre thème WordPress

Si vous avez acheté un thème avec Visual Composer, l’installation incluse est différente et peut également varier selon l’auteur. Nous vous montrerons comment installer le plug-in si vous utilisez un thème WPExplorer comme Total (et il devrait être assez similaire avec la plupart des autres thèmes premium).

Vous devez d’abord télécharger et installer votre thème WordPress. Si vous avez acheté votre thème sur Themeforest, c’est le même processus que le téléchargement de Visual Composer. Connectez-vous à votre compte Themeforest et accédez à votre page de téléchargements. Ensuite, localisez votre thème, cliquez sur le bouton de téléchargement et sélectionnez le fichier WordPress installable uniquement.

Télécharger le thème WordPress

Connectez-vous ensuite à votre installation WordPress et cliquez sur Apparence> Thèmes> Ajouter un nouveau. Cliquez ensuite sur Télécharger le thème option en haut de la page. Vous devrez ouvrir le fichier zip téléchargé pour localiser le fichier WordPress installable. En effet, le thème Total est fourni avec des fonctionnalités supplémentaires telles que des plugins premium, des exemples de données et des fichiers PSD.

Installer le thème Total WordPress

Une fois que vous avez localisé le fichier, vous pouvez télécharger, installer et activer le thème. Après l’activation, Total vous demandera de installer les plugins recommandés – y compris Visual Composer.

Total des plugins recommandés

Cliquez simplement sur le lien pour Commencez l’installation des plugins. Sélectionner Installer dans la liste déroulante des actions en masse, cochez tous les plugins que vous souhaitez installer, puis cliquez sur Appliquer.

Installer les plugins recommandés

C’est tout ce que vous avez à faire! Pas besoin d’activer le compositeur visuel via Envato. Parce que vous avez acheté un thème au lieu de votre propre copie du plugin vous n’avez pas de code de licence à vérifier et vous n’aurez pas accès aux mises à jour du plugin tant qu’elles ne vous seront pas fournies par l’auteur du thème.

Activation facultative de Visual Composer

Bien sûr, si vous souhaitez acheter votre propre copie pour recevoir des mises à jour plus rapidement, vous pouvez certainement, mais il n’est pas nécessaire d’utiliser Visual Composer avec votre thème. Avec celui-ci, vous pouvez passer à l’utilisation réelle du plugin.

Prise en main de Visual Composer Page Builder

Maintenant que Visual Composer est installé, il est temps de commencer avec les paramètres de votre plugin. Dans votre tableau de bord WordPress, vous devriez maintenant voir une option Visual Composer. Cliquez dessus pour ouvrir votre page de paramètres.

Paramètres généraux de Visual Composer

le réglages généraux L’onglet contient des options simples pour activer / désactiver les éléments réactifs de l’empilement sur de petits écrans (afin que vous puissiez avoir une ligne standard à trois colonnes devenir trois lignes à colonne unique par rapport à la réduction de la ligne à trois colonnes sur mobile), en sélectionnant un sous-ensemble de polices Google et un bouton de repos pour réactiver les visites guidées de Visual Composer.

Gestionnaire de rôles Visual Composer

Si votre site Web utilise plusieurs rôles d’utilisateur, alors Visual Composer Gestionnaire de rôles sera certainement utile. Cette page de paramètres vous permet de restreindre l’accès des utilisateurs à diverses fonctionnalités de Visual Composer en fonction du rôle. De cette façon, vous pouvez autoriser les administrateurs à accéder à toutes les fonctionnalités tout en limitant les éditeurs aux pages de blog et aux contributeurs à rien du tout.

Nous l’avons mentionné plus tôt lors de l’installation, mais le Licence de produit L’onglet est l’endroit où vous pouvez vérifier votre code de licence si vous avez acheté votre propre copie du plugin. Si votre copie de Visual Composer est livrée avec un thème, vous pouvez ignorer cette section.

Éléments du générateur de page

Éléments du générateur de page Visual Composer

Visual Composer est livré avec 34 éléments de création de page standard pour de nombreuses fonctionnalités que vous souhaitez ajouter à vos pages (la capture d’écran ci-dessus les montre toutes, plus l’élément Contact Form 7 dont nous parlerons plus tard). De nombreux éléments incluent des options supplémentaires pour les couleurs, les bordures, le rembourrage, les marges, le CSS personnalisé, les animations et plus encore. Voici un bref aperçu de ce qui est inclus:

  • Lignes sont la page de vos pages. Vous allez utiliser l’élément de ligne pour créer des colonnes et insérer tous vos autres éléments de page.
  • Blocs de texte sont exactement ce à quoi ils ressemblent – des blocs de texte. en utilisant l’éditeur WYSIWYG WordPress standard, vous pouvez ajouter et formater du texte avec ce module.
  • Icônes inclure des icônes de police dans les bibliothèques d’icônes suivantes: FontAwesome, Open Iconic, Typicons, Entypo, Linecons et Mono Social.
  • Séparateur et séparateur avec texte sont des moyens de créer des sauts de ligne (et ou de texte) entre les sections que vous créez sur vos pages.
  • Boîtes de message sont parfaits pour ajouter des notes, des alertes ou d’autres massages en boîte.
  • Facebook, Tweet, Google+ et Pinterest sont tous de simples boutons de partage social que vous pouvez ajouter pour que les utilisateurs partagent la page que vous créez.
  • FAQ sont des bascules qui peuvent être utilisées pour ajouter du contenu caché que les utilisateurs peuvent révéler lorsqu’ils lisent votre page.
  • le Image unique est juste cela – une image simple avec des options supplémentaires pour le dimensionnement, l’animation, le lien et plus.
  • Tabs, Tours & Accordéons sont similaires à la FAQ dans la mesure où ils contiennent du contenu masqué ou réductible mais avec la première section ouverte.
  • UNE Conteneur Pageable est un curseur de contenu de base (mais vous pouvez insérer à peu près n’importe quel élément de générateur de page dans chaque «page» de conteneur).
  • Rubriques personnalisées facilite l’ajout de vos propres titres aux sections à l’aide de polices personnalisées, de tailles, de couleurs et plus encore.
  • Boutons vous permettre d’ajouter des liens vers d’autres pages ou sites Web externes.
  • UNE Appel à l’action est une zone de légende avec un bouton ajouté qui attire l’attention des utilisateurs et vous permet d’ajouter un peu de contenu convaincant.
  • le Widgetised Sidebar vous permet d’insérer votre propre barre latérale personnalisée n’importe où sur la page.
  • le Lecteur vidéo facilite l’insertion de différents formats vidéo pris en charge par WordPress.
  • Google Maps est une autre option simple – il suffit de coller votre code Google Map pour insérer une carte sur votre page.
  • Barres de progression, graphiques circulaires, graphiques ronds et graphiques linéaires sont tous des moyens de représenter graphiquement ou d’afficher des données ou des compétences.
  • Espace libre facilite l’ajout d’une rupture verticale entre les éléments.
  • Grilles des postes, des médias, de la maçonnerie et de la maçonnerie des médias sont toutes des grilles personnalisées que vous pouvez ajouter aux pages (avec la possibilité de mélanger et de faire correspondre les types de publication ou de média).

Éléments du widget Visual Composer

Le plugin comprend également 8 éléments de widget qui peut être utilisé pour créer votre propre barre latérale si vous le souhaitez. Ceux-ci deviennent utiles lors de la création de pages de destination personnalisées où votre barre latérale peut ne pas se trouver dans un emplacement de page typique, ou si votre site Web entier est un grand réseau de pages de destination sans que deux utilisent la même barre latérale..

Extensions de Visual Composer

Les éléments Visual Compose de base sont parfaits pour commencer, mais vous voudrez ou aurez besoin de plus pour créer vos mises en page de page personnalisées. Cela est possible via des extensions. Il existe différentes sources pour les extensions Visual Composer.

Total des éléments du générateur de pages pour Visual Composer

La première façon de étendre votre compositeur visuel via votre thème. Un excellent exemple est notre thème Total WordPress qui comprend 39 éléments de générateur de page ajoutés. Ceux-ci sont inclus exclusivement avec Total pour fonctionner avec ses fonctionnalités, vous devez donc avoir le thème installé et actif pour les utiliser. Total comprend des extensions pour les types de publication personnalisés (témoignages, personnel, portefeuilles), des galeries personnalisées, des curseurs simples, des réseaux sociaux et bien plus encore. Cela vous permet d’ajouter plus facilement le contenu que vous voulez où vous le souhaitez.

Extensions de compositeurs visuels tiers

Si votre thème ne comprend aucune extension, vous pouvez installer Extensions Visual Composer tierces. Ceux-ci peuvent aller de gratuit à 55 $ et sont disponibles auprès d’une variété d’auteurs sur CodeCanyon et sur le Web. Si vous cherchez à ajouter quelques fonctionnalités supplémentaires comme les tableaux de prix et les réseaux sociaux, le plugin gratuit Symple Shortcodes est le chemin à parcourir (nous l’avons créé ici sur WPExplorer après tout). Si vous souhaitez ajouter un bateau plus d’options, un plugin premium tel que Ultimate Add-on pourrait vous convenir. Il y a littéralement des centaines d’options – vous pouvez voir un liste complète des modules complémentaires compatibles sur WPBakery.

Quelle que soit la manière dont vous choisissez d’étendre votre Visual Composer, nous vous recommandons de n’utilisez pas toutes les extensions de thème et de plugin en même temps. Plus n’est pas toujours mieux – surtout dans ce cas. Non seulement cela créera beaucoup d’options de chevauchement et de duplication, mais cela ralentira également considérablement votre site (une tonne de code va dans chaque élément du générateur de page). Alors choisissez l’extension qui vous convient le mieux et respectez-la.

Édition du backend et du frontend

Avec Visual Composer, vous n’êtes pas limité sur la façon dont vous pouvez créer et modifier vos pages. Avec ce plugin puissant, vous avez la possibilité d’effectuer des modifications à partir du backend modulaire ou du frontend visuel.

Éditeur d'arrière-plan de Visual Composer

Éditeur d’arrière-plan de Visual Composer

Si vous choisissez d’utiliser le éditeur backend chaque élément est affiché comme un élément modulaire que vous pouvez insérer, faire glisser et déposer en place. Cette méthode est idéale si vous souhaitez mettre en page rapidement un filaire de ce à quoi votre page doit ressembler et peut également être plus rapide que le frontend si vous avez un serveur ou une connexion Internet plus lent..

L’éditeur principal est assez facile à utiliser. Cliquez simplement sur le bouton bleu pour Éditeur backend pour activer le compositeur visuel pour la page ou le message que vous modifiez.

Activer l'éditeur de backend

Cliquez ensuite sur le bouton turquoise pour +Ajouter des éléments.

Ajouter des éléments via l'éditeur backend

De là, vous pouvez commencer à insérer tous les éléments de page que vous souhaitez!

Éditeur Frontend de Visual Composer

Éditeur Frontend de Visual Composer

le éditeur frontend offre une bien meilleure vue de l’apparence de votre page finale, car il s’agit essentiellement d’un éditeur visuel en temps réel. Il vous permet d’insérer tous les mêmes éléments de générateur de page que l’éditeur de backend avec l’avantage supplémentaire de pouvoir les voir réellement au lieu d’un module. Vous pouvez voir la taille réelle d’une image 300px, ou si un bouton violet avec une valeur hexadécimale # 6e2f93 apparaît vraiment.

Pour activer l’édition frontale, cliquez sur l’un des deux Editeur Frontend options pour votre page ou publication.

Activer l'éditeur frontend

Cela rafraîchira votre écran et vous amènera à un aperçu en direct de votre publication ou de votre page avec toutes les mêmes options de création de page que l’éditeur de backend.

Ajouter des éléments via l'éditeur frontal

Cliquez simplement pour commencer à ajouter des éléments. La principale différence ici est que vous pouvez maintenant voir les éléments lorsque vous les insérez et vous pouvez utiliser le options d’aperçu dans la barre supérieure pour avoir une idée de l’apparence de votre page sur les ordinateurs de bureau, ordinateurs portables, tablettes et téléphones.

Ajout et modification d’éléments de page

Que vous utilisiez l’éditeur arrière ou frontal, vous aurez les mêmes options pour personnaliser vos différents éléments du générateur de page. Bien que les options varient entre les éléments, il y a quelques fonctionnalités clés à connaître après l’insertion de votre élément.

Compositeur visuel: Modifier la ligne

Options de ligne de Visual Composer

Peu importe ce que vous souhaitez ajouter à votre page vous devez d’abord insérer une ligne. Une fois inséré, vous pouvez survoler l’élément frontal pour révéler le bleu options de ligne (dans le backend, ils sont toujours visibles en haut de chaque ligne).

  • La première Icône de ligne est l’endroit où vous pouvez cliquer pour faire glisser et déposer la ligne vers un nouvel emplacement sur votre page.
  • le Crayon L’icône ouvre des options pour vos paramètres de ligne. Ceux-ci peuvent varier en fonction de votre thème. Avec le thème Total, vous verrez des options pour l’ID de défilement local, l’étirement des lignes (pour les lignes pleine largeur), la ligne pleine hauteur, la hauteur minimale, la visibilité sur le mobile, le contenu centré, les colonnes de hauteur égale, l’animation, la typographie, la largeur maximale, l’espacement des colonnes , vidéo d’arrière-plan ou parallaxe et options de conception (marge, bordure, rembourrage, couleur / image d’arrière-plan).
  • Colonnes sont de définir le nombre de colonnes dans votre ligne. Il existe des options par défaut pour un maximum de 6 colonnes, mais vous pouvez également définir votre propre disposition de colonne personnalisée si vous le souhaitez.
  • Plus ajoute une nouvelle ligne sous celle que vous modifiez.
  • le Dupliquer L’icône va cloner votre ligne actuelle et tout son contenu (c’est-à-dire tous les éléments que vous avez insérés dans la ligne). C’est très bien si vous souhaitez réutiliser une disposition de ligne plusieurs fois sur la même page.
  • Poubelle consiste simplement à supprimer une ligne entière et son contenu.
Compositeur visuel: Modifier la colonne

Options de colonne de Visual Composer

Lorsque vous survolez une rangée dans l’éditeur frontend, vous verrez également du jaune options de colonne (dans le backend, vous trouverez les mêmes options et icônes affichées au-dessus de chaque colonne).

  • La première Icône de colonne est le même que les lignes – cliquez dessus pour glisser-déposer et réorganiser les colonnes dans leur ligne.
  • le Crayon correspond aux paramètres généraux des colonnes. Comme pour les lignes, les options de colonne peuvent varier en fonction du thème que vous utilisez. Avec Total, les options suivantes sont disponibles: visibilité sur mobile, animation, typographie, hauteur minimale, options de conception (marge, bordure, rembourrage, arrière-plan) et paramètres de réactivité (décalage personnalisé, largeur ou options masquées en fonction de l’appareil).
  • Pour les colonnes, Plus l’icône ajoutera un élément en haut de la colonne, au-dessus de tout autre élément déjà inséré.
  • Encore une fois, le Poubelle L’icône permet de supprimer la colonne entière ainsi que son contenu. Après avoir supprimé une colonne, les colonnes restantes conservent leurs dimensions (si vous supprimez 1 des 3 colonnes, les 2 colonnes restantes seront toujours de taille 1/3), alors n’oubliez pas de modifier la largeur de vos colonnes après la suppression.
Compositeur visuel: Modifier l'élément de page

Options des éléments de page Visual Composer

Dans votre ligne ou vos colonnes, vous utiliserez l’icône plus pour insérer un élément de page. Dans la capture d’écran ci-dessus, nous avons ajouté un Messagerie. Lorsque vous insérez un élément, les paramètres s’ouvrent automatiquement. Pour modifier un élément que vous avez déjà ajouté, passez simplement la souris sur l’élément dans l’éditeur avant ou arrière pour afficher les options suivantes:

  • le Crayon L’icône ouvrira les paramètres (décrits ci-dessous).
  • le Dupliquer l’icône clonera votre élément de page exactement comme vous l’avez (paramètres et tout).
  • Enfin le Poubelle supprimera uniquement votre élément de générateur de page. de la ligne ou de la colonne où vous l’avez insérée, laissant tous les autres éléments intacts.
Compositeur visuel: élément de page général

Options générales de l’élément de page

Lorsque vous insérez un nouvel élément ou cliquez sur l’icône Crayon d’un élément, vous ouvrirez l’élément de création de page réglages. Ceux-ci sont (pour la plupart) divisés en plusieurs onglets pour vous permettre de voir plus facilement toutes les options de personnalisation disponibles. En plus de l’onglet Paramètres, il existe un équipement icône dans le coin supérieur droit que vous pouvez utiliser pour enregistrer vos paramètres sélectionnés en tant que préréglé être réutilisé plus tard ou en tant que défaut à utiliser automatiquement chaque fois que vous insérez cet élément spécifique.

le Onglet Général comprend des options générales pour votre élément de page. Ceux-ci varient en fonction de l’élément que vous insérez (mais dans tous les cas, l’édition est aussi simple que d’utiliser une liste déroulante, un sélecteur de couleurs, une coche ou une zone de texte). Par exemple, Messagerie dans la capture d’écran ci-dessus comprend des options pour un style, une forme, une couleur, une icône, du texte et une animation. Mais si vous insérez un Bouton à la place, vous trouverez des options pour le texte, l’URL, le style, la forme, la couleur, la taille, l’alignement, l’icône et l’animation.

Compositeur visuel: conception d'éléments de page

Options de conception des éléments de page

le Onglet Options de conception est le deuxième onglet standard que vous verrez sur à peu près tous les éléments du générateur de page. De là, vous pouvez ajouter un arrière-plan personnalisé (couleur ou image), une bordure, un rembourrage et une marge à votre élément. Les options de Simplify Controls réduisent les options de la boîte CSS afin que vous puissiez entrer une valeur universelle pour chaque option (marge, bordure et remplissage). Une remarque à retenir: lorsque vous appliquez un arrière-plan, il est contenu dans votre bordure. Donc augmenter votre rembourrage augmentera l’arrière-plan visible que vous avez ajouté autour de votre élément, mais si vous augmentez votre marge vous augmenterez l’espace vide autour de votre élément de page (révélant la ligne / page derrière lui)

Bien sûr, selon le module que vous insérez, votre élément de page peut avoir beaucoup plus d’onglets. Par exemple, le compositeur visuel Grille de publication a ajouté des onglets d’options pour les paramètres de données et la conception des éléments. Et si vous utilisez des éléments de page personnalisés via une extension comme le Grille du personnel total il peut y avoir encore plus d’options intégrées (telles que des options de requête, un recadrage d’image personnalisé, des méta, des liens sociaux, des extraits, etc.) selon ce que l’auteur de l’extension a inclus.

Remarque: Vous pouvez consulter une liste complète des éléments dans notre Guide des modules de Total Builder. Cependant, la meilleure façon d’apprendre ce que fait chaque module est de jouer avec Visual Composer. Créez une page de test et entraînez-vous à insérer et à modifier des éléments. Vous comprendrez rapidement et créez des pages comme un pro!

Plugins compatibles populaires

En plus des extensions Visual Composer, de nombreux plugins populaires sont compatibles avec Visual Composer et ajoutent automatiquement leur propre élément de création de page. Voici quelques-uns des nombreux plugins que vous serez heureux d’entendre fonctionneront de manière transparente avec le plugin Visual Composer pour une meilleure construction de page.

Éléments WooCommerce pour Visual Composer

WooCommerce: Si vous souhaitez créer une boutique avec WordPress, WooCommerce est la solution. Non seulement ce plugin est gratuit et regorge de fonctionnalités impressionnantes, mais il est entièrement compatible avec Visual Composer. Une fois installé et activé, WooCommerce ajoutera non seulement ses propres paramètres et options, mais il ajoutera également 17 nouveaux éléments de création de page pour jouer avec.

Plugin WordPress Revolution Slider

Révolution de curseur: Les curseurs sont un excellent moyen d’ajouter une section captivante et riche en contenu à n’importe quelle page et Slider Revolution est un plugin parfait pour le faire. Avec ce plugin, vous pouvez faire glisser et déposer des éléments comme du texte, des boutons, des images et même des vidéos, tous avec des animations et des effets ajoutés pour créer des curseurs impressionnants. Voyez-le en action sur plusieurs de nos démos Total!

Plugin LayerSlider WordPress

LayerSlider: Une autre excellente option pour les curseurs est le plugin LayerSlider. C’est aussi génial que Slider Revolution mais avec une interface et des options légèrement différentes. Il comprend même un générateur de transition personnalisé afin que vous puissiez créer des animations uniques. C’est également l’un des deux curseurs premium fournis avec notre thème Total WordPress, donc vous savez que c’est assez bien.

Formulaire de contact 7 Plugin WordPress gratuit

Formulaire de contact 7: Les formulaires de contact sont une partie importante de tout site Web, que vous soyez un blogueur avec un formulaire de demande d’informations commerciales ou un dentiste avec un formulaire de rendez-vous. Le formulaire de contact 7 est entièrement gratuit, flexible et avec Visual Composer, l’insertion de vos formulaires de contact est facile avec l’élément de formulaire personnalisé.

Plugin de traduction WordPress WPML

WPML: Si vous avez besoin de créer un site Web multilingue, WPML est l’une des meilleures options pour traduire vos articles et pages. De plus, WPML est entièrement compatible avec Visual Composer, il est donc possible de traduire chaque page personnalisée que vous créez.

Plugin WordPress gratuit Polylang

Polylang: Si vous ne souhaitez pas investir dans WPML, Polylang est une excellente option gratuite entièrement compatible avec Visual Composer (c’est l’un des plugins gratuits que nous recommandons pour rendre votre site WordPress multilingue).

Plugin SEO Yoast

Yoast SEO: Yoast permet à tout utilisateur d’améliorer facilement le référencement sur site. Il existe de nombreuses fonctions SEO importantes, notamment les sitemaps, les méta descriptions, le fil d’Ariane et plus encore. Le meilleur de tous – Yoast SEO joue bien avec Visual Composer afin que vous puissiez vous soucier de créer de meilleures pages au lieu de rechercher le référencement.

Gestionnaire de modèles Templatera pour Visual Composer

Templatera: Ce plugin n’est pas seulement compatible – il a été créé par WPBakery (les auteurs de Visual Composer) pour étendre les fonctionnalités de leur constructeur de page. Templatera permet d’enregistrer et de réutiliser des modèles afin de créer facilement des pages de répétition. Une fois installé, le plugin ajoute sa propre option dans les paramètres de Visual Composer dans votre tableau de bord WordPress, il est donc simple d’importer, d’exporter et de réutiliser vos modèles (ce que nous pensions être une fonctionnalité tellement géniale que nous avons également intégré ce plugin à Total).

Et nous sommes sûrs qu’il existe de nombreux autres plugins compatibles! Si vous avez un doute sur la compatibilité d’un nouveau plugin avec Visual Composer, contactez simplement l’auteur de votre nouveau plugin et demandez.

Options avancées pour Visual Composer

Pour les utilisateurs plus avancés, il existe quelques options supplémentaires dans Visual Composer que vous pouvez utiliser pour ajouter des codes courts personnalisés à votre générateur de pages et pour créer des grilles de supports personnalisées.

Visual Composer Shortcode Mapper

Le premier est le Mappeur de shortcode. Cette option se trouve dans les paramètres de Visual Composer et peut être utilisée pour mapper vos propres shortcodes personnalisés sur Visual Composer. C’est génial si vous avez un shortcode que vous aimez (comme peut-être un pour une table de prix) qui n’est pas inclus avec Visual Composer par défaut.

La deuxième option avancée est le inclus Grid Builder. Avec ces fonctionnalités, vous pouvez créer des grilles personnalisées (similaires aux grilles multimédia et de publication) avec vos propres mises en page personnalisées pour votre contenu. Par exemple, vous pouvez créer une grille de publication de blog personnalisée avec des images rondes, le nom de l’auteur de la publication dans une police personnalisée en gras, une longueur d’extrait personnalisé, un bouton En savoir plus et un deuxième bouton reliant à un produit recommandé. Vous avez l’idée? Vous pouvez créer n’importe quelle disposition de grille que vous souhaitez avec des tonnes d’options pour les éléments, les couleurs, les marges, les bordures, etc..

Emballer

Il y a des tonnes que vous pouvez faire avec WordPress et Visual Composer. Si vous voulez voir le générateur de pages à l’œuvre, jetez un œil à l’une de nos démos de thèmes Total où nous avons essayé de présenter la variété de styles et de mises en page qui peuvent être créés à l’aide de Visual Composer.

Et si nous manquions quelque chose demandez-nous. Nous serions heureux de vous dire tout ce que vous voulez savoir sur Visual Composer et comment il fonctionne – laissez un commentaire ci-dessous. Merci d’avoir lu!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me