Aller au contenu

Créer une page

Les pages sont utilisées pour le contenu statique de votre site : page d’accueil, à propos, contact, services, etc. Votre site utilise Elementor pour la création et la modification des pages.

  1. Dans le menu latéral, cliquez sur PagesAjouter

  2. Donnez un titre à votre page

  3. Dans le panneau de droite, configurez :

    • L’URL (permalien) de la page
    • La page parente si c’est une sous-page
    • L’image mise en avant si nécessaire
  4. Cliquez sur « Enregistrer le brouillon »

  5. Cliquez sur le bouton « Modifier avec Elementor »

  6. Créez votre mise en page avec Elementor

  7. Cliquez sur « Publier » dans Elementor


L’éditeur Elementor se compose de :

  • À gauche : le panneau des widgets et paramètres
  • À droite : l’aperçu en direct de votre page

Elementor organise le contenu en sections, colonnes et widgets :

┌─────────────────────────────────────────────┐
│ SECTION │
│ ┌─────────────┐ ┌─────────────────────┐ │
│ │ COLONNE │ │ COLONNE │ │
│ │ Widget │ │ Widget Widget │ │
│ │ Widget │ │ Widget │ │
│ └─────────────┘ └─────────────────────┘ │
└─────────────────────────────────────────────┘
  1. Cliquez sur le + pour ajouter une nouvelle section

  2. Choisissez la structure de colonnes (1, 2, 3 colonnes…)

  3. Faites glisser un widget depuis le panneau de gauche vers une colonne

  4. Configurez le widget dans le panneau de gauche :

    • Contenu : texte, images, liens
    • Style : couleurs, polices, espacements
    • Avancé : marges, animations, responsive

Titre

Titres stylisés (H1, H2, H3…)

Éditeur de texte

Paragraphes et texte formaté

Image

Photos et illustrations

Bouton

Appels à l’action cliquables

WidgetUsage
TitreTitres de sections
Éditeur de texteParagraphes de contenu
ImagePhotos, illustrations, logos
BoutonLiens d’action (Contact, En savoir plus…)
IcônePictogrammes décoratifs
EspacementCréer des espaces verticaux
DiviseurLigne de séparation
GalerieGrille d’images
VidéoIntégration YouTube, Vimeo
Google MapsCarte de localisation
FormulaireFormulaires de contact
IC FileShareDocuments à télécharger

  1. Cliquez sur le widget dans l’aperçu

  2. Le panneau de gauche affiche les paramètres du widget

  3. Modifiez le contenu, le style ou les options avancées

  4. Les modifications s’affichent en temps réel

  • Glisser-déposer : cliquez et maintenez sur l’icône ⋮⋮ du widget, puis déplacez-le
  • Clic droitCopier / Coller pour dupliquer
  • Clic droit sur l’élément → Supprimer
  • Ou sélectionnez l’élément et appuyez sur Suppr

  1. Cliquez sur la poignée bleue de la section (icône ⋮⋮ à gauche)
  2. Accédez aux paramètres : couleur de fond, espacement, hauteur…
  1. Cliquez sur l’icône de colonne en haut de la colonne
  2. Ajustez la largeur, l’alignement, les marges…
  • Clic droit sur une colonne → Ajouter une colonne ou Supprimer
  • Utilisez les poignées pour redimensionner les colonnes

Votre page doit être lisible sur tous les appareils. Elementor permet d’ajuster l’affichage.

  1. En bas du panneau, cliquez sur l’icône responsive (ordinateur)

  2. Sélectionnez l’appareil : Bureau, Tablette ou Mobile

  3. Ajustez les paramètres spécifiques (taille de texte, espacement, visibilité…)

  1. Sélectionnez le widget
  2. Onglet AvancéResponsive
  3. Activez Masquer sur mobile ou Masquer sur tablette

Cliquez sur « Enregistrer » (Ctrl+S) pour sauvegarder vos modifications sans publier. Utile pour le travail en cours.


  1. Allez dans PagesToutes les pages

  2. Survolez la page et cliquez sur « Modifier avec Elementor »

    (ou depuis le site : barre d’outils → « Modifier avec Elementor »)

  3. Effectuez vos modifications

  4. Cliquez sur « Mettre à jour »


RaccourciAction
Ctrl + SEnregistrer
Ctrl + ZAnnuler
Ctrl + Shift + ZRétablir
Ctrl + CCopier le widget
Ctrl + VColler le widget
SupprSupprimer l’élément

Pour revenir à WordPress :

  1. Cliquez sur le menu hamburger (≡) en haut à gauche
  2. Sélectionnez « Quitter vers le tableau de bord »

À faireÀ éviter
Structurer avec des sections clairesTrop de colonnes imbriquées
Utiliser des titres hiérarchiques (H1, H2, H3)Plusieurs H1 sur une page
Tester le responsiveOublier la vue mobile
Images optimisées (< 200 Ko)Images trop lourdes
Textes alternatifs sur les imagesImages sans description
Espacements cohérentsEspaces irréguliers

Découvrez comment créer un article ou consultez le guide complet d’Elementor.