Trouvez – le sur le marché Divi le module ruban Divi est disponible sur le marché Divi! Cela signifie qu’il a réussi notre examen et qu’il est conforme à nos normes de qualité. Vous pouvez accéder au plug – in Divi Builder sur le marché pour voir tous ses produits disponibles. Les produits achetés sur le marché Divi ont un accès illimité au site et une garantie de remboursement de 30 jours (comme Divi). Buy – in Divi Market Place Divi Ribbon module est un plug – in tiers pour Divi qui ajoute un ruban stylisé au contenu du module. Ajoutez des images, des boutons, des titres, du contenu et des styles à chaque élément de la façon la plus détaillée que vous voulez. Utilisez – le pour mettre en évidence les ventes de produits, créer des invitations à agir ou attirer l’attention sur tout élément. Dans ce point saillant du plug – in Divi, nous examinerons le module ruban Divi pour voir ce qu’il peut faire.
Installation du module de bande Divi Allez et téléchargez le plug – in dans le tableau de bord WordPress, allez au plug – in > Ajouter un nouveau plug – in cliquez sur télécharger le plug – in sélectionnez le fichier compressé de votre ordinateur cliquez sur Installer maintenant, lorsque vous voyez que le plug – in est correctement installé, cliquez sur Activer le plug – in Allez aux outils > Divi Ribbon plug – in license et saisissez la clé de licence Un nouveau module appelé Divi Ribbon est ajouté à Divi Builder. Le module crée une étiquette (y compris le titre, le contenu, les icônes, les images et les boutons) et place un ruban sur l’étiquette. Vous pouvez contrôler l’emplacement et le style du ruban, ainsi que d’autres éléments du formulaire. Par défaut, Blurb contient des ombres de boîte.
Divi ruban content Tab L’onglet Contenu comprend les paramètres principaux, la rotation floue, les images et les icônes, les liens, l’arrière – plan et les étiquettes de l’Administrateur. Les paramètres principaux offrent les options suivantes:
Type de ruban, emplacement, texte, titre et contenu. Principaux paramètres Il existe 7 types de bandes disponibles. Ils fonctionnent de la même façon, contiennent le même contenu, mais affichent des formes différentes. Les formes comprennent des rubans avec des extrémités fourchues, des rubans avec des bords croisés, des rubans latéraux ou supérieurs et ont différents types d’extrémités, comme des fourchettes ou des cercles. Cela vous donne de nombreuses options d’affichage.
Selon la fonction de visualisation, chaque type de bande a des options de localisation différentes. Cet exemple montre le ruban d’angle. Il peut être placé en haut à gauche ou à droite, ou en bas à gauche ou à droite. La Fourche peut être affichée en haut à gauche ou à droite. Toute la largeur peut être affichée en haut ou en bas. Certains types de bandes ont d’autres options qui s’ouvrent lorsque vous les sélectionnez. Cet exemple montre la largeur totale de la bande. Vous pouvez ajuster sa position et sa hauteur. La bande latérale comprend le réglage de la position, de la largeur et de la hauteur. Toutes les commandes sont des curseurs Divi standard et sont donc faciles à utiliser.
Le titre et le contenu sont ajoutés à la carte elle – même. La zone de contenu a des onglets image et texte qui peuvent inclure des médias, des liens, du Code et des raccourcis clavier. Rotation floue Blurb rotation ajoute une option de retournement 3D pour afficher le contenu après que la carte est tournée d’un côté, et pour afficher des images et des icônes sur le caractère. Ajoutez des images dans la médiathèque et des icônes dans la liste. L’image \ icône est affichée en premier, puis l’onglet est retourné pour afficher le contenu pendant que vous passez le curseur. Vous pouvez également ajouter une image comme arrière – plan.
Boutons Ce bouton comprend du texte, des liens, des options de fenêtre, du remplissage et des marges. J’ai ajouté une marge de gauche et j’ai sorti le bouton sous le ruban adhésif. Onglet conception du ruban Divi Divi ruban de Tab
C’est un bon penseur. Je vous suggère de choisir une image qui est déjà la taille que vous voulez, afin que vous puissiez contrôler la façon dont elle est affichée. La fermeture de l’extrémité de la bande supprime la partie pliée derrière le papier, comme le montre le côté gauche de la bande dans cet exemple. Texte Le titre et le corps du texte contiennent toutes les options disponibles. Dans cet exemple, j’ai augmenté la taille des deux, changé la couleur du texte du titre et centré les deux. Boutons Les styles de boutons incluent toutes les options disponibles et ajoutent une fonctionnalité pour afficher la rampe au – dessus de l’image de fond. Dans cet exemple, j’ai augmenté la taille de la police, changé la couleur de la police et de la bordure, arrondi la bordure, gradué l’arrière – plan et ajouté des ombres.
Exemple de ruban Divi Voici un exemple de l’apparence du ruban Divi dans la disposition Divi. Vente de cassettes Pour le premier exemple, je vais remplacer la LTC à droite. Il se compose de trois modules: image, texte et boutons. J’utiliserai le même fond, le même texte et les mêmes boutons et je le recréerai avec un seul module ruban Divi. Voici les résultats de l’utilisation du ruban Divi. J’ai ajouté des images, du texte de titre et du corps pour correspondre au contenu original. J’ajoute également le ruban aux coins, déplace les boutons au centre et utilise la couleur de la bordure dans l’arrière – plan du ruban. Le texte original utilise l’image dans la colonne. Je l’ai supprimé et j’ai ajouté l’image au module, mais les deux sont OK.
Je n’ai pas inclus l’image d’onde (onde triangulaire), mais elle peut être facilement ajoutée à la zone de contenu. Vous devez également déplacer le titre vers la zone de contenu de sorte que l’image apparaisse au – dessus du titre. La bande vendue le rend encore plus visible. Dernier ruban du projet Pour ce faire, j’ai remplacé une image par le module Divi Ribbon et j’ai ajouté un ruban de pleine largeur comme CTA pour voir
Le dernier projet. La bande a des images de fond et des caractères dans la disposition. Les ombres de boîte sont par défaut. J’ai cliqué sur le texte. Bande d’action du produit Dans cet exemple, j’a i ajouté un module de ruban Divi à la section Heroes de la page de stockage de la mise en page de la compagnie de cuir. En utilisant l’image dans la mise en page, j’ai remplacé le CTA de vente standard. Le ruban et les boutons utilisent les couleurs de mise en page. J’ai déplacé la bande dans le coin inférieur droit et j’ai retiré l’extrémité de la bande. C’est une partie professionnelle. Je suis heureux de voir qu’il fonctionne bien dans son domaine d’expertise. De nombreux modules tiers ne sont pas toujours compatibles avec ces sections. Vous pouvez acheter le module Divi Ribbon pour 11 $sur le site Web du développeur pour un usage personnel ou commercial sur un seul site Web. Vous pouvez également tester le plug – in avant de l’acheter pour voir s’il répond à vos besoins. Un lien vers le plug – in de test se trouve sur la page de vente du développeur. Il vous donne un accès complet à Divi Builder et plug – ins afin que vous puissiez les modéliser selon vos préférences. Je suggère qu’on essaie. Le module Divi Ribbon est un module intéressant pour Divi Builder. Il comprend plusieurs emplacements pour ajouter des images, et vous pouvez inclure des titres, du contenu, des icônes et des boutons. Avec toutes ces fonctionnalités, il fonctionne bien comme un slogan, un appel à l’action, des liens vers des produits, des liens vers des blogs, etc. Sur cette base, ajoutez un ruban stylisé pour attirer l’attention des vendeurs ou d’autres CTA, et ce plug – in offre des options de style qui sont difficiles à mettre en œuvre avec un seul module. Le module Divi Ribbon fonctionne très bien avec Visual Builder et Theme Builder. C’est un bon plug – in, facile à recommander. Nous aimerions avoir votre avis. Avez – vous déjà essayé le module Divi Ribbon? Veuillez nous faire part de votre expérience dans vos commentaires. Des images en vedette sont disponibles via foxys Graphic \ shutterstock. Com