Introduction : découvrir la création de pages avec Elementor
Elementor est un outil de création visuelle qui s’ajoute à WordPress. Il permet de construire une page en plaçant des éléments à l’écran et en réglant leur apparence, sans devoir modifier directement le code. Pendant cette formation d’une journée, vous découvrirez une méthode claire pour passer d’une idée à une page structurée, lisible et adaptée aux différents écrans.
Nous partirons d’un exemple concret : la page de présentation d’un service pour une petite entreprise. Vous apprendrez à organiser les informations avant de choisir les couleurs et les effets. L’objectif n’est pas de multiplier les options, mais de savoir lesquelles utiliser pour guider les visiteurs et rendre une page facile à comprendre.
Module 1 : prendre en main WordPress et Elementor
Repérer les éléments essentiels
Nous faisons le point sur le rôle de WordPress, des pages, des extensions et du thème. Vous apprendrez à ouvrir une page dans Elementor, à reconnaître la zone de travail, la liste des éléments disponibles et les réglages associés. Nous verrons aussi comment distinguer la modification d’une page de celle d’un article.
Comprendre l’enregistrement et la publication
Vous découvrirez comment enregistrer un brouillon, prévisualiser les changements et publier une page au bon moment. Nous aborderons les précautions simples à prendre avant toute modification importante : vérifier que vous travaillez sur la bonne page et contrôler le résultat avant sa mise en ligne.
Exemple concret : ouvrir une page d’accueil existante et repérer son titre, ses images et ses boutons avant de la modifier.
Exercice pratique : accéder à une page de test, identifier les principales zones de l’éditeur, puis enregistrer une première modification sans la publier.
Module 2 : structurer une page claire et efficace
Organiser le contenu avant la mise en page
Une page efficace répond rapidement aux questions du visiteur : de quoi s’agit-il, à qui s’adresse le service et quelle est la prochaine étape ? Vous apprendrez à organiser les contenus en sections et à utiliser les titres dans un ordre logique. Nous verrons comment éviter les pages trop chargées et donner une place visible aux informations importantes.
Construire avec les conteneurs et les widgets
Vous manipulerez les blocs de mise en page et les widgets courants : titre, texte, image, bouton et séparateur. Vous apprendrez à ajouter, déplacer, dupliquer ou supprimer un élément et à ajuster les espacements. Nous aborderons également l’alignement et la largeur des colonnes pour obtenir une composition équilibrée.
Exemple concret : organiser une page de service en trois parties : bénéfice principal, description de l’offre et prise de contact.
Exercice pratique : créer le squelette d’une page de service avec un titre, une introduction, deux sections de contenu et un bouton d’action.
Module 3 : personnaliser l’apparence sans perdre en cohérence
Choisir couleurs, typographies et images
Vous apprendrez à régler les styles des éléments sans rendre chaque bloc différent. Nous verrons comment choisir une palette limitée, conserver des tailles de titres cohérentes et sélectionner des images pertinentes. Vous découvrirez aussi les réglages de bordure, d’arrière-plan et d’espacement, en privilégiant la lisibilité et la sobriété.
Créer des boutons et des repères visuels
Un bouton doit annoncer clairement ce qui se passe lorsqu’on clique dessus. Nous travaillerons le texte, la couleur, la taille et le lien associé. Vous verrez comment utiliser les contrastes et les espaces pour faire ressortir une action sans détourner l’attention du contenu.
Exemple concret : harmoniser les couleurs et les boutons d’une page avec l’identité visuelle d’un cabinet de conseil.
Exercice pratique : appliquer un style cohérent à votre page, puis vérifier que les titres, paragraphes et boutons restent faciles à distinguer.
Module 4 : adapter la page aux mobiles et ajouter des interactions
Vérifier l’affichage sur chaque écran
Une mise en page conçue sur ordinateur peut devenir difficile à lire sur smartphone. Vous apprendrez à utiliser les modes d’aperçu et à ajuster les dimensions, les marges et l’ordre des éléments selon la taille de l’écran. Nous verrons comment repérer les textes trop petits, les images mal cadrées et les boutons difficiles à toucher.
Relier les éléments aux bonnes destinations
Vous apprendrez à associer un bouton à une autre page, à une adresse de contact ou à une section de la page. Nous aborderons les liens internes et les précautions à prendre pour éviter les liens vides ou erronés. L’enjeu est de proposer un parcours compréhensible, sans ajouter d’effets inutiles.
Exemple concret : rendre accessible sur mobile un bouton de demande de rendez-vous, placé après la présentation d’un service.
Exercice pratique : contrôler votre page en mode mobile, corriger au moins deux problèmes d’affichage et tester chaque lien ajouté.
Module 5 : finaliser, contrôler et mettre en ligne
Relire et tester sa page
Avant publication, vous suivrez une liste de vérification : contenu relu, titres structurés, images affichées, liens testés et mise en page contrôlée sur plusieurs écrans. Vous découvrirez les points de base qui contribuent à une page plus accessible, comme un texte compréhensible, un contraste suffisant et une description utile pour les images importantes.
Publier et savoir quoi faire ensuite
Nous verrons comment prévisualiser la page, la publier ou mettre à jour une page déjà en ligne. Vous apprendrez à garder une trace des modifications importantes et à revenir dans l’éditeur pour faire évoluer votre contenu. La formation vous aidera aussi à reconnaître les limites d’une modification visuelle : certaines demandes nécessitent l’intervention d’un spécialiste WordPress.
Exemple concret : vérifier une page de présentation avant de la partager dans une newsletter ou sur les réseaux sociaux.
Exercice pratique : effectuer une vérification finale de votre page à l’aide d’une liste de contrôle, puis la publier dans l’environnement prévu ou préparer sa mise en ligne.
À retenir
Vous repartez avec une méthode pour créer et modifier une page WordPress avec Elementor, des repères pour maintenir une présentation cohérente et les bons réflexes pour contrôler l’affichage avant publication. La pratique se fait à partir de contenus concrets, sans nécessiter de connaissances en code.
Pour aller plus loin
Après la formation, vous pourrez appliquer ces acquis à d’autres pages de votre site : page À propos, page de contact ou présentation d’une offre. Pour progresser, testez les changements sur une copie ou une page de brouillon, puis contrôlez toujours le résultat sur ordinateur et mobile avant de mettre vos contenus en ligne.
