Comment créer des diapositives pleine largeur avec des superpositions de texte en utilisant Elementor

Image [1] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

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".
Image [2] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. Une fois dans l'éditeur Elementor, cliquez sur "+"pour sélectionner la mise en page et choisir une structure pleine largeur, à une seule colonne.
Image [3] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

é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.
Image [4] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. Tra?née"Diapositives"La diapositive par défaut s'affichera dans la disposition pleine largeur qui vient d'être créée.
Image [5] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

étape 3 : Personnalisation des images des diapositives

  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.
Image [6] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. 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é.
Image [7] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. 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.
Image [8] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

étape 4 : Ajouter un texte superposé

  1. Dans "Diapositives"Les paramètres peuvent être consultés dans la section "légende"et"descriptionschamp ". A ce stade, vous pouvez saisir le contenu textuel que vous souhaitez afficher.
Image [9] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. 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.
Image [10] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. Veillez à choisir des couleurs qui contrastent bien avec l'image de fond pour que le texte soit clair et lisible.
  2. Il est également possible d'y accéder par l'intermédiaire de "niveau élevéL'onglet "Texte" permet d'ajuster davantage la position du texte, en ajoutant des marges intérieures ou extérieures pour s'assurer que le texte ne bloque pas des parties importantes de l'image.
Image [11] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

é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.
Image [12] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. Dans "navigateur"Vous pouvez également choisir d'afficher ou non les outils de navigation tels que les flèches et les points de pagination.
Image [13] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. Si vous souhaitez que le diaporama bascule automatiquement, vous pouvez ajouter une nouvelle diapositive à la liste "autoplay"et régler le temps de commutation pour chaque diapositive.
Image [14] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

étape 7 : Optimisation de la réactivité

  1. Cliquez "mode de réponsePour voir à quoi ressemblera le diaporama sur un ordinateur de bureau, une tablette ou un téléphone portable, cliquez sur l'ic?ne " ".
Image [15] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response
  1. 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.
Image [16] - Comment créer un diaporama pleine largeur avec des superpositions de texte en utilisant Elementor - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response

é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 le diaporama est bien présenté sur différents appareils.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été écrit par : xiesong
LA FIN
Si vous l'aimez, soutenez-le.
félicitations0partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires