01. WordPress et Elementor : qui fait quoi

On entend souvent « mon site est fait avec Elementor », comme si Elementor était le site tout entier. Ce n’est pas le cas : un site est un empilement de couches, et Elementor n’est que l’une d’elles. Ce premier chapitre pose ce vocabulaire, indispensable pour savoir où l’on agit, ce que l’on paie et à qui l’on s’adresse quand quelque chose ne va pas.

1.1 — Un site, c’est un empilement de couches

Pour qu’un site soit visible par n’importe qui, il faut d’abord un ordinateur allumé en permanence et relié à Internet : c’est le serveur, que l’on loue à un hébergeur. Il faut ensuite une adresse pour y accéder, comme menuiserie-roche.fr : c’est le nom de domaine, loué lui aussi, à l’année. Sur ce serveur tourne un logiciel qui fabrique les pages à la demande : WordPress. WordPress s’habille avec un thème et gagne des fonctions grâce à des extensions. Elementor est l’une de ces extensions. Tout en haut de la pile, enfin, il y a ce que le visiteur vient chercher : le contenu, c’est-à-dire vos textes, vos photos et vos coordonnées.

Chaque couche a son fournisseur. L’hébergement et le nom de domaine se paient à un hébergeur ou à un bureau d’enregistrement, et c’est à eux que l’on s’adresse quand le site est injoignable. WordPress est un logiciel libre et gratuit. Le thème et les extensions sont gratuits ou payants selon les cas ; Elementor existe en version gratuite et en version Pro (chapitre 02). Le contenu, lui, ne s’achète nulle part : c’est à vous de le produire, et c’est souvent la partie la plus longue d’un projet.

1.2 — WordPress : le moteur

WordPress fait tourner une part considérable des sites du monde entier, des blogs personnels aux sites de grandes entreprises. Son rôle est celui d’un moteur : il range le contenu dans une base de données, gère les comptes des personnes autorisées à modifier le site, stocke les images et fabrique, à chaque visite, la page demandée. Vous n’avez jamais à voir ce mécanisme ; vous le pilotez depuis une interface d’administration appelée Tableau de bord (Dashboard), accessible en ajoutant /wp-admin à l’adresse du site, avec un identifiant et un mot de passe.

Deux mots reviennent sans cesse et méritent d’être distingués tout de suite. Une page est un contenu stable, sans date, qui figure dans le menu du site : Accueil, Prestations, Contact. Un article est une actualité datée, classée dans une catégorie, qui vient s’ajouter au-dessus des précédentes dans un flux : c’est le principe du blog. Un site vitrine d’artisan est fait de pages ; il peut, en plus, publier des articles pour raconter ses chantiers ou donner des conseils de saison (chapitre 25).

1.3 — Thème et extensions : l’habillage et les fonctions

Le thème définit l’apparence générale du site : la police par défaut, la présence et la forme d’un en-tête et d’un pied de page, la mise en forme des articles. WordPress en installe un par défaut, et des milliers d’autres existent. Un seul thème est actif à la fois, et changer de thème change l’allure de tout le site d’un coup. Avec Elementor, on choisit volontairement un thème presque vide, Hello Elementor, très léger (moins de 30 Ko selon Elementor), qui ne dessine rien par lui-même et laisse Elementor décider de tout. Nous l’installerons au chapitre 04.

Une extension (plugin) ajoute une fonction que WordPress n’a pas d’origine : un formulaire, une sauvegarde automatique, l’aide au référencement (Yoast ou Rank Math, par exemple), une boutique (WooCommerce). Elementor lui-même est une extension, et Elementor Pro en est une seconde qui complète la première : Pro ne fonctionne pas sans la version gratuite installée en dessous.

1.4 — Elementor : le constructeur de pages

Elementor est un constructeur de pages (page builder) : une extension qui remplace l’écriture du code par un geste visuel. On choisit un élément (titre, image, bouton, colonne), on le dépose sur la page, on règle son apparence dans un panneau, et Elementor écrit à votre place le code que le navigateur comprendra. Selon les chiffres publiés par l’éditeur, Elementor équipe 22 millions de sites, soit 13 % du web. Lancé en 2016, il est disponible en français, avec une version gratuite complète et une version Pro payante.

Il faut être précis sur ce qu’Elementor apporte, parce que la déception vient toujours de ce qu’on lui prête à tort. Il remplace la mise en page « à la main » : plus besoin d’écrire du HTML ou du CSS pour placer trois colonnes, colorer un bandeau ou adapter la page au téléphone. Tout le reste — l’hébergement, le contenu, le référencement, la sécurité, les obligations légales — reste à votre charge.

Repérer les couches sur un site existant

Si vous possédez déjà un site WordPress, ce pas-à-pas vous permet de reconnaître chaque couche depuis le tableau de bord, sans rien modifier.

1. Connectez-vous au tableau de bord. Tapez l’adresse de votre site suivie de /wp-admin, puis votre identifiant et votre mot de passe. Si vous ne les avez pas, la personne qui a créé le site ou votre hébergeur peut les réinitialiser.
2. Lisez l’encart « D’un coup d’œil ». Sur la page d’accueil du tableau de bord, cet encart indique la version de WordPress, le thème actif et le nombre de pages et d’articles. Notez ces trois informations.
3. Ouvrez Apparence › Thèmes. Le thème actif est affiché en premier, avec la mention Actif. Les autres thèmes présents sont installés mais inactifs.
4. Ouvrez Extensions › Extensions installées. La liste montre les extensions installées, actives ou non. Cherchez « Elementor » et « Elementor Pro » : leur présence vous dit si le site utilise déjà le constructeur de pages.
5. Parcourez Pages, Articles et Médias. Vous mesurez ainsi le contenu existant : combien de pages, publiées ou en brouillon, combien d’images dans la Médiathèque.
6. Ouvrez Réglages › Général. Vous y lisez le titre du site, son slogan, son adresse et la langue. La couche « hébergement », elle, n’apparaît nulle part dans WordPress : retrouvez-la dans vos factures ou vos e-mails de l’hébergeur.

1.5 — Éditeur de blocs ou Elementor ?

Depuis la version 5.0 de WordPress, fin 2018, WordPress possède son propre outil de composition, l’éditeur de blocs, souvent appelé Gutenberg du nom du projet qui l’a fait naître. On y écrit paragraphe après paragraphe, en insérant des blocs : image, liste, citation, colonnes. Il est excellent pour un texte long et vivant, moins à l’aise pour composer un bandeau d’accueil élaboré, aligner des cartes de prestations ou dessiner un pied de page en quatre colonnes.

Les deux outils cohabitent sans conflit sur un même site. La règle du support est simple : les pages vitrines se construisent dans Elementor ; les articles s’écrivent dans l’éditeur de blocs, et un modèle Elementor Pro décide de leur habillage (chapitre 25). Une page donnée appartient toujours à l’un ou à l’autre : dès que l’on clique sur Modifier avec Elementor (Edit with Elementor), c’est Elementor qui prend la main sur elle (chapitre 05).

Un site n’est pas fait « avec Elementor » : il est fait avec un hébergeur, WordPress, un thème, des extensions et surtout du contenu. Elementor dessine.