Elementor
Elementor est un constructeur de pages visuel qui vous permet de créer et modifier le contenu de votre site de manière intuitive, par glisser-déposer.
Accéder à Elementor
Section intitulée « Accéder à Elementor »-
Allez sur la page que vous souhaitez modifier
-
Dans la barre d’outils WordPress en haut, cliquez sur « Modifier avec Elementor »
-
L’éditeur Elementor s’ouvre avec votre page
L’interface Elementor
Section intitulée « L’interface Elementor »L’éditeur se compose de deux zones :
- À gauche : le panneau des widgets et paramètres
- À droite : l’aperçu en direct de votre page
Les widgets
Section intitulée « Les widgets »Les widgets sont les éléments que vous pouvez ajouter à votre page :
| Catégorie | Exemples de widgets |
|---|---|
| Basique | Titre, Texte, Image, Bouton, Icône |
| Général | Galerie, Carrousel, Onglets, Accordéon |
| Site | Menu, Logo, Recherche |
| IC FileShare | Widget de partage de fichiers |
Modifier du contenu
Section intitulée « Modifier du contenu »-
Cliquez sur l’élément que vous souhaitez modifier dans l’aperçu
-
Modifiez les paramètres dans le panneau de gauche :
- Contenu : texte, images, liens
- Style : couleurs, polices, espacements
- Avancé : marges, animations, responsive
-
Les modifications s’affichent en temps réel dans l’aperçu
Ajouter un élément
Section intitulée « Ajouter un élément »-
Cliquez sur l’icône + ou faites glisser un widget depuis le panneau
-
Déposez-le à l’emplacement souhaité (une ligne bleue indique où il sera placé)
-
Configurez le widget dans le panneau de gauche
Structure : Sections et Colonnes
Section intitulée « Structure : Sections et Colonnes »Elementor organise le contenu en sections (lignes) et colonnes :
┌─────────────────────────────────────┐│ SECTION ││ ┌──────────┐ ┌──────────────────┐ ││ │ COLONNE │ │ COLONNE │ ││ │ Widget │ │ Widget Widget │ ││ └──────────┘ └──────────────────┘ │└─────────────────────────────────────┘Modifier la structure
Section intitulée « Modifier la structure »- Clic droit sur une section ou colonne pour accéder aux options
- Utilisez les poignées pour redimensionner les colonnes
- Cliquez sur + pour ajouter des colonnes
Enregistrer et publier
Section intitulée « Enregistrer et publier »Cliquez sur « Enregistrer » (en bas du panneau) pour sauvegarder vos modifications sans les publier.
Cliquez sur « Mettre à jour » pour publier vos modifications et les rendre visibles sur le site.
Cliquez sur l’icône œil pour voir un aperçu de la page telle qu’elle apparaîtra aux visiteurs.
Responsive Design
Section intitulée « Responsive Design »Elementor permet d’adapter l’affichage selon l’appareil :
-
En bas du panneau, cliquez sur l’icône responsive (ordinateur/tablette/mobile)
-
Sélectionnez l’appareil : Bureau, Tablette ou Mobile
-
Ajustez les paramètres spécifiques à cet affichage
Raccourcis utiles
Section intitulée « Raccourcis utiles »| Raccourci | Action |
|---|---|
Ctrl + S | Enregistrer |
Ctrl + Z | Annuler |
Ctrl + Shift + Z | Rétablir |
Ctrl + C / Ctrl + V | Copier / Coller un widget |
Suppr | Supprimer l’élément sélectionné |
Quitter Elementor
Section intitulée « Quitter Elementor »Cliquez sur le menu hamburger (≡) en haut à gauche, puis sur « Quitter vers le tableau de bord » pour revenir à WordPress.