Comment faire un bon usage des modules de curseur dans les recommandations de Divi

Il ne fait aucun doute que les références sont un élément important de tout site Web qui vend des produits ou des services. Ils fournissent à votre site Web la preuve sociale et la crédibilité dont les gens ont besoin pour impressionner positivement votre entreprise et \/ ou vos produits. Dans Divi, nous avons un module de références dédié à vous aider à présenter vos références parfaitement. Toutefois, l’utilisation du formulaire de recommandation n’est pas la seule méthode. Par exemple, vous pouvez également utiliser le module curseur pour afficher les références. Dans cet article, nous vous montrerons comment recréer une belle Section avec un module de curseur recommandé. Pour apprendre ce tutoriel, il vous suffit d’avoir les options intégrées de Divi et un portrait de la personne qui fait la promotion de votre marque.
Résultats avant d’aller plus loin dans ce tutoriel, jetons un coup d’oeil rapide aux exemples que nous allons recréer étape par étape sur différents écrans de taille. Sur le Bureau Sur la tablette Sur le portable Après avoir commencé à recréer l’échantillon ajouter une nouvelle couleur de fond de section standard pour ajouter une section standard à une nouvelle page ou à une page existante, vous devez d’abord sélectionner \
Haut: 100 Px droite: 0px bas: 100 Px gauche: 0px Ajouter une nouvelle ligne – structure de colonne après avoir modifié la section, ajouter une nouvelle ligne avec la structure de colonne suivante: Sans ajouter de module, ouvrez les paramètres de ligne et ajoutez « \ # fcfaf2 » comme couleur de fond. La couleur de fond de la colonne 2 fait défiler le même onglet vers le bas et assigne la couleur de fond \
Remplissez le côté gauche de ce formulaire de texte. L’ajout du formulaire de texte 3 à la première colonne paramètres de texte le dernier formulaire de texte de la première colonne nécessite une orientation de texte centrale dans la Sous – catégorie de texte. Après avoir placé l’orientation du texte à gauche de la Sous – catégorie de texte, ouvrez la Sous – catégorie de taille et utilisez 74% comme largeur. Espacement Enfin, ajoutez les valeurs suivantes à l’espacement des sous – catégories de ce formulaire de texte: marge supérieure: 50 Px marge gauche: 15,7% Ajouter un module bouton à la première colonne de configuration du bouton le dernier module de la première colonne est un module bouton. Après avoir ajouté des copies et des liens, allez à l’onglet conception et utilisez les paramètres suivants pour les sous – catégories de boutons: utiliser un style personnalisé pour les boutons: Oui taille du texte du bouton: 15 Px couleur du texte du bouton: # 000000 couleur de fond du bouton: # a2eaf2 largeur de la bordure du bouton: 0px caractères du bouton: poids de la police d’avertissement: normal Ensuite, ouvrez la Sous – catégorie espacement et ajoutez les valeurs suivantes:
Haut: 30px bas: 70 Px gauche: 15,7% Ajouter des modules de défilement à la deuxième colonne titre paramètres de texte maintenant que nous avons terminé d’ajouter des modules à la première colonne (et de les modifier), passons à la deuxième colonne. La première chose à ajouter à la deuxième colonne est le module curseur. Nous utiliserons ce formulaire pour présenter les références de façon créative. Avant d’ajouter un curseur, nous modifierons le module curseur dans son nombre total. Ces modifications s’appliquent à toutes les diapositives qui seront ajoutées à ce formulaire. Allez à l’onglet conception, ouvrez la Sous – catégorie texte du titre et appliquez les paramètres suivants à l’onglet H2:
Police d’en – tête: poids de la police d’en – tête d’alarme: style de police d’en – tête normal
Nt: 15 Px button text color: # 000000 button Background color: # ffd870 button Border width: 0px spacing to adapt button modules to other modules, use the following Custom Borders: bottom: 70 Px left: 10% results now we have completed all steps about How to make recommendations Using Slider modules creatively, Regardons enfin les résultats sur différents écrans de taille. Sur le Bureau sur la tablette sur le téléphone dans cet article, nous vous montrons comment utiliser de façon créative le module curseur pour inclure des références dans une de vos sections. Ce Design peut être combiné avec votre palette de couleurs préférée pour n’importe quel site Web. Si vous avez des questions ou des suggestions, assurez – vous de laisser un commentaire dans la section commentaires ci – dessous!