Conception de diaporamas visuels avec WPBakery Page Builder

WPBakery Page Builder est un puissant éditeur visuel qui vous permet de concevoir et de personnaliser facilement des diaporamas. Ce tutoriel vous guidera sur la façon d'implémenter un design visuel de diaporama en utilisant WPBakery Page Builder.

1. installation de WPBakery Page Builder

Tout d'abord, vous devez vous assurer que le plugin WPBakery Page Builder est installé et activé.

2. créer une nouvelle page ou un nouvel article

Après avoir installé le plugin, l'étape suivante consiste à créer une nouvelle page ou un nouvel article qui servira de support au diaporama :

• Dans le backend de WordPress, naviguez vers "page web” > “Ajouter une nouvelle page" ou "carte” > “Ajouter un nouveau message“

• Donnez un titre approprié à la page ou à l'article (par exemple, "Diaporama de l'entreprise")

• Cliquez "compilateur"Entrer dans le mode WPBakery Page Builder

3. ajouter le module WPBakery Slideshow

WPBakery fournit une variété de modules pour créer des diaporamas. Voici les modules qui utilisent WPBakery "Slider Revolution" ou "curseur (élément d'interface informatique)"pour créer un diaporama :

1. Choisir le bon module
   Dans l'éditeur de pages de WPBakery, cliquez sur "+"pour ouvrir la bibliothèque d'éléments.

2. Entrer "Curseur"pour trouver les modules relatifs aux diaporamas. Les modules recommandés sont les suivants :
   • Slider Revolution (Slider Revolution 6)Module de diaporama avancé avec de puissantes fonctionnalités.

3. Ajout de composants de diapositives
   Sélectionner "Slider Revolution"ou d'autres diapositivesmodule (dans le logiciel)Ensuite, ajoutez-la à la page. La plupart des modules de diaporama vous permettent de télécharger des images, des vidéos ou du texte pour chaque diapositive.

4. Définition du contenu des diapositives
   Cliquez dans la zone d'édition de chaque diapositive pour télécharger des images ou des vidéos dans le panneau des paramètres.

Le module WPBakery Slideshow vous permet généralement de.. :

• Ajouter une image ou une vidéo de fond
• Insérer des titres et des sous-titres
• Configurer les effets de commutation des diapositives (Fade in and out, flip, slideetc.)
• Réglage de la durée de présentation de chaque diapositive

4. styles de diapositives personnalisés

Côté design, WPBakery propose de puissantes fonctionnalités de personnalisation qui vous permettent d'ajuster facilement l'apparence et les effets de vos diaporamas. Vous trouverez ci-dessous les options de personnalisation les plus courantes :

1. Réglage de la taille de la diapositive
   Vous pouvez ajuster la largeur et la hauteur du diaporama en fonction de la mise en page. Pour que la page soit esthétiquement agréable, il est recommandé de régler la largeur des diapositives sur plein écran ou pleine largeur.

2. Styles de texte et de bouton
   Le texte, les légendes et les boutons de la diapositive peuvent être définis via l'éditeur.Polices de caractères personnaliséesetcouleuretampleurrépondre en chantantalignement. Vous pouvez également ajouter des liens aux boutons pour faciliter le clic.
3. effet d'animation
   WPBakery fournit un ensemble riche d'effets d'animation pour rendre les éléments du diaporama fluides et dynamiques au fur et à mesure que l'utilisateur fait défiler la page. Vous pouvez choisir de faire apparaître en fondufauxetmouvement de glissementettourneret d'autres effets.

4. Superpositions et filtres d'arrière-plan
   Pour rendre le texte des diapositives plus attrayant, vous pouvez ajouter un arrière-plan aux images des diapositives, tel qu'un dégradé ou un filtre de couleur translucide. Le texte et les boutons apparaîtront ainsi plus clairement.

5. paramètres réactifs

Le module de diaporama de WPBakery dispose souvent d'options de réglages réactifs pour s'assurer que les diaporamas s'affichent au mieux sur les ordinateurs de bureau, les tablettes et les téléphones portables.

• Dans l'éditeur de WPBakery, vous pouvez passer à "conception réactiveLe mode "Aperçu" permet de voir comment le diaporama s'affichera sur différents appareils.

• Ajustez la taille des diapositives et la position du contenu pour les appareils mobiles afin de vous assurer qu'il n'y a pas d'incohérence dans la mise en page ou de texte hors limites.

6. publier la page et la prévisualiser

Une fois que vous avez fini de concevoir et d'ajuster les diapositives, cliquez sur "poste"pour enregistrer et publier la page ou l'article. Prévisualisez ensuite la page dans le frontend et vérifiez que le diaporama fonctionne comme prévu.

7. ajout à la page d'accueil ou à des pages spécifiques du site web

Après avoir conçu le diaporama, vous pouvez le définir comme contenu principal sur la page d'accueil de votre site web ou l'intégrer dans des pages ou des articles spécifiques afin d'améliorer l'expérience de l'utilisateur.

1. Définir la page comme page d'accueil
   Si vous souhaitez que le diaporama soit affiché en première page de votre site web, accédez à la page d'accueil de WordPress "mettre en place” > “lire"Sélectionnez la page que vous venez de créer comme page d'accueil statique.

2. Intégrés dans d'autres pages
   Vous pouvez également utiliser la fonction "code courtLe module "diaporama" permet d'intégrer des diaporamas dans des sections spécifiques d'autres pages ou articles pour une présentation flexible du contenu du diaporama.

remarques finales

Avec WPBakery Page Builder, la conception et la personnalisation du diaporama de votre site WordPress devient plus facile et plus intuitive. Qu'il s'agisse d'un diaporama complexe à plusieurs couches ou d'une rotation d'images minimaliste, WPBakery peut répondre à différents besoins. Nous espérons que ce tutoriel vous aidera à commencer à concevoir des diaporamas avec WPBakery et à ajouter des effets dynamiques à votre site web.

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
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.