Visual composer est un plugin WordPress de mise en pagedont vous allez très vite comprendre l’intérêt.

[shortcode] et mise en page

Les [shortcode] sont ces bouts de codes que vous insérez dans vos articles pour ajouter un formulaire, des boutons de partage ou encore un slider. Ils proviennent de votre thème ou d’un plugin que vous avez installé. Bien que si vous utilisez un thème wordpress gratuit, vous êtes probablement très limité en matière de [shortcode]. Par exemple, le shortcode suivant, assez courant, permet de diviser une page en colonnes :

[column1-4]Colonne 1[/column1-4] [column2-4]Colonne 2[/column2-4] 

 [column4-4]Colonne 4[/column4-4]

N’essayez pas, les shortcodes sont propres à chaque thème, mais ça nous donnerait :

[one_fourth last= »no »]Colonne 1[/one_fourth]

Ajoutez à chaque colonne un titre centré, ajoutez une vignette, un peu de texte et un bouton …et ça devient un véritable enfer, un gros tas de code où le moindre espace vous décalera votre alignement soigneusement recherché. On passe plus de temps à travailler sa mise en page qu’à rédiger et ça, ce n’est pas normal, en tout cas pas avec wordpress qui est là pour nous simplifier la tâche au possible. Les options de mise en page n’étant pas nativement intégrées à wordpress, c’est donc votre thème qui les fournit, via les shortcodes.

Le problème des shortcodes intégrés au thème

Le problème des shortcode intégrés avec votre thème wordpress est le suivant : admettons que le thème que j’utilise soit abandonné à l’avenir, qu’il ne soit plus mis à jour et qu’il devienne incompatible avec la dernière version de wordpress et avec d’autres extensions. Il serait temps de changer, d’autant plus que les thèmes et leurs fonctionnalités évoluent à une vitesse folle.

Donc vous installez un nouveau thème splendide et là, c’est la catastrophe : tous les shortcodes qui étaient fournis avec l’ancien thème s’affichent tel quel sans aucun rendu et salissent terriblement votre contenu. En effet chaque thème possède des shortcodes qui lui sont propres (s’il en intègre). Et là il n’y pas d’autres solutions que de  les supprimer, page après page et article après article, avant de de recommencer avec les nouveaux shortcodes propres à ce nouveau thème qui vous plait tant. Comme je vous le disais, c’est un véritable enfer.

Visual Composer

Pour pallier à ce problème que nous connaissons tous, cette guerre sans fin avec les [shortcode], Mixey nous a concocté un merveilleux plugin. Il s’agit de Visual Composer.

Avec Visual Composer vous construirez vos mises en page à l’aide d’un simple glisser-déposer depuis un éditeur visuel. Une image valant 1000 mots, je vous en mets 30 par seconde.

Regardez là jusqu’au bout vous allez comprendre ce qui manque à l’éditeur natif de wordpress.

Visual Composer est entièrement traduit en français, et responsive. A vous de jouer ! Vous pouvez  l’essayez avant en cliquant ici > puis dans le menu cliquez sur Try Now !

Vos identifiant et mot de passe sont : demo

Je l’utilise depuis longtemps et c’est ce plugin qui me permet de créer des mises en page complexes comme pour cette page de thèmes wordpress magazine.

J’ai aussi créé la barre latérale de la page actuelle grâce à l’éditeur visuel de visual composer pour simplement copier-coller le code html généré, dans un widget de type « texte ». Et tout cela sans m’arracher les cheveux. Quand je repense aux nuits entières que j’ai pu passer à me battre avec ces satanés shortcodes…

Je viens d’ailleurs de changer de thème, je suis passé à Avada, et quel bonheur de voir que mes shortcodes fonctionnent toujours puisqu’ils proviennent du plugin, et non du thème.

Acheter WPBakery

Ajouter un nouveau commentaire

Il y a 13 commentaires. Ajouter le mien

  1. monteilhet

    J’ai suivi votre conseil pour visual composer, c’est super en effet, un casse tete de moins…sauf que mes images restent toutes petites au lieu de prendre la taille que je leur donne. Impossible de changer les tailles d’image…
    C’est du à quoi?
    Merci en tous cas du conseil, ca change la vie et fait gagner du temps.

    • Thibaud

      Si bien sûr c’est possible de changer la taille des images. Peut-être que vous avez atteint la taille max. des images envoyés..

  2. monteilhet

    En effet, c’est moi.La taille ne s’affiche qu’en vue  » vue du site » et non sur le back office.
    C’est un peu chiant pour faire la mise en page de ne pas avoir la taille réelle en back office

    Bonne journée et merci encore

  3. vincent

    Bonjour,

    je n’arrive pas à faire votre « technique » de mettre un content menu dans la left side area…

    Je m’explique:
    je voudrais avoir un site web sur une page unique avec des ancres. Je mets donc mes ancres à plusieurs endroit, et un menu dans la page : ça marche!

    Je déplace ce menu dans la frame de gauche dans un widget « texte »: ça ne marche plus…

    Help please!!

  4. web_dreamer

    Bonjour,

    Visual Composer est intégré à mon thème wordpress mais lorsque je crée la page, que je la publie et que je souhaite la modifier, visual composer n’arrive pas à se charger et met en haut de la page : « connexion perdue. L’enregistrement a été désactivé jusqu’à ce que vous soyez connecté. Nous sauvegardons cet article dans votre navigateur, par sécurité. »

    Une fois que cette connexion est perdue je suis bloqué le back est indisponible et le front aussi pendant environ 5/10min.

    Si vous avez une solution je suis preneur !

    Merci à vous !

  5. sarah

    Bonjour,

    J’utilise Visual Composer pour créer une page en deux colonnes.
    Mais quelque soit la taille que je donne aux images que j’ajoute, elles apparaissent très très zoomée.

    Si vous avez une solution pour leur redonner leur taille normale je suis preneuse 🙂

    Merci !

  6. Kheira

    Bonjour,

    Je viens d’installer le plugin visual composer que j’ai acheté à 38€ et non 29€. Le soucis c’est que je ne sais pas traduire « read more et Continue reading » en français, Merci de votre aide.
    http://www.danielle-bernaudon-artiste-peintre.com

  7. BALSE

    Bonjour,
    j’ai un problème avec visual composer j’ai fait une pagination dans une page :
    http://le-reve-eveille-en-psychanalyse.com/historique/3/
    et dans celle-ci il y a un code que je n’arriva pas à supprimer : [/vc_column_text][/vc_column][/vc_row]
    pourriez vous m’aider ?
    merci d’avance.
    DB

  8. Max CAMPAYS

    Bonjour
    suite à la dernière mise à jour de WP le plugin Visual Composer ne fonctionne plus. J’ai 2 sites qui connaissent ce problème. J’ ai alerté le support des thème premium. dans l’attente je vous interroge pour savoir si quelqu’un a connu ce problème de désactivation !!
    merci de vos réponses et commentaires

    Max

  9. Elisabeth

    Même chose ici, Visual Composer ne fonctionne plus non plus depuis que j’ai fait la mise à jour de WP + des extensions.
    J’ai une version de Visual Composer qui est embarquée sur le thème Bleuté…
    Merci pour votre aide,

  10. Max

    Bonjour,

    J’ai le même problème de chargement de Visual composer qui m’indique « chargement, merci de patienter » mais il ne se charge jamais. Quelqu’un a-t-il une solution pour m’aider ? Merci

  11. Ingrid

    Visual Composer m’ajoute partout des balises de façon totalement anarchique, et j’ai donc des espaces indésirables qui s’ajoutent partout, qui correspondent aux margin-top et margin-bottom prévus pour les paragraphes. Je peux enlever ces balises manuellement en allant dans le mode « texte » du code, mais si j’ai le malheur de rouvrir la page avec Visual Composer il m’en remet aussitôt partout (et il supprime la « mise en page » du code que je fais pour mieux m’y retrouver).…