Extension requise pour ces tutoriels

  • Elementor

Pour suivre ces tutoriels vous aurez besoin de l’extension Elementor. Pour installer cette extension gratuite, allez dans Extensions / Ajouter sur votre tableau de bord puis tapez son nom dans le champ de recherche.

En travaillant avec Elementor on rajoute une surcouche à WordPress. Pour éviter de multiplier les allers-retours entre les pages et le tableau de bord, apprenez à utiliser les raccourcis Clavier.
Retour sur quelques réglages basiques d'Elementor. On va voir comment régler la couleur de fond d'un article ou d'une page et quelques notions de modèles de pages.
Ajoutez des ancres à vos boutons, vos liens ou vos éléments de menu pour pouvoir naviguer à un endroit précis sur la même page ou sur n'importe quelle autre page de votre Site Internet.
L'utilisation des boutons en Web Design est très fréquentes. Cependant on ne personnalise pas assez ces composants indispensables. et bien apprenez-à le faire avec Elementor.
Travailler en mode Responsive avec Elementor implique une organisation et une méthodologie claire et structurée. Soit en commençant par le Web design en mode Smartphone (Mobile First), soit en s'accordant plus de possibilités et en commençant par le mode Desktop.
Ce tutoriel vous guide pas à pas vers la réalisation d'une image masquée par un texte. La couleur de fond du texte sera donc l'image elle-même. Un effet bluffant qui mettra vos titres en valeur.
Pour illustrer les tutos précédents relatifs aux unités du Web design et à l’utilisation des Widgets ainsi qu’aux paramètres de positionnements personnalisés, je vais vous expliquer pas à pas la création d’un nouveau Widget que nous appellerons Widget Portfolio.
Chaque élément sous Elementor possède son propre conteneur. Une image est insérée dans un conteneur, un texte aussi, … Par défaut lorsque l’on insère un élément dans une colonne, il occupe 100% de la largeur de la colonne.
Utiliser les outils du Web design, c’est aussi connaître les unités qui serviront à placer, positionner et à dimensionner les différents éléments de votre Web design. Sur Internet deux types d’unités existent. Les unités absolues et les unités relatives.
Les Widgets sont les briques de base du Web Design. Ils couvrent une grande partie des besoins en terme d'éléments visuels et fonctionnels.
La Colonne fait partie des éléments de mise en page d'Elementor. Découvrons-là avec ce tutoriel.
Dans ce premier tutoriel consacré à Elementor, nous allons découvrir la Section, l'élément au sommet de la hiérarchie.
Comment afficher une image dans un cercle avec WordPress et Elementor? Une méthode simple et efficace.

Pas de compte ?