Introduction à Elementor pour WordPress : Ajout et personnalisation d’un widget

par

dans

Elementor est un constructeur de pages visuel pour WordPress, permettant de créer des sites web de manière intuitive et sans nécessiter de compétences en codage. Cet article vous guidera à travers les étapes pour ajouter et personnaliser un widget dans Elementor.

Étape 1 : Accéder à Elementor

  1. Connexion à WordPress : Commencez par vous connecter à votre tableau de bord WordPress.
  2. Ouvrir l’éditeur Elementor : Allez à la page ou au post où vous souhaitez ajouter le widget. Cliquez sur « Modifier avec Elementor » pour lancer l’éditeur visuel.

Étape 2 : Ajouter un widget

  1. Choisir un widget : Sur le panneau de gauche, vous verrez une liste de widgets disponibles. Elementor offre une variété de widgets tels que des images, des textes, des boutons, et bien plus.
  2. Glisser et déposer : Sélectionnez le widget que vous souhaitez ajouter à votre page. Cliquez dessus, maintenez le clic, et glissez-le à l’emplacement souhaité sur la page.

Étape 3 : Personnaliser le widget

  1. Options de personnalisation : Une fois le widget placé, un nouveau panneau d’options apparaîtra à gauche, vous permettant de modifier les propriétés du widget. Les options disponibles varient selon le type de widget, mais incluent généralement la personnalisation du texte, des couleurs, des marges, des bordures, et bien plus.
  2. Ajuster les styles :
    • Texte : Vous pouvez changer la police, la taille, la couleur et l’alignement du texte.
    • Couleurs : Modifiez la couleur de fond, de bordure ou de texte selon vos préférences.
    • Marges et paddings : Ajustez l’espace autour et à l’intérieur de votre widget pour mieux adapter son placement et son apparence.
  3. Réponse mobile : Elementor permet également de personnaliser l’apparence des widgets sur différents appareils (ordinateurs de bureau, tablettes, téléphones). Utilisez l’option de vue d’appareil en haut pour passer en mode d’affichage pour tablette ou mobile et ajustez vos widgets spécifiquement pour ces appareils.

Étape 4 : Sauvegarder et prévisualiser

  1. Prévisualiser les modifications : Cliquez sur le bouton « Prévisualisation » pour voir à quoi ressemble la page avec les modifications apportées.
  2. Sauvegarder la page : Une fois satisfait de l’apparence, cliquez sur le bouton « Publier » ou « Mettre à jour » pour enregistrer votre travail.

Conclusion

Ajouter et personnaliser des widgets avec Elementor est une méthode puissante pour créer des pages attrayantes sur votre site WordPress sans écrire de code. En suivant ces étapes, vous pouvez améliorer l’apparence et la fonctionnalité de votre site Web, même en tant que débutant.