Réglage du diaporama de la page d'accueil WoodMart et optimisation de la vitesse de chargement

existent Thèmes WoodMartL'ajout d'un rotateur de page d'accueil permet d'améliorer les performances visuelles de la page, tout en se concentrant sur l'affichage du contenu principal. Les paragraphes suivants présentent deux paramètres courants et fournissent des techniques pratiques d'optimisation du chargement pour vous aider à créer une page d'accueil attrayante et qui ne traîne pas en longueur.

Ajouter une image tournante du diaporama de la page d'accueil

Méthode 1 : Utiliser le curseur intégré de WoodMart

• Connectez-vous au backend de WordPress, cliquez sur "Pages", trouvez la page d'accueil et cliquez sur "Edit with Elementor".

• Dans la partie supérieure de la page, cliquez sur le signe "+" pour créer une nouvelle ligne et insérez le composant "WoodMart Slider" (ou utilisez l'équivalent dans WPBakery).

• Sélectionnez l'accessoire du curseur ou cliquez sur "Sélectionner le curseur" pour créer une nouvelle zone de rotation.

• Téléchargez ce que vous voulez montrerdiapositive (photographie, logiciel de présentation)Pour les images, il est recommandé d'utiliser une taille uniforme, par exemple 1920 x 800.

• Ajouter des titres, des boutons, des liens directs, etc. à chaque diapositive
• Définissez l'animation de commutation (par exemple, fondu, diapositive, etc.), la durée de l'intervalle de commutation (environ 5 secondes sont recommandées) et l'activation ou non de la lecture automatique.

• Cliquez sur "Mettre à jour" pour revenir à la page d'accueil et voir les résultats.

Méthode 2 : Utiliser le plugin Slider Revolution

WoodMart intègre le puissant plugin Slider Revolution pour les scènes rotatives qui nécessitent des animations complexes et des superpositions de couches.

• Cliquez sur "Slider Revolution" sur le côté gauche du backend pour modifier le curseur.

• Définissez la taille du curseur, par exemple largeur 1920px, hauteur 800px.

• Ajouter un diaporama : téléchargez une image de fond et ajoutez des couches de texte, des boutons, des liens, etc.

• Cliquez sur chaque couche pour définir laanimetels que le fondu, le zoom, le temps de retard, etc.

• Lorsque vous avez terminé, cliquez sur le bouton "Enregistrer" dans le coin inférieur droit.

• Retournez dans l'éditeur Elementor et insérez le module "Revolution Slider" dans la page d'accueil et sélectionnez le nom du slider que vous venez de créer.

• Sauvegardez la page et actualisez le frontend pour voir les résultats.

Conseils pour optimiser la vitesse de chargement

Bien que l'attrait visuel du diaporama soit fort, la taille de l'image est trop grande ou chargée de manière déraisonnable, ce qui ralentit la vitesse d'ouverture de la page d'accueil. Voici quelques suggestions pratiques d'optimisation :

Images compressées

Il est recommandé que toutes les images tournantes soient au format WebP et compressées à moins de 150 Ko. Les outils suivants peuvent être utilisés :

• TinyPNG
• Squoosh
• Plugin ShortPixel (Plugin WordPress)

Activer le chargement paresseux

dépense ou frais Elementor Pro Si vous utilisez un autre constructeur, vous pouvez installer le fichier WP Rocket et activer le chargement paresseux des images. Il est recommandé de définir la première diapositive comme n'étant paschargement paresseux (informatique)Le reste du chargement différé permet d'éviter le premier écran blanc de la page.

Contrôle du nombre de diapositives

Il n'est pas recommandé d'ajouter plus de 3 diapositives pour éviter de charger les piles. 3 diapositives ou moins permettent de présenter les points clés et de concentrer l'attention.

Rationalisation des animations et des calques

Revolution Slider offre de nombreuses fonctions d'animation, mais le coût de chargement est élevé. Il est recommandé de désactiver les animations de couches redondantes et de ne conserver que des transitions simples pour réduire le temps de rendu.

remarques finales

WoodMart Supporte de multiples façons d'ajouter une image rotative à la page d'accueil, avec une compatibilité et une esthétique solides. Que vous préfériez une configuration simple ou que vous ayez besoin d'une performance visuelle complexe, saisissez laOptimisation des imageset le contrôle des animations, il est facile de créer une page d'accueil attrayante qui se charge rapidement.

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.