Le module de recommandation Divi comprend plusieurs éléments optionnels que vous pouvez utiliser ou désactiver. Ces éléments sont faciles à utiliser et vous pouvez créer des dessins intéressants en choisissant différentes combinaisons. Dans cet article, nous examinerons 8 combinaisons d’affichage de projets dans le module de recommandation de Divi pour vous aider à déterminer quels projets correspondent le mieux à vos besoins. Nous créerons deux versions pour chaque combinaison, l’une sur fond blanc et l’autre 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 l’écran et les paramètres d’état pendant le vol stationnaire.
Témoignage de l’auteur l’auteur 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. Si vous ne voulez pas voir le nom de l’auteur, il suffit de supprimer le contenu fictif et de laisser le champ vide.
Titre de l’oeuvre le titre de l’oeuvre est le titre de l’oeuvre de l’auteur. Ceci est utile pour les entreprises B2B (Business to Business) puisque le titre de l’auteur est lié au témoignage. Par défaut, ce champ est vide. Pour l’utiliser, il suffit d’ajouter du texte dans le champ. Il apparaît sous le nom de l’auteur et est aligné à gauche.
La société est le nom de la société dans laquelle l’auteur travaille. Ceci est également utile pour les recommandations B2B. Par défaut, il est vide et apparaît sous le nom de l’auteur. Si cette option est également utilisée, l’entreprise est située à droite du poste de travail. La zone de contenu du corps du contenu est un éditeur tinymce qui vous permet d’utiliser
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é. L’exemple suivant montre le contenu du titre 2, le contenu du corps et l’image. Vous pouvez inclure tout ce qui convient à l’éditeur tinymce, comme la vidéo, le Code court, le HTML, etc.
Image cette image montre une photo (ou un logo) de l’auteur. Il est situé sur le côté gauche du contenu. Par défaut, il est circulaire, mais vous pouvez définir la forme des bords. L’icône devis l’icône devis affiche des guillemets dans le cercle. Par défaut, c’est activé, mais vous pouvez le désactiver si vous le souhaitez. Vous pouvez redimensionner et colorer l’icô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 d’affichage des éléments pour les deux.
Contenu de mon module de recommandation Voici le contenu de mon exemple de formulaire. J’utilise des noms communs et du texte virtuel. Je suis en train d’ajouter un titre et de le styliser en utilisant inline CSS et d’ajouter trois vignettes. L’image de l’auteur est 1117 × 629. Je vais utiliser le même contenu pour toutes les combinaisons d’affichage. À titre de référence, voici le HTML en ligne CSS que j’utilise 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; 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;
L’option Divi Authentication module White style commence par ouvrir les paramètres du module Authentication et défiler vers le bas vers l’arrière – plan. Changez la couleur en # f5f5f5. Contexte: \ # f5f5f5 Ensuite, allez à l’onglet conception et changez la couleur de l’icône devis en # e02b20. Nous laissons sa couleur de fond par défaut. Couleur de l’icône de citation: # e02b20 Activez utiliser la taille personnalisée de l’icône de citation et définissez la taille de police de l’icône à 36px. Utiliser la taille de l’icône de citation personnalisée: est la taille de la police de l’icône: 36px L’image fait ensuite défiler vers le bas vers l’image. 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 l’auteur défile vers le bas vers le texte de l’auteur. 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 d’affaires pour le texte d’affaires, définissez la couleur en noir. Désactivez les paramètres recommandés du module.
Couleur du texte de l’entreprise: # 000000 Module de qualification Divi style option noir, puis copiez le module de qualification et ouvrez ses paramètres. Faites défiler vers l’é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; Lt; H3 style & 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 l’onglet 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 l’auteur 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 l’entreprise 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 d’éléments.
Divi recommendations module Display Combination 1 notre première combinaison utilise le nom de l’auteur et l’icône de référence. Ce sont les paramètres par défaut du module recommandé. C’est une version sur fond noir. Je laisse juste les champs titre et nom de l’entreprise vides. Pour notre deuxième combinaison, j’ai supprimé le nom de l’auteur et l’icône de référence afin qu’il n’affiche aucun élément. Cela n’est souhaitable que si l’information est fournie dans le corps du texte.
C’est 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. C’est une version sur fond noir. Pour notre quatrième combinaison, j’ai supprimé le nom de l’auteur et l’icône de référence et ajouté le titre et le nom de l’entreprise. C’est une version sur fond blanc. Bien sûr, en combinaison avec l’affichage recommandé du module Divi 5, nous n’ajoutons pas seulement du texte à n’importe quel champ. Cet exemple utilise le nom de l’entreprise comme nom de l’auteur. I include
Et l’icône devis. C’est une version sur fond noir. En combinaison avec l’affichage du module Divi 6, nous pouvons également ajouter plus d’informations pour chaque ligne. Pour ce faire, j’ai ajouté une colonne après le nom de l’auteur et j’ai inclus le nom de l’entreprise dans le même champ. J’ai également inclus des icônes de position et de devis. C’est une version sur fond blanc. Notre septième combinaison montre l’icône citation, le nom de l’auteur et les qualifications. C’est une version sur fond noir. Notre huitième combinaison permet tous les éléments. C’est une version de fond blanc de cette combinaison. C’est la combinaison d’affichage 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 d’essayer différentes combinaisons pour voir ce qui fonctionne le mieux dans une situation donnée. Je vous suggère d’utiliser l’une de ces combinaisons ou d’essayer votre combinaison pour voir ce qui vous convient le mieux. Quelle que soit la combinaison que vous choisissez, assurez – vous de fournir suffisamment d’information pour accroître la crédibilité de votre témoignage. Nous aimerions avoir votre avis. Avez – vous utilisé l’une de ces combinaisons ou d’autres dans le formulaire de recommandation de Divi? Veuillez nous faire part de votre expérience dans vos commentaires.
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é.
Contenu de mon module de recommandation Voici le contenu de mon exemple de formulaire. J’utilise des noms communs et du texte virtuel. Je suis en train d’ajouter un titre et de le styliser en utilisant inline CSS et d’ajouter trois vignettes. L’image de l’auteur est 1117 × 629. Je vais utiliser le même contenu pour toutes les combinaisons d’affichage. À titre de référence, voici le HTML en ligne CSS que j’utilise 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; 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;
Largeur de la bordure Image: 3px couleur de la bordure: # e02b20 style de la bordure: tirets
Couleur du texte de l’entreprise: # 000000
Arrière – plan et changer la couleur en noir.
Contexte: # 000000
Divi recommendations module Display Combination 1 notre première combinaison utilise le nom de l’auteur et l’icône de référence. Ce sont les paramètres par défaut du module recommandé.
Et l’icône devis.