Comment utiliser le plugin Elementor pour créer un site WordPress avec unetexte superposépour donner à votre site web un aspect plus professionnel.

Étape 1 : Ajouter une mise en page pleine largeur

1. Dans le backend de WordPress, cliquez sur "page web" > "Ajouter une nouvelle page"Nommez la page et cliquez sur "Modifier avec Elementor".

2. Une fois dans l'éditeur Elementor, cliquez sur "+"pour sélectionner la mise en page et choisir une structure pleine largeur, à une seule colonne.

Étape 2 : Ajouter les composants de la diapositive

1. Dans la bibliothèque d'éléments sur le côté gauche de l'éditeur Elementor, recherchez "Diapositives"Composants.

2. Traînée"DiapositivesSi vous ajoutez le composant " " à la mise en page pleine largeur que vous venez de créer, la diapositive par défaut s'affichera.

Étape 3 : Personnalisation des images du diaporama

1. Sur le côté gauche de l'éditeur, le symbole "Diapositives"Dans Paramètres, cliquez sur l'un des éléments de la diapositive pour développer les options d'édition.

2. Cliquez "Image de fond"Téléchargez les images des diapositives que vous souhaitez utiliser. Veillez à ce que la largeur de l'image téléchargée soit adaptée à une mise en page pleine largeur, 1920px ou plus étant recommandé.

3. Après avoir sélectionné l'image, réglez "placement"pour"centre","ampleur"pour"écraser"en veillant à ce que les images s'adaptent à toutes les tailles d'écran.

Étape 4 : Ajouter un texte superposé

1. Dans "Diapositives"Les paramètres peuvent être consultés sur la page "légende"et"descriptionsLe champ "texte". A ce stade, vous pouvez saisir le contenu textuel que vous souhaitez afficher.

2. Utilisez ces champs pour ajouter un titre principal et un sous-titre, et ajustez le style, la couleur et l'alignement du texte pour l'harmoniser avec les visuels de l'image.

Étape 5 : Personnalisation des styles de texte

1. Le style du texte superposé est très important. Cliquez sur "type" dans l'onglet "légende"et"descriptions"La section ajuste la couleur, la taille, l'ombrage et la position de la police.

2. Veillez à choisir des couleurs qui contrastent bien avec l'image de fond pour que le texte soit clair et lisible.
3. Il est également possible d'y accéder par l'intermédiaire de "niveau élevéVous pouvez utiliser l'onglet "Texte" pour ajuster la position du texte, en ajoutant des marges intérieures ou extérieures afin de vous assurer que le texte ne bloque pas des parties importantes de l'image.

Étape 6 : Ajustementsdiapositive (photographie, logiciel de présentation)animations et effets

1. Dans "élément"Sous l'onglet, vous pouvez définir différents effets d'animation de transition pour la diapositive, tels que le fondu, le glissement, etc.

2. Dans "navigateur"Vous pouvez également choisir d'afficher ou non les outils de navigation tels que les flèches et les points de pagination.

3. Si vous souhaitez que le diaporama bascule automatiquement, vous pouvez ajouter une nouvelle diapositive à la liste "autoplay"et réglez le temps de commutation pour chaque diapositive.

Étape 7 : Optimisation de la réactivité

1. Cliquez "mode de réponsePour voir comment le diaporama s'affichera sur un ordinateur de bureau, une tablette ou un téléphone portable, cliquez sur l'icône "Diaporama".

2. Dans chaque mode d'appareil, vous pouvez ajuster la taille et l'alignement du texte individuellement pour vous assurer que le texte n'apparaît pas trop grand ou trop petit sur un petit écran.

Étape 8 : Sauvegarde et prévisualisation

1. Après avoir effectué tous les réglages, cliquez sur "poste"pour enregistrer les modifications.
2. Prévisualisez la page pour voir le résultat final du diaporama pleine largeur et assurez-vous que les superpositions de texte, les images et les animations correspondent à vos attentes.

résumés

La création de diaporamas pleine largeur et l'ajout de superpositions de texte avec Elementor permettent de créer facilement des visuels web professionnels et esthétiques. L'essentiel est de choisir la bonne image de fond, d'ajuster le style du texte et de s'assurer que les diapositives sont bien présentées sur différents appareils.