Le module de recommandation Divi comprend plusieurs éléments optionnels que pouvez utiliser ou désactiver. Ces éléments sont faciles à utiliser et pouvez créer des dessins intéressants en choisissant différentes combinaisons. Dans nous examinerons 8 combinaisons damp;rsquoaffichage de projets dans le module de recommandation de Divi pour aider à déterminer quels projets correspondent le mieux à vos besoins. Nous créerons deux versions pour chaque combinaison, lamp;rsquoune sur fond blanc et lamp;rsquoautre sur fond noir. Allons y! Divi aperçu des éléments du module de recommandation examinons les éléments du module de recommandation. Chaque élément a des options de style, comme nous le verrons plus loin. De plus, chacun de ces éléments peut ou non être utilisé. Nous les verrons également utilisés en différentes combinaisons. Chaque élément comprend la taille de lamp;rsquoécran et les paramètres damp;rsquoétat pendant le vol stationnaire.
Témoignage de lamp;rsquoauteur lamp;rsquoauteur du formulaire est le nom de la personne qui a rédigé le témoignage. Il est affiché sous le contenu du corps et est utilisé par défaut. Par défaut, sa police est maximale. ne voulez pas voir le nom de lamp;rsquoauteur, il suffit de supprimer le contenu fictif et de laisser le champ vide.
Titre de lamp;rsquooeuvre le titre de lamp;rsquooeuvre est le titre de lamp;rsquooeuvre de lamp;rsquoauteur. Ceci est utile pour les entreprises B2B (Business to Business) puisque le titre de lamp;rsquoauteur est lié au témoignage. Par défaut, ce champ est vide. Pour lamp;rsquoutiliser, il suffit damp;rsquoajouter du texte dans le champ. Il apparaît sous le nom de lamp;rsquoauteur et est aligné à gauche.
La société est le nom de la société dans laquelle lamp;rsquoauteur travaille. Ceci est également utile pour les recommandations B2B. Par défaut, il est vide et apparaît sous le nom de lamp;rsquoauteur. cette option est également utilisée, lamp;rsquoentreprise est située à droite du poste de travail. La zone de contenu du corps du contenu est un éditeur tinymce qui permet damp;rsquoutiliser
Html, css intégré, médias, etc. Comprend des onglets visuels et textuels ainsi que tous les paramètres tinymce standard. Il apparaît dans une grande zone au Centre du module. Il est largement utilisé. Lamp;rsquoexemple suivant montre le contenu du titre 2, le contenu du corps et lamp;rsquoimage. Vous pouvez inclure tout ce qui convient à lamp;rsquoéditeur tinymce, comme la vidéo, le Code court, le HTML, etc.
Image cette image montre une photo (ou un logo) de lamp;rsquoauteur. Il est situé sur le côté gauche du contenu. Par défaut, il est circulaire, mais pouvez définir la forme des bords. Lamp;rsquoicône devis lamp;rsquoicône devis affiche des guillemets dans le cercle. Par défaut, camp;rsquoest activé, mais pouvez le désactiver si le souhaitez. Vous pouvez redimensionner et colorer lamp;rsquoicône et son arrière plan individuellement. Maintenant, fournissez un style pour le module de recommandation Divi, regardons quelques options de style. Nous utiliserons le style du forfait de location de scooter gratuit disponible dans Divi pour simuler la Feuille de recommandation Divi. Nous allons créer une version en noir et blanc. Les deux utiliseront le même contenu, et nous changerons la combinaison damp;rsquoaffichage des éléments pour les deux.
Contenu de mon module de recommandation Voici le contenu de mon exemple de formulaire. Jamp;rsquoutilise des noms communs et du texte virtuel. Je suis en train damp;rsquoajouter un titre et de le styliser en utilisant inline CSS et damp;rsquoajouter trois vignettes. Lamp;rsquoimage de lamp;rsquoauteur est 1117 × 629. Je vais utiliser le même contenu pour toutes les combinaisons damp;rsquoaffichage. À titre de référence, voici le HTML en ligne CSS que jamp;rsquoutilise pour les en têtes. Ajoute un remplissage au titre. Lorsque nous concevons le module noir, nous ajouterons des couleurs. Code Amp Amp Lt H3 style amp;amp amp Amp Amp Quote Remplissage: 25px 0px 25px 0px Amp Amp Amp Quote Amp Amp Amp Turbine à gaz Amp Amp Amp Lt Fort Amp Amp Gt Votre contenu est ici Amp Amp Amp LT Fort Amp Amp Turbine à gaz Amp Amp Amp LT H3 et Amp Un.
MP Gt
Lamp;rsquooption Divi Authentication module White style commence par ouvrir les paramètres du module Authentication et défiler vers le bas vers lamp;rsquoarrière plan. Changez la couleur en f5f5f5. Contexte: f5f5f5 Ensuite, allez à lamp;rsquoonglet conception et changez la couleur de lamp;rsquoicône devis en e02b20. Nous laissons sa couleur de fond par défaut. Couleur de lamp;rsquoicône de citation: e02b20 Activez utiliser la taille personnalisée de lamp;rsquoicône de citation et définissez la taille de police de lamp;rsquoicône à 36px. Utiliser la taille de lamp;rsquoicône de citation personnalisée: est la taille de la police de lamp;rsquoicône: 36px Lamp;rsquoimage fait ensuite défiler vers le bas vers lamp;rsquoimage. Changez la largeur du bord en 3px, la couleur en e02b20 et le style en tirets.
Largeur de la bordure Image: 3px couleur de la bordure: e02b20 style de la bordure: tirets Le corps du texte fait ensuite défiler vers le bas vers le corps du texte. Changer la couleur en noir et la hauteur de la ligne en 1,8 em. Couleur: 000000 hauteur de la ligne: 1,8 em Le texte de lamp;rsquoauteur défile vers le bas vers le texte de lamp;rsquoauteur. Changez le poids en demi gras, la couleur en noir et la taille en 24px. Taille de la police: demi gras couleur: 000000 taille: 24px Position du texte pour la position du texte, définissez la couleur en noir. Couleur: 000000 Texte damp;rsquoaffaires pour le texte damp;rsquoaffaires, définissez la couleur en noir. Désactivez les paramètres recommandés du module.
Couleur du texte de lamp;rsquoentreprise: 000000 Module de qualification Divi style option noir, puis copiez le module de qualification et ouvrez ses paramètres. Faites défiler vers lamp;rsquoéditeur de contenu du corps et ajoutez un CSS en ligne pour changer la couleur du titre en blanc. Html avec CSS amp;amp amp Amp Amp Lt H3 style amp;amp amp Amp Amp Quote Couleur: blanc Remplissage: 25px 0px 25px 0px Amp Amp Amp Quote Amp Amp Amp Turbine à gaz Amp Amp Amp Lt Fort Amp Amp Gt Votre contenu est ici Amp Amp Amp LT Fort Amp Amp Turbine à gaz Amp Amp Amp LT H3 et Amp Amp Gt Donc, roulez vers le Haut
Arrière plan et changer la couleur en noir.
Contexte: 000000 Corps du texte, puis cliquez sur lamp;rsquoonglet conception et faites défiler vers le bas vers le corps du texte. Réglez la couleur en blanc. Couleur: FFFFFF Faites défiler le texte de lamp;rsquoauteur vers le bas et définissez sa couleur en blanc. Couleur: FFFFFF Défilez vers le texte de position et définissez la couleur en blanc. Couleur: FFFFFF Enfin, faites défiler vers le texte de lamp;rsquoentreprise et changez la couleur de la police en blanc. Couleur: FFFFFF Voir les combinaisons dans le module de recommandation Divi Nous avons maintenant deux modules témoins qui peuvent être utilisés pour visualiser diverses combinaisons damp;rsquoéléments.
Divi recommendations module Display Combination 1 notre première combinaison utilise le nom de lamp;rsquoauteur et lamp;rsquoicône de référence. Ce sont les paramètres par défaut du module recommandé. Camp;rsquoest une version sur fond noir. Je laisse juste les champs titre et nom de lamp;rsquoentreprise vides. Pour notre deuxième combinaison, jamp;rsquoai supprimé le nom de lamp;rsquoauteur et lamp;rsquoicône de référence afin quamp;rsquoil namp;rsquoaffiche aucun élément. Cela namp;rsquoest souhaitable que si lamp;rsquoinformation est fournie dans le corps du texte.
Camp;rsquoest une version sur fond blanc. Divi recommendation module Display Combination 3 for our Third Combination, I Removed the Quotation Icon and added the Company Name. Camp;rsquoest une version sur fond noir. Pour notre quatrième combinaison, jamp;rsquoai supprimé le nom de lamp;rsquoauteur et lamp;rsquoicône de référence et ajouté le titre et le nom de lamp;rsquoentreprise. Camp;rsquoest une version sur fond blanc. Bien sûr, en combinaison avec lamp;rsquoaffichage recommandé du module Divi 5, nous namp;rsquoajoutons pas seulement du texte à namp;rsquoimporte quel champ. Cet exemple utilise le nom de lamp;rsquoentreprise comme nom de lamp;rsquoauteur. I include
Et lamp;rsquoicône devis. Camp;rsquoest une version sur fond noir. En combinaison avec lamp;rsquoaffichage du module Divi 6, nous pouvons également ajouter plus damp; pour chaque ligne. Pour ce faire, jamp;rsquoai ajouté une colonne après le nom de lamp;rsquoauteur et jamp;rsquoai inclus le nom de lamp;rsquoentreprise dans le même champ. Jamp;rsquoai également inclus des icônes de position et de devis. Camp;rsquoest une version sur fond blanc. Notre septième combinaison montre lamp;rsquoicône citation, le nom de lamp;rsquoauteur et les qualifications. Camp;rsquoest une version sur fond noir. Notre huitième combinaison permet tous les éléments. Camp;rsquoest une version de fond blanc de cette combinaison. Camp;rsquoest la combinaison damp;rsquoaffichage de 8 éléments que nous voyons dans le module recommandé de Divi. La sélection des éléments est simple, il est donc facile damp;rsquoessayer différentes combinaisons pour voir ce qui fonctionne le mieux dans une situation donnée. Je suggère damp;rsquoutiliser lamp;rsquoune de ces combinaisons ou damp;rsquoessayer votre combinaison pour voir ce qui convient le mieux. Quelle que soit la combinaison que choisissez, assurez de fournir suffisamment damp;rsquoinformation pour accroître la crédibilité de votre témoignage. Nous aimerions avoir votre avis. Avez utilisé lamp;rsquoune de ces combinaisons ou damp;rsquoautres dans le formulaire de recommandation de Divi? Veuillez nous faire part de votre expérience dans vos commentaires.
Afficher une combinaison de 8 éléments dans le module recommandé de Divi
