Se former à WordPress
Elementor, l'extension de mise en page
Bonjour à tou·te·s
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Exemples de tutoriels vidéos
Des tutos sur Elementor
Afficher une grille d’Articles dans une Page avec Livemesh for Elementor
Les Catégories de thèmes affichent souvent en titre « Archive de la catégorie : … ». Pas très esthétique ! Avec l’extension Livemesh Addons for Elementor, on peut appeler des listes d’articles dans le contenu d’une Page, et ainsi afficher du contenu en plus (texte d’introduction, sous-titres, images…). Pour filtrer les articles à afficher, on sélectionne la […]
Créer un Header et un Footer personnalisés avec Elementor Header & Footer Builder
Un entête personnalisé avec l'extension Elementor Header, Footer & Blocks
Créer une colonne cliquable avec un bouton et une image en arrière-plan
Avant de vous lancer, vous aurez besoin de l'extension Make Section & Column Clickable Elementor.
Afficher un carrousel d’Articles sur la page d’accueil avec Livemesh for Elementor
Pour rendre la page d’accueil plus dynamique, on peut appeler des Articles dessus, les dernières actualités par exemple. Ici, un carrousel fait défiler les 9 derniers articles classés dans la catégorie Programmation. Pour filtrer les contenus à afficher, on doit définir la « taxonomie » : ce terme regroupe les catégories et les étiquettes.
Classe CSS dans Elementor
Apparence > Personnaliser > CSS Additionnels On peut ajouter une classe CSS à n’importe quel élément dans Elementor (section, colonne, outil), puis lui donner des instructions en CSS personnalisé. Ainsi, plutôt que de customiser à chaque fois l’apparence d’un élément récurrent, on lui ajoute simplement une classe.
Image en arrière-plan / Modifier un modèle – Elementor
2 étapes dans cette vidéo :• Modifier un modèle créé avec Elementor.• Mettre une image en arrière-plan d’une colonne. À noter : lorsqu’on modifie un modèle Elementor, la mise à jour ne se fait pas automatiquement sur les articles/pages dans lequel il a déjà été inséré. Il faudra aller les modifier « manuellement » ou insérer à […]
Article & Modèle – Elementor
3 étapes dans cette vidéo :• créer un Article en spécifiant catégorie, image mise en avant, extrait…• créer une mise en page avec Elementor et l’enregistrer en Modèle• appliquer ce Modèle à un nouvel Article
Forme de découpe / Séparation – Elementor
Dynamiser vos sections en créant des formes de découpes. À noter : cette option de Style est disponible uniquement pour les Sections.
Animation des éléments – Elementor
Chaque élément peut être animé par section entière, colonne entière, ou individuellement. Attention quand même à ne pas en faire trop, ici c’est pour l’exemple 😉
Le contenu qui se masque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.