Constructeur de page

Elementor est un constructeur de page pour WordPress, il va te permettre de designer tes pages très facilement. Lorsque tu veux modifier une page, clique tout simplement sur « Modifier avec Elementor », évite de cliquer sur « Modifer » car là c’est le constructeur par défaut de WordPress qui reprendrait le dessus et tu verras, c’est un moins facile pour les novices.

Je t’explique ici de manière générale le fonctionnement et la logique d’Elementor, nous verrons plus tard comment l’utiliser en pas à pas sur les pages de ton template.

Présentation de l’interface

• Barre latérale gauche : contient tous les widgets (titre, image, texte, bouton, formulaire, etc.) et l’onglet “Modèles”.
• Zone de prévisualisation : affiche ta page en temps réel ; tu peux cliquer sur chaque section pour la modifier.
• Boutons d’action :
  • Publier / Mettre à jour pour enregistrer tes modifications.
  • Historique pour revenir à une version antérieure.
  • Responsive pour basculer entre affichage bureau, tablette et mobile.

Créer et modifier une section

1. Clique sur l’icône “+” pour ajouter une nouvelle section, choisis sa structure (colonnes).
2. Glisse un widget depuis la barre latérale vers la colonne de ton choix.
3. Dans l’onglet Contenu, personnalise le texte, l’image ou les réglages spécifiques du widget.
4. Dans l’onglet Style, définis couleurs, typographies, espacements, bordures.
5. Dans l’onglet Avancé, règle marges, padding, positionnement, effets d’animation et conditions de visibilité.

Utiliser les modèles et blocs préconçus

• Depuis la barre latérale, onglet Modèles > Pages : importe une page complète prédéfinie.
• Onglet Blocs : sélectionne un bloc (header, testimonial, call-to-action) et insère-le directement dans ta mise en page.
• Tu peux enregistrer tes propres sections ou pages en tant que modèles réutilisables via l’icône “Enregistrer le modèle”.

Gestion des réglages globaux

• Dans Elementor > Paramètres du site (icône hamburger > Site Settings) : définis les couleurs globales, polices globales, espacements et paramètres de bouton.
• Ces styles seront disponibles dans chaque widget, assurant une cohérence totale sur tout le site.

En maîtrisant ces fonctionnalités, tu pourras personnaliser chaque aspect de ton template Caya Studio, créer des mises en page uniques et garantir une expérience visuelle optimale pour tes visiteurs.