Guide d’utilisation d’Elementor

Dernière mise à jour : 8/18/24 at 11:55 pm

 

Ca y est, votre nouveau site web est en ligne ! Il a été construit en utilisant WordPress et Elementor, un constructeur de pages qui vous permet de personnaliser facilement votre site.

 

Pour vous aider à démarrer avec Elementor, voici un guide rapide pour modifier vos pages. 
 
Et si vous n’êtes pas encore familier avec WordPress, retrouvez le guide WordPress ici :
 

 

Prérequis

Assurez-vous d’avoir les identifiants de connexion à votre tableau de bord WordPress. Si vous ne les avez pas déjà, veuillez me contacter pour que je puisse vous les fournir.

 

Connexion à WordPress

 

  1. Allez sur l’URL de votre tableau de bord WordPress (votredomaine.com/wp-admin).
  2. Connectez-vous avec votre nom d’utilisateur et votre mot de passe.

 

Accès à Elementor

 

  1. Une fois que vous êtes connecté, naviguez vers la page que vous souhaitez modifier en allant dans Pages > Toutes les pages.
  2. Survolez la page que vous voulez changer et cliquez sur Modifier avec Elementor (clic droit > ouvrir dans un nouvel onglet) :
  1. Vous pouvez également y accéder en visualisant votre site via l’onglet Nom de votre site > "Aller sur le site" (clic droit > ouvrir dans un nouvel onglet) en haut du tableau de bord :
  1. Une fois sur la page souhaitée, cliquez sur Modifiez avec Elementor dans le bandeau WordPress en haut de l’écran :

Modification de Contenu avec Elementor

 

Quand vous cliquez sur un élément de la page, le bandeau latéral gauche d’Elementor affiche 3 onglets :
  1. Contenu : affiche les éléments modifiables (texte, image, etc.), en fonction du widget choisi.
  • Exemple avec un widget « Titre » :
Exemple avec un widget « Flip Box » :
  1. Style : C’est là que vous pouvez modifier les polices, couleurs, etc. de votre widget.
  2. Avancé : Principalement utile pour rajouter des marges et des animations ou modifier tout autre paramètre de l’élément.

 

Quelques petites spécificités à connaître :
  • Sections et Colonnes : Pour manipuler des sections ou des colonnes, cliquez sur l’icône de la section ou de la colonne concernée et ajustez les options comme l’arrière-plan, la marge, et la largeur (les icônes apparaissent au survol des éléments).
Icône d’une section :
Icône d’une colonne :
 
  • Navigation : Si vous avez du mal à accéder à un élément, vous pouvez utiliser la navigation. Pour cela faites un clic droit n’importe où sur la page du site, et allez sur Navigateur :
Une pop-up apparaît dans laquelle vous retrouvez votre plan de page. Au clic sur un de ses éléments, la page vous amène directement dessus en le sélectionnant :

 

Ajout de Nouveaux Éléments

 

Pour ajouter de nouveaux éléments (par exemple, un bouton ou un slider), utilisez la barre latérale gauche qui affiche tous les widgets Elementor disponibles. Glissez et déposez un widget dans votre mise en page où vous voulez l’ajouter :

 

Aperçu et Sauvegarde

 

  • Aperçu : Cliquez sur l’icône « œil » dans la barre de contrôle en bas de la fenêtre pour prévisualiser les modifications :
  • Sauvegarde : Lorsque vous avez terminé vos modifications, cliquez sur le bouton vert Publier ou Mettre à jour en bas de la barre de contrôle pour sauvegarder votre travail.

 

Sortie de l’Éditeur

 

Pour quitter l’éditeur, cliquez sur l’icône de trois lignes horizontales située tout en haut à gauche de la barre d’Elementor, puis Quitter ou Voir la page pour voir votre page en action :

 

Si vous rencontrez des difficultés ou si vous avez des questions supplémentaires concernant l’utilisation d’Elementor, n’hésitez pas à me contacter !

 

Emilie
E-CLOSION