Qui découvre WordPress pour la première fois tombe en quelques minutes sur le nom Elementor. Le plus souvent dans une formule du genre « avec ça tu construis ton site sans programmer ». C'est exact, mais cela n'explique pas ce qu'est réellement cet outil ni pourquoi il existe. Voici la version sobre.
La version courte
Elementor est une extension WordPress avec laquelle vous mettez en forme visuellement le contenu des pages. Au lieu de taper du texte dans un champ de saisie en espérant que le thème en fera quelque chose de présentable, vous faites glisser des éléments sur une surface et voyez immédiatement le résultat. Ce que vous voyez dans l'éditeur est pour l'essentiel ce que le visiteur verra ensuite.
De tels outils s'appellent des page builders. Elementor est le plus répandu d'entre eux ; il tourne sur plusieurs millions d'installations WordPress.
Pourquoi cela existe
WordPress était à l'origine un logiciel de blog. On écrivait du texte, le thème décidait de l'apparence, fin de l'histoire. Dès que quelqu'un voulait une page d'accueil à trois colonnes, avec une image de fond et un bouton mis en avant, cela devenait pénible : soit trouver un thème capable exactement de cela, soit programmer.
Les page builders ont comblé ce vide. Ils permettent des mises en page que le thème ne prévoit pas de lui-même — sans que vous ayez à toucher au CSS ou au PHP.
Entre-temps, WordPress apporte lui-même un outil comparable avec l'éditeur de blocs (Gutenberg). Comment les deux se situent l'un par rapport à l'autre et lequel est le plus judicieux dans quelle situation, je l'ai développé en détail dans le comparatif éditeur de blocs contre page builder.
Ce que ça fait de travailler avec
La structure s'explique vite. À gauche se trouve une barre avec les éléments — titre, texte, image, bouton, vidéo, icône et ainsi de suite. À droite (ou au centre, selon l'affichage) se trouve votre page. Vous y faites glisser un élément, vous cliquez dessus, et la barre de gauche devient la zone de réglages de cet élément précis.
Ces réglages sont répartis en trois onglets, et ce schéma vaut pour chaque élément :
- Contenu — ce qu'il y a dedans : le texte, l'image, la cible du lien.
- Style — l'apparence : couleur, taille de police, espacements, bordures.
- Avancé — l'emplacement et le comportement : marges extérieures, visibilité sur mobile, classes CSS personnalisées.
Une fois cette tripartition intégrée, vous vous retrouvez dans n'importe quel widget. C'est là le véritable pas d'apprentissage — le reste est de la pratique.
Les conteneurs : la partie que beaucoup sautent
Les éléments ne flottent pas librement sur la page, ils sont dans des contenants. Ces conteneurs déterminent la structure : la largeur du contenu, la disposition côte à côte ou les uns sous les autres, la façon dont tout se réagence sur téléphone.
Qui ignore les conteneurs et se contente d'y jeter des widgets obtient des pages qui ont l'air correctes sur ordinateur et se désagrègent sur téléphone. C'est de loin l'erreur la plus fréquente que je répare en formation. J'ai donc consacré un article entier au sujet : Conteneurs plutôt que sections.
Gratuit ou payant ?
Elementor existe en deux niveaux. La version gratuite est complète et suffit à beaucoup de sites. La version Pro ajoute surtout quatre choses : un widget de formulaire propre, le Theme Builder pour l'en-tête et le pied de page, les popups et les contenus dynamiques.
Quelle version vous convient, je l'ai calculé dans Elementor Free ou Pro. En résumé : commencez avec la version gratuite, vous verrez de vous-même en construisant si vous avez besoin de plus.
Elementor Pro : si vous voulez l'en-tête, les formulaires et les popups d'une seule main plutôt que d'entretenir trois extensions séparées, tout cela se trouve dans la licence Pro. Découvrir Elementor Pro
À qui cela convient — et à qui non
Cela convient si vous voulez entretenir votre site vous-même, si vous avez en tête une mise en page que votre thème ne permet pas, et si vous êtes prêt à consacrer quelques heures aux bases.
Cela convient moins si votre site se compose de texte courant et n'a pas besoin de mises en page particulières — l'éditeur de blocs fait alors l'affaire. De même si la vitesse de chargement maximale prime sur tout : un page builder produit forcément plus de balisage que du code écrit à la main. Et si vous ne travaillerez de toute façon jamais vous-même sur le site, le temps d'apprentissage est mal investi.
Je le dis clairement, parce qu'Elementor n'est pas la bonne réponse dans toutes les situations. Les cas où je le déconseille sont dans Quand Elementor est le mauvais choix.
Comment commencer au mieux
Installez la version gratuite, créez une page de test qui ne sera jamais publiée, et bricolez-y pendant une heure. Faites glisser des éléments, déplacez-les, passez en vue mobile et regardez ce qui se passe. Vous apprendrez plus en cette heure-là qu'en cinq vidéos.
Si vous préférez la voie structurée et sauter les pièges classiques, je vous guide à travers ces bases dans ma formation Elementor.
Tags