On va explorer en détail l’éditeur Elementor et toutes ses super fonctionnalités pour que tu puisses devenir le maître de ton template.
Il va te permettre de transformer ton site à ta guise, sans toucher une seule ligne de code.
⚠️ Garde à l’esprit qu’une modification substantielle de la structure du template (ajout de blocs, sections, déplacement de colonnes, etc.) nécessite un investissement conséquent en termes de temps et d’efforts pour maintenir un rendu de haute qualité. Il te faudra notamment contrôler les versions pour mobiles et tablettes. C’est pour cette raison que je te suggère vivement d’adhérer à la structure de base du template. Je vais te donner des astuces pour personnaliser tes pages tout en préservant l’intégrité de la structure de base.
Accès rapides :
00:00 Conseils de base
00:59 Dupliquer un élément
1:02 Copier-coller un élément
1:07 Effacer un élément
1:10 Copier-coller le style d’un élément
1:43 Historique des modifications et révisions
2:06 Dupliquer, ajouter, déplacer, effacer une colonne/ une section
2:32 Navigateur : attraper facilement les éléments
3:05 Gérer le responsive
4:25 Ajuster la largeur des colonnes
4:48 Empiler des colonnes verticalement
5:02 Intervertir les colonnes sur version mobile
5:55 Masquer des éléments sur version mobile
6:44 Ajouter des éléments
7:10 Modifier le contenu de tes éléments
7:22 Modifier le style de tes éléments (couleurs, typos, …)
7:30 Modifier les marges internes et externes
8:30 Modifier la taille d’une image
8:39 Ajouter un effet de mouvement
9:00 Modifier l’arrière-plan (modifier la couleur, ajouter une image de fond, superposer une couleur en transparence)
10:13 : Prévisualiser tes modifications en live
10:34 Changer titre de ta page, modifier l’état de ta page (remettre en brouillon, publier)
11:02 Modèle de page (Masquer en-tête et pied de page)
11:26 Mettre à jour ta page avec tes modifications
12:07 Enregistrer le modèle de page ou de section
13:15 Importer un modèle de page ou de section
—
- Les options des blocs : On va voir comment dupliquer, copier, coller, copier le style et effacer. Des petites actions qui peuvent te faire gagner beaucoup de temps.
- Déplacer les sections et les colonnes : Maintenant, on va apprendre à déplacer les sections et les colonnes. C’est super pratique pour ajuster l’agencement de ta page en un clin d’œil.
- Historique des modifications : On va faire un petit détour par l’historique des modifications. Une fonctionnalité hyper utile en cas de petites erreurs.
- Modifier la largeur des colonnes : Maintenant, on va voir comment modifier la largeur des colonnes. Un petit réglage qui peut faire toute la différence sur le rendu final de ta page.
- Modifier les marges internes et externes des colonnes et sections : Ici, nous allons voir comment modifier les marges internes et externes des colonnes et des sections. C’est un réglage essentiel pour maîtriser l’espacement de ton contenu et pour donner à ton site un aspect professionnel et équilibré.
- Modifier le responsive (mobile/tablette) : Ici, on va s’attarder sur le responsive. Je vais te montrer comment ajuster ta page pour qu’elle soit aussi belle sur mobile et tablette que sur ordinateur.
- Les widgets (ou modules) Elementor : Je vais te présenter maintenant les widgets, aussi appelés modules, d’Elementor. Ce sont des blocs qui vont t’aider à construire tes pages.
- Onglet Mise en Page : c’est là que tu vas configurer la structure de ta section ou de ta colonne
- Onglet Contenu : c’est là que tu vas configurer le contenu de tes widgets.
- Onglet Style : c’est là que tu vas styliser tes modules (couleurs, typos, etc)
- Onglet Avancé : On va y découvrir toutes les options pour peaufiner les détails de ta page.
- Les icônes et le menu hamburger : ici on va voir les accès rapides aux modifications globales de ta page
- Enregistrer le modèle de page ou de section : Pour terminer, je vais te montrer comment enregistrer le modèle de page ou un modèle de section. C’est une étape importante pour pouvoir réutiliser ton travail plus tard.
