Dans la conception moderne des sites web, les images et les sliders sur la page d'accueil sont l'un des éléments clés qui attirent l'attention des visiteurs. L'utilisation de sliders permet non seulement d'améliorer la dynamique de votre site web, mais aussi de mieux mettre en valeur le contenu principal et les informations visuelles. En tant que thème WordPress puissant, leAvada Le thème est livré avec un éditeur et plusieurs outils de slider, de sorte que vous n'avez pas besoin d'utiliser des plug-ins tiers pour obtenir des images riches et des effets de slider. Ce numéro de l'article vous expliquera comment utiliser le thème Avada pour configurer les images de la page d'accueil et le slider, afin de vous aider à démarrer rapidement, pour créer un site web d'accueil plus attrayant. Dans ce numéro, nous parlons de

Le thème Avada possède son propre éditeur, pas besoin d'une tierce partie, sur la partie frontale du site nous pouvons voir les éléments suivantsEditer en directCliquez sur les flèches rouges pour entrer, la bo?te jaune est l'en-tête et le pied de page du site, si vous avez besoin de cliquer sur la page éditoriale correspondante, vous pouvez également entrer dans la page éditoriale correspondante !

Etapes : Front-end du site → Edit Live

Comme indiqué ci-dessous, il s'agit de la page d'accueil du site, veuillez noter qu'elle n'est pas éditée des deux c?tés, les c?tés sont configurés pour les conteneurs et les colonnes.

Comme indiqué ci-dessous, cliquez sur

Si l'importation de votre modèle se limite à la page d'accueil de l'image, ou si vous n'avez besoin que d'une seule image pour réaliser votre effet, cliquez sur le symbole du stylo au milieu de l'image de la page d'accueil pour la modifier, vous obtiendrez l'écran suivant

Il suffit de le remplacer ou de le supprimer (Remove), Edit, et il ira dans la médiathèque ou dans les fichiers locaux, ajusté comme bon vous semble.

Bien entendu, si l'effet de l'image ne vous satisfait pas, vous pouvez choisir d'ajouter vos propres curseurs (Sliders). Ou choisir d'avoir un modèle de curseur, bien s?r, ou d'ajouter leur propre plus pratique, le modèle dans la vue du temps n'est pas le même peut être trouvé !

Voyons maintenant comment ajouter des curseurs.

Il existe de nombreux types de sliders dans le module complémentaire. Comment les choisir et quelles sont les recommandations ?

1. Avada Slider

Le slider propre à Avada, con?u pour les thèmes Avada, est très bien intégré.

Les différents dispositifs s'accordent bien et répondent essentiellement à vos exigences, le texte de base, les images, les boutons, les liens, les effets d'animation de la barre de défilement sont tous présents !

La procédure à suivre est la suivante : trouver Sliders dans Avada à l'arrière-plan du site web.

Etapes : Backend du site → Avada → Sliders

Ensuite, l'image suivante s'affiche, le nom des curseurs est défini, ainsi que d'autres paramètres, il y a des explications en bas des options, vous suivez les explications et les besoins réels des paramètres.

Nous créons des curseurs et ajoutons ensuite plusieurs diapositives aux curseurs.Comme indiqué ci-dessous, nous allons d'abord créer des curseurs.

Ensuite, gardez-le (Add Slider)

Ensuite, dans la liste du curseur, nous pouvons voir que le nom est fixé à 1 ici, comme suit

Ensuite, nous mettons en place les diapositives.

Ajoutez ensuite la diapositive comme suit

Ensuite, allez à la page d'édition du diaporama, nous devons définir si la source du diaporama est IMAGE, ou VIDEO, Youtube ou Vimeo video platform, et ensuite le nom du diaporama.

Ensuite, vous devez cocher le diaporama pour le slider, ici le nom du slider et du slide sont 1, pour la démonstration, nous devons modifier ce dernier, puis définir l'image vedette (featured image), si vous sélectionnez l'image comme arrière-plan, le graphique suivant s'affichera

Ensuite, nous allons dans la partie frontale du site, qui est la page d'édition, pour ajouter l'Avada Slider.

Choisissez ensuite le nom de la diapositive que vous avez configurée et définissez la hauteur totale de la diapositive, ainsi que la visibilité de l'élément pour trois appareils ou un seul, etc.

Vous obtenez ensuite un contenu de diapositive initial, qui ne peut être qu'affiché, comme suit

Etapes : Backend du site → Avada → Sliders → Diapositives

Le texte ainsi que les boutons ou les liens doivent être définis dans la diapositive, comme suit

C'estAvadathématiqueAvada SliderLes paramètres sont en place, alors quelle est la différence entre les autres types de

2, Curseur de couche

Layer Slider est un plugin de slider très puissant qui supporte des effets d'animation complexes, vous pouvez ajouter des animations différentes pour chaque couche (Layer), telles que des images, du texte, des boutons, etc., ce qui permet de créer des effets d'affichage plus complexes. Les effets d'animation sont également plus riches, si vous avez besoin d'effets de slider plus avancés, comme un contenu avec une animation multi-couches, ce plugin est idéal, le plugin fournit un grand nombre de modèles prédéfinis, vous pouvez rapidement créer des sliders et les personnaliser.Mais vous devez installer le plugin

3, Media Slider

Media Slider est con?u pour afficher du contenu multimédia tel que des galeries de photos, des vidéos, etc. Vous pouvez définir la disposition et l'arrangement de chaque fichier multimédia dans le slider afin d'assurer un bon affichage sur différents appareils. Vous pouvez rapidement créer un affichage rotatif de contenu multimédia sans paramètres complexes, si vous souhaitez afficher des fichiers vidéo, audio ou d'autres fichiers multimédias à travers le slider, ce slider sera très approprié !

4, Post Slider

Post Slider est utilisé pour afficher des sliders pour les articles WordPress, adapté pour afficher des articles de blog ou des types d'articles personnalisés. Il génère automatiquement des sliders basés sur votre contenu, un outil idéal pour afficher des articles, des produits ou des projets, avec des mises à jour automatiques, dès que votre article est mis à jour, il sera également synchronisé !

5, Slider Revolution

Slider Revolution est un plugin de slider premium qui vous permet de personnaliser presque tous les effets de glissement. Vous pouvez l'utiliser pour créer des animations complexes, des effets de transition et même des mises en page complètes. Si vous avez besoin des fonctionnalités de slider les plus puissantes et d'un niveau de personnalisation extrêmement élevé, Slider Revolution est le meilleur choix, offrant un grand nombre de modèles de slider prédéfinis qui peuvent être directement importés et modifiés selon les besoins. Fondamentalement, il intègre toutes les fonctionnalités

Avis :

Avada Slider: Simple et léger, il permet de créer rapidement des effets de diapositives de base.

Curseur de coucheLa technologie de l'animation multicouche est adaptée aux scénarios qui nécessitent des animations complexes et une présentation multicouche.

Slider médiaLes écrans d'affichage : con?us pour afficher des contenus multimédias tels que des images et des vidéos.

Slider de l'articleAffichage automatique du contenu d'un article ou d'un produit, adapté aux blogs ou à l'affichage d'un contenu dynamique.

Slider Revolution: Le plus puissant, adapté à des effets de curseur complexes et hautement personnalisables.

résumés

Mais mon conseil serait d'utiliser simplementAvada SliderParce que le plus compatibleAvadaCet article vous a appris comment configurer une image de page d'accueil avec une barre de défilement dans le thème Avada. Que vous utilisiez la fonction de baseAvada SliderOu préférez-vous le plus complexeCurseur de couche peut-être Slider RevolutionVous pouvez l'appliquer de manière flexible pour optimiser la présentation de votre site web en fonction de vos besoins spécifiques. Dans le prochain numéro, nous continuerons à explorer d'autres fonctionnalités du thème Avada et nous vous apporterons d'autres conseils pratiques et tutoriels pour vous aider à créer un site web WordPress plus professionnel. Restez à l'écoute !

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 : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.