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
Image[1]-Utilisation de WPBakery Page Builder pour obtenir une conception visuelle des diapositives-Photon Flux | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide
  • Donnez un titre approprié à la page ou à l'article (par exemple, "Diaporama de l'entreprise")
Image[2]-Utiliser WPBakery Page Builder pour obtenir un design visuel des diapositives - Photon Fluctuation | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide
  • 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.
Image [3] - Visual Slide Design with WPBakery Page Builder - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !
  1. 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.
Image[4]-Utiliser WPBakery Page Builder pour créer des diapositives visuelles - Photon Flux | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide
  1. 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.
Image [5]-Utiliser WPBakery Page Builder pour obtenir une conception visuelle des diapositives-Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide
  1. 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.
Image [6] - Visual Slide Design with WPBakery Page Builder - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

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
    Image [7] - Visual Slide Design with WPBakery Page Builder - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !

    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.
    Image[8]-Utiliser WPBakery Page Builder pour obtenir une conception visuelle des diapositives-Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide
    1. 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.
    2. 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.
    Image [9] - Visual Slide Design with WPBakery Page Builder - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !
    1. 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.
    Image [10]-Utiliser WPBakery Page Builder pour créer des diapositives visuelles - Photon Fluctuation | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide
    • 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.
    Image [11]-Utilisation de WPBakery Page Builder pour obtenir une conception visuelle des diapositives-Photon Flux | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide
    1. 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
    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élicitations0 partager (joies, avantages, privilèges, etc.) avec les autres
    commentaires achat de canapé

    Veuillez vous connecter pour poster un commentaire

      Pas de commentaires