Télécharger la bannière de vente polyvalente gratuite de Divi

Il contient un fichier appelé sales Banner design.json. C’est le contenu que vous allez télécharger dans la Bibliothèque Divi. Allez maintenant au tableau de bord WordPress et allez à la Bibliothèque Divi > Divi. Cliquez ensuite sur le bouton importer en haut de la page. Dans la fenêtre contextuelle Portability, sélectionnez l’onglet importation et sélectionnez le fichier de conception de la Banque de vente. Json. Puis cliquez sur le bouton importer la mise en page du constructeur Divi. Maintenant, pour importer une mise en page dans une page, il suffit de créer une nouvelle page et de déployer Visual Builder. Sélectionnez ensuite sélectionner la disposition par défaut. À partir de la fenêtre contextuelle de téléchargement dans la bibliothèque, sélectionnez l’onglet mises en page que vous avez sauvegardées, puis cliquez sur la mise en page de conception de bannière de vente dans la liste. C’est tout! Pour créer une bannière de vente à partir de zéro dans Divi, ajoutez l’arrière – plan de la section démarrer et créez une nouvelle page. Après avoir spécifié un titre pour la page, déployez Visual Builder et sélectionnez l’option créer à partir de zéro. Puis ajoutez une nouvelle section avec une ligne.
Avant de commencer à ajouter n’importe quelle forme à la ligne, définissez une couleur de fond graduée pour votre section (la couleur n’a pas d’importance pour le moment. Nous avons juste besoin d’une couleur de fond pour voir tous les éléments de design blanc que nous utiliserons pour la vente du drapeau). Avant d’ajouter un module à une ligne, nous définissons la largeur personnalisée de la ligne à 700 Px et supprimeons Tout espacement supérieur ou inférieur afin que notre ligne corresponde exactement à l’autre ligne ajoutée ci – dessous. Allez aux paramètres de ligne et mettez à jour ce qui suit:
Largeur personnalisée: 700 Px largeur de la gouttière: 1 marge personnalisée: 0px en haut, 0px, remplissage personnalisé en bas: 0px en haut, 0px en bas La ligne est maintenant copiée deux fois afin qu’il y ait au total trois lignes identiques. Ce sera
N’est pas utilisé pour construire notre bannière de vente. Ajoutez un cadre de bord supérieur avec du texte adjacent pour construire notre bannière de vente, en commençant par le bord supérieur du texte de gauche. Pour ce faire, nous utiliserons le module séparateur et le module texte. Tout d’abord, créez un nouveau formulaire de texte et ajoutez quelques mots de contenu à la zone de contenu.
Contenu: \
Maintenant, ajoutez un formulaire séparateur sous le formulaire texte sur la même ligne. Puis mettre à jour les paramètres du séparateur comme suit: Couleur: rgb (255255255,0.9) Emplacement du séparateur: séparateur inférieur poids: 15px hauteur: 15px largeur: 78% (bureau), 75% (tablette), 60% (smartphone) Alignement du module: marge personnalisée droite: 0px haut, 0px bas remplissage personnalisé: 0px haut, 0px bas Bien sûr, lorsque vous Personnalisez votre conception au besoin, vous devez ajuster la largeur de la bordure en fonction de la largeur du formulaire de texte. Ensuite, nous devons ajouter un autre module de séparateur pour connecter le séparateur au bord droit de la ligne qui sera conçue plus tard.
Pour ce faire, copiez le module séparateur et mettez à jour ce qui suit: largeur: 15px marge personnalisée: – 1px en bas Ajouter un cadre Bor