Sélectionner une page



La plupart du temps, les paramètres par défaut du curseur Divi ne vous donnent pas tout de suite l’apparence souhaitée et nécessitent donc quelques ajustements. Si vous avez ajouté un curseur et que ce n’est pas tout à fait correct, ce n’est pas vous, c’est Divi.


Lorsque vous voyez un curseur qui apparaît comme une grande image pleine largeur, cela est réalisé en ajoutant l’image en tant qu’image d’arrière-plan dans le paramètre de diapositive personnalisé. La case intitulée «Image de diapositive» est une image beaucoup plus petite qui apparaît au-dessus de l’image d’arrière-plan, ou elle peut être laissée vide pour que seule l’image d’arrière-plan en taille réelle soit affichée.


Tutoriel Divi Slider


Pour que les images de notre curseur s’affichent correctement, nous devons ajuster la taille de l’arrière-plan et éventuellement la position. Dans les paramètres individuels du module de feuille, ces paramètres sont affichés directement sous le champ image d’arrière-plan. Si le point focal de votre fond d’écran est assez centré et / ou où vous le souhaitez, vous pouvez laisser le paramètre de fond d’écran par défaut à la valeur par défaut. Si vous souhaitez repositionner votre fond d’écran, vous pouvez jouer avec ce paramètre pour obtenir la position souhaitée. Il n’y a pas de bien ou de mal ici, car le réglage idéal varie en fonction de l’image et de l’aspect souhaité. Une fois que vous vous êtes familiarisé avec les paramètres de position, il ne vous reste plus qu’à trouver la position qui correspond le mieux à vos besoins.


Tutoriel Divi Slider


C’est le problème le plus courant avec le curseur Divi.


La taille de l’image d’arrière-plan est rarement laissée à la valeur par défaut. Les valeurs les plus courantes ici sont «Couverture» ou «Contenue» dans cet ordre. «Couverture» signifie que l’image sera redimensionnée pour couvrir complètement le curseur quelle que soit la taille de l’écran. Conformément à un design réactif, c’est généralement le meilleur choix. Essayez les options ici pour avoir une idée de la façon dont chaque paramètre apparaît, puis examinez chaque type d’appareil pour voir comment il se traduit par différentes tailles d’écran. Redimensionner l’affichage est littéralement en 1 clic et vous ne casserez rien, alors expérimentez ce que vous voulez!


Si vous êtes arrivé à ce point et que votre curseur ne semble toujours pas tout à fait correct, vous n’avez probablement rien fait de mal. La hauteur du curseur est déterminée par le contenu de la diapositive, c’est-à-dire le titre, le sous-titre, le bouton et le texte de la diapositive. Si vous incluez tous ces éléments, votre curseur devrait être assez proche, sinon parfait, de s’afficher correctement à ce stade. Sinon, quelques ajustements mineurs de la sellerie peuvent être nécessaires. Voir REMBOURRAGE ci-dessous.


Si vous n’incluez pas de titre, de sous-titre, de bouton et / ou de texte, votre curseur a probablement l’air assez trapu en ce moment. Pour compenser le manque de contenu dans le curseur, vous devrez ajouter une bonne quantité de rembourrage supérieur et inférieur au module afin qu’il s’affiche correctement et affiche vos images complètes.


TAPISSERIE:


Si vous avez besoin d’une personnalisation supplémentaire, ajoutez le rembourrage supérieur et inférieur dans les paramètres du module de curseur sous l’onglet Conception avancée. L’espacement du haut et du bas est mieux exprimé en pourcentage pour la compatibilité entre navigateurs. La valeur réelle ici est un peu un SWAG et implique quelques essais et erreurs. Comme point de départ, si vous n’avez pas de contenu de texte ou de bouton sur les diapositives, je vous recommande de commencer à environ 45% du haut et 45% du rembourrage inférieur et de l’ajuster en conséquence à partir de là. Si vous avez du texte et des boutons mais que vous avez encore besoin d’une hauteur supplémentaire pour le curseur, essayez un rembourrage de 5% en haut et de 5% en bas et ajustez en conséquence à partir de là jusqu’à ce que vous obteniez le look souhaité. N’oubliez pas de vérifier l’apparence sur tous les appareils, car les mêmes valeurs peuvent ne pas s’appliquer à toutes les tailles d’écran. Cependant, si vous utilisez un pourcentage recommandé, ces valeurs doivent fonctionner de manière cohérente sur tous les types d’appareils. L’icône de téléphone à droite des champs de remplissage ouvre les champs pour les paramètres de remplissage pour le bureau, la tablette et le téléphone, si des modifications sont nécessaires.


didacticiel du curseur divi


À ce stade, vous devriez avoir un curseur qui affichera toutes les images correctement. Concevez vos éléments en fonction de votre image de marque ou de votre design et votre curseur sera incroyable en un rien de temps. À des fins de démonstration, nous avons ajouté une superposition de couleur rapide et semi-opaque à l’image d’arrière-plan (dans les paramètres de la diapositive) pour adoucir l’image d’arrière-plan et rendre l’image de la diapositive et le contenu de la diapositive contrastés et éclatés. Dans les paramètres du module, vous trouverez les paramètres de la couleur et de l’opacité de la superposition d’arrière-plan, ainsi que les paramètres de la superposition de texte, au cas où vous préférez avoir la superposition derrière le texte plutôt que sur l’image d’arrière-plan complète.


didacticiel du curseur divi










Source link

Recent Posts