Comment ajouter un diaporama pleine largeur dans Elementor

Elementor permet d'ajouter facilement des modules de diaporama pleine largeur, et cet article vous explique étape par étape comment le faire dans Elementor.Création de diapositives pleine largeur.

Étape 1 : Installer et activer le plugin Elementor

Si le plugin Elementor n'est pas déjà installé, vous devez d'abord l'installer et l'activer. Veuillez suivre les étapes ci-dessous :

1. Connectez-vous à votre tableau de bord WordPress.
2. commutateur àplug-in (composant logiciel) > Ajouter un nouveau plugin.
3. Tapez "Elementor" dans la barre de recherche.
4. frappe (sur le clavier)montagepuis cliquez suractiver.

Étape 2 : Créer une nouvelle page ou modifier une page existante

1. Dans le tableau de bord de WordPress, cliquez surpage web > Ajouter une nouvelle page(s'il s'agit d'une nouvelle page) ou en cliquant sur le boutoncompilateurBouton.
2. Sur la page d'édition, cliquez surUtilisation de l'éditeur Elementor.

Étape 3 : Ajouter un widget de diapositive

1. Une fois dans l'éditeur Elementor, cliquez sur l'icône plus et sélectionnez l'élémentcadresélectionner une disposition de colonnes.

2. Dans le panneau de gauche, recherchezdiapositive (photographie, logiciel de présentation)faites-le glisser et déposez-le dans la zone que vous venez de créer.

Étape 4 : Réglage des diapositives

1. Ajout d'un contenu de diapositiveCliquez sur chaque diapositive pour télécharger des images, ajouter des titres, des descriptions et des liens vers des boutons. Répétez cette opération pour ajouter plusieurs diapositives.

2. Définition de l'image d'arrière-planLes diapositives doivent être accompagnées d'une image d'arrière-plan en haute résolution afin qu'elles soient nettes et attrayantes dans une présentation pleine largeur.

Étape 5 : Paramétrage de la mise en page pleine largeur

Pour que les diapositives soient affichées en pleine largeur, procédez comme suit :

1. Sélectionnez le widget de diaporama qui contient l'élémentconteneur à colonnesDans la zone d'édition située au-dessus, cliquez sur le boutoncolonne éditoriale(ou cliquez avec le bouton droit de la souris et sélectionnez "Modifier les colonnes").

2. Dans le panneau de gauche, dans la sectionouverture (jargon des échecs)Sous l'onglet, trouvez la rubrique Largeur du contenu.

3. commandant en chef (militaire)Largeur du contenufixé àlargeur totale.
4. sécuriséespacement des colonnesfixé àne pas avoirDe cette manière, la diapositive peut occuper toute la largeur de l'écran.

5. Ensuite, dans "niveau élevéDans l'onglet ", placez l'étiquette "marge"et"rembourrage"sont réglés sur0Veillez à ce que les bords des diapositives soient proches des bords de l'écran.

Étape 6 : Personnalisationdiapositive (photographie, logiciel de présentation)type

Ceci peut être optimisé en ajustant les paramètres de style suivantsdiapositive (photographie, logiciel de présentation)Apparence :

1. réglage de la hauteur: Cliquez sur "typeDans l'onglet "Recherche", trouvez la rubrique "Recherche" de la page d'accueil.degré élevéOptions. Pour les diapositives dans leTitre, description, boutonsLa hauteur est fixée àpersonnalisationLa hauteur du site peut être ajustée en fonction de la hauteur du site.

2. arrière-plan superposéLe texte : Ajoutez un effet d'arrière-plan aux images afin d'améliorer la lisibilité du texte. Dans "typeDans l'onglet "Recherche", trouvez la rubrique "Recherche" de la page d'accueil.arrière-plan superposésélectionner Couleur et Transparence.
3. effet d'animationSi vous avez besoin d'ajouter des effets dynamiques à vos diapositives, vous pouvez les ajouter à la section "niveau élevéL'onglet "Animation" permet de définir l'animation d'entrée ou l'effet de survol de la souris.

Étape 7 : Sauvegarde et prévisualisation

Une fois les réglages terminés, cliquez surpostepeut-êtremettre à jour. Ensuite, cliquez sur l'icône de l'œil dans le coin inférieur droit de l'écran.Changements dans l'aperçupour voir l'effet pleine largeur de la diapositive sur la page actuelle.

problèmes courants

1. Les diapositives ne s'affichent pas en pleine largeur ?
   • Assurez-vous que la disposition des colonnes et des sections est réglée sur " ".largeur totale"et les marges et l'espacement sont tous deux fixés à "0".
2. Le diaporama se charge lentement ?
   • Utilisez des formats et des tailles d'image optimisés pour vous assurer que chaque image dans le site Web de la 100KB jusqu'à 300KB entre eux pour réduire le temps de chargement.

résumés

La création d'effets de diapositives pleine largeur est facile avec le widget Slide d'Elementor. L'essentiel est de définir correctement la disposition et le style des colonnes et des widgets de diaporama pour s'assurer que chaque détail est prêt à être affiché en pleine largeur. Vous pouvez afficher efficacement des produits ou des images et améliorer l'attrait visuel de la page.