WordPress est génial, et pouvoir personnaliser votre portail Web fonctionnant avec WordPress n'est que la cerise sur le gâteau. Cependant, nous ne sommes pas tous des gourous du codage. Heck, certains amateurs de WordPress ne savent rien du HTML ou du CSS. Mais cela ne devrait pas vous empêcher de personnaliser votre thème WordPress. C'est là qu'interviennent les constructeurs de pages.
Les générateurs de pages par glisser-déposer sont largement disponibles sous forme de plugins et intégrés à de nombreux thèmes populaires. Ils permettent aux utilisateurs de tous les niveaux de compétences d'apporter des modifications à la conception générale d'un thème, et ils peuvent simplifier l'ajout d'embellissements supplémentaires (icônes, barres de compétences, tableaux de prix, etc.). Plus précisément, nous avons l'intention de vous présenter notre nouveau plugin WordPress préféré pour le constructeur de pages - Visual Composer.
Qu'est-ce que le compositeur visuel?
Visual Composer est un merveilleux plugin développé par WP Bakery qui ajoute un générateur de page glisser-déposer à votre thème WordPress. Nous l'incluons dans notre thème WordPress Total Multipurpose, mais vous pouvez également le voir dans presque tous les nouveaux produits les plus vendus sur Themeforest. Il vous donne les outils dont vous avez besoin pour créer des mises en page complexes sans toucher à une seule ligne de code.
Comment fonctionne Visual Composer et ce qu'il peut faire
C'est un plugin, donc installez-le et activez-le pour profiter de toutes ses merveilleuses fonctionnalités. Une fois activé, Visual Composer vous donne le contrôle sur la mise en page de vos pages. En gros, ajoutez une nouvelle page et vous verrez de nouveaux boutons vous permettant de basculer entre le mode classique et le mode constructeur, ainsi qu'un bouton qui vous mènera à l'éditeur d'interface en direct.
Désormais, les opportunités ne sont limitées que par votre créativité (ou celle de vos clients). Vous pouvez ajouter des lignes, des colonnes, des boutons, du texte, des images et bien plus encore en utilisant toutes les alternatives de Visual Composer. Dans le même temps, il existe une option pour enregistrer vos conceptions en tant que modèles à réutiliser encore et encore.
Lignes
Les éléments de création de page sont inclus dans le constructeur. Vous pouvez utiliser ces éléments comme blocs de construction littéraux pour votre page. premier Ajouter une ligne. Les lignes vous permettent d'ajouter des colonnes en un seul clic. Passez la souris sur l'onglet de paragraphe jaune dans le coin supérieur gauche de votre ligne et sélectionnez une mise en page. La ligne est automatiquement divisée en colonnes en fonction de la disposition que vous choisissez.
Éléments de la page
L'étape suivante consiste à commencer à ajouter les fonctionnalités de votre page. En gros, cliquez sur le Ajouter un item pour ouvrir un menu contextuel. Il existe de nombreuses options pour ajouter des zones de texte, des titres, le partage social, des images et des galeries, des commutateurs ou des onglets, des accordéons, des publications récentes (qui fonctionnent également avec les types de publication personnalisés de votre thème en même temps que les articles de blog), des boutons et même des widgets de la barre latérale .
Dans le même temps, en fonction du thème WordPress et des plugins pris en charge que vous utilisez avec Visual Composer, vous verrez plus ou moins d'éléments de page. L'exemple ci-dessus provient de notre thème WordPress Total Drag & Drop, il y a donc 30 éléments de création de page supplémentaires que nous avons créés et conçus exclusivement pour Total. Cela comprend des séparateurs personnalisés, des boîtes à icônes, des jalons, des carrousels, etc.
Cliquez sur n'importe quel élément pour ouvrir les alternatives pour cet élément. Ci-dessous, un exemple des "options" pour notre module Icon Box dans le thème Total. Comme vous pouvez le voir, chaque module peut avoir de nombreuses configurations et même plusieurs onglets de configuration.
Le constructeur prend également en charge quatre incroyables plugins tiers: Layer Slider, Revolution Slider, Gravity Forms et Contact Form 7. Si l'un de ces plugins est installé, un élément de page pour le thème apparaîtra automatiquement. Lorsque vous choisissez d'insérer un élément de page pour l'un de ces plugins, Visual Composer affiche un menu déroulant des curseurs / formulaires respectifs que vous avez créés, ou affiche une zone de saisie pour vous permettre d'ajouter votre ID de curseur. Plus besoin de copier et coller des shortcodes!
Glisser déposer
À tout moment de la procédure de conception, vous pouvez faire glisser et déposer n'importe quelle ligne ou élément de page pour le réorganiser. De plus, vous pouvez dupliquer n'importe quelle ligne ou élément, ce qui rend l'ajout de contenu répétitif rapide et facile (idéal pour les colonnes similaires, les FAQ, les commutateurs, etc.).
Une fois que vous avez créé un design que vous aimez, vous pouvez l'enregistrer en tant que modèle. Ceci est utile lors de la création d'une mise en page personnalisée ou d'une barre latérale que vous souhaitez réutiliser. En gros, cliquez sur le Modèles , nommez votre conception et appuyez sur Enregistrer. Lorsque vous utilisez votre modèle, il remplit automatiquement votre page avec la mise en page et les éléments que vous avez enregistrés.
Options de ligne: formater, cloner et supprimer des lignes
Il y a trois fonctionnalités supplémentaires ajoutées dans le coin gauche de chaque ligne qui peuvent être utilisées pour cloner ou dupliquer une ligne entière et tout son contenu, ajouter de nouveaux modules, modifier les colonnes, etc. Passez la souris sur n'importe quelle ligne que vous devez modifier pour accéder à ces paramètres:
Encore une fois, selon le thème que vous utilisez avec Visual Composer, les alternatives de mise en forme à votre disposition peuvent être différentes. Bien que certains développeurs de thèmes choisissent de laisser Visual Composer tel quel, beaucoup personnalisent le plugin en fonction des besoins ou du style de leur thème.
Éditeur frontend
Le puissant compositeur visuel comprend désormais un éditeur frontal, ce qui facilite plus que jamais la création de vos propres pages et mises en page. La seule mise en garde est que tous les thèmes ne sont pas encore compatibles avec l'éditeur frontal. Assurez-vous de vérifier la liste des fonctionnalités d'un thème ou contactez directement le développeur du thème pour voir si l'éditeur d'interface Visual Composer est compatible avec votre thème WordPress. Notre Le thème Total WordPress est 100% compatible avec l'éditeur frontal donc si votre thème actuel ne l'est pas, vous pouvez envisager de «mettre à jour» notre thème.
Extensions
La dernière fonctionnalité que je voudrais mentionner est l'extensibilité de Visual Composer. Si vous êtes un codeur avancé ou un développeur de thèmes, vous pouvez intégrer vos propres codes courts dans le plugin. Nous avons en fait ajouté notre propre Symple Shortcodes Premium pour donner aux utilisateurs de Total des éléments de création de page supplémentaires. Cela donne aux utilisateurs encore plus d'options lors de la création de pages!
Si vous n'êtes pas un programmeur, consultez CodeCanyon et effectuez une recherche rapide du plugin Visual Composer. Il existe de nombreux plugins premium qui ajoutent des fonctionnalités supplémentaires à Visual Composer et même de bons plugins gratuits comme notre plugin Symple Shortcodes.
Options de configuration de Visual Composer
Je continue de faire référence à Visual Composer en tant que générateur de page, mais cela fonctionne également très bien avec les publications et les types de publication personnalisés. Il vous suffit d'activer l'option. Aller vers Paramètres> Visual Composer. Vous devriez voir un écran équivalent à celui-ci:
Le plugin affichera automatiquement les multiples types de contenu inclus dans votre thème WordPress. Sélectionnez essentiellement celui que vous souhaitez utiliser avec le générateur de page Visual Composer. L'exemple ci-dessus provient de notre thème Total, il existe donc des options supplémentaires pour le portefeuille, le personnel et les témoignages (tous les types de messages personnalisés), ainsi que des forums, des sujets, des réponses et des produits (liés aux plugins bbPress et WooCommerce compatibles avec Total ).
De plus, vous pouvez attribuer tous les plugins de shortcode à Visual Composer que vous avez déjà installés sur votre site WordPress. Sous la page des paramètres, cliquez sur l'onglet Mes shortcodes en haut et cliquez sur le bouton Map Shortcode. Cela devrait ajouter vos codes courts tiers à vos éléments de composition. Facile!
Voyez-le en action
Comme je l'ai dit, nous aimons tellement Visual Composer que nous l'avons intégré dans nos produits les plus vendus Total WordPress Theme (inclus gratuitement avec votre achat). Jetez un œil aux différentes pages de l'une de nos démos en direct du thème total. La plupart des pages que vous verrez dans nos démos en direct ont été créées avec Visual Composer! Ajouter des arrière-plans, des en-têtes, du texte, des images, des icônes ... etc. Tout est "une évidence".
Guide complet d'utilisation de Visual Composer
Si vous possédez déjà le plugin et que vous recherchez un guide sur la façon de l'utiliser, jetez un œil à notre guide d'utilisation complet de Visual Composer, qui vous guidera et vous montrera comment utiliser le plugin.
Où pouvez-vous l'obtenir
Visual Composer est activé dans CodeCanyon si vous souhaitez l'obtenir vous-même. Il a également été absolument intégré à notre WordPress Theme Total premium (avec deux autres plugins premium pour une valeur totale de $ 67, ce qui est plus que ce que vous payez pour le thème).
Obtenez Total Get Visual Composer
Dites-nous ce que vous pensez du plugin ci-dessous. Nous sommes vraiment impressionnés par Visual Composer et nous serions ravis de vous entendre!
