Comment créer des clips de héros spectaculaires en utilisant Divi

Le Directeur d’une entreprise. Cependant, vous pouvez également utiliser le module Blurb dans la section héros. Ces modules promotionnels sont parfaits si vous souhaitez partager immédiatement votre offre de vente unique pour votre produit ou service. De plus, vous pouvez choisir d’inclure ou non une invitation à agir immédiatement. Dans notre exemple, ces appels d’action sont intégrés dans le module Blurb.
Pour compléter et équilibrer le contenu écrit que vous fournissez, nous vous recommandons d’utiliser une image de produit propre comme image de fond de la section héros. Vous voulez que votre image de héros soit aussi qualitative et auto – explicative que possible, sans impliquer toute la partie du héros. Comment utiliser Divi pour créer de merveilleux clips de héros Abonnez – vous à notre canal YouTube Recréez l’exemple en utilisant Divi maintenant que nous avons surmonté les obstacles théoriques, il est temps de commencer à le recréer. Tout d’abord, vous devez sélectionner le Centre comme style de titre en allant au tableau de bord WordPress > personnaliser > en – tête & Navigation > format d’en – tête >, puis sélectionner le Centre comme style de titre. Ensuite, les paramètres de la barre de menu principale, Retournez à l’en – tête et à la navigation > barre de menu principale > et faites les changements suivants: hauteur du menu: 211px hauteur maximale du logo: 100 Px taille du texte: 16 lettres Espacement: 2 caractères: style de police clair: couleur du texte en majuscules: # FFFFFF active Link color: # ffffffff Background color: rgba (255255255,0) drop – down Background color: rgba (255255255,0) Une fois terminé, ajoutez une nouvelle section, ajoutez une nouvelle page, activez Divi Builder, activez Visual Builder et ajoutez une nouvelle section standard.
Cette section utilise l’arrière – plan de gradient suivant: première couleur: # e2e2e2 deuxième couleur: rgba (255255255,0) type de gradient: direction de gradient linéaire: 180 degrés position de départ
Ne: 25px header text color: # FFFFFF header Line height: 1.5 em Paramètres du corps la Sous – catégorie du corps nécessite les modifications suivantes: police du corps: police du corps de couleur claire taille de la police: 13px couleur du corps: # FFFFFF Ensuite, utilisez 300 Px comme largeur du contenu. Enfin, utilisez les marges et le remplissage suivants pour le module Blurb: marge supérieure: – 50 Px (bureau), 0 Px (tablette et téléphone mobile) Marge supérieure: 100 Px marge droite: 10 Px marge inférieure: 30 Px marge gauche: 10 px Cloner le module Blurb et le placer dans la deuxième colonne continuer à cloner le module Blurb précédemment créé et le placer dans une autre colonne. Changez la couleur de fond dans ce module Blurb cloné, vous devez d’abord changer la couleur de fond. Changez – le en \
Ajout: Ajoutez les nouvelles options d’ombrage de boîte de Divi aux lignes les plus récentes et vous pouvez maintenant ajouter des ombres de boîte aux lignes, modules et sections. Dans ce cas, nous ajouterons une ombre de cadre à la ligne. Cela aidera à créer une certaine profondeur et soulignera le contenu écrit de notre section héroïque. Position horizontale de l’ombre du cadre: – 3px position verticale de l’ombre du cadre: 31px intensité du flou de l’ombre du cadre: 79 Px force de diffusion de l’ombre du cadre: – 4px couleur de l’ombre: # 424242 position de l’ombre du cadre: ombre extérieure Les résultats nous permettent d’arriver rapidement à un autre résultat que vous devriez être en mesure d’obtenir sur votre bureau après avoir complété ce post: Sur son portable: Dans cet article, nous vous montrons les différentes approches de la section héros. Nous vous avons donné quelques conseils et les avons résolus, vous montrant comment recréer un exemple
J’ai réalisé Divi à l’avance. Si vous avez des questions ou des suggestions; Assurez – vous de laisser un commentaire dans la section commentaires ci – dessous! Assurez – vous de vous abonner à notre newsletter et à YouTube Channel afin que vous ne manquiez pas de belles annonces, des conseils utiles ou des cadeaux Divi! Image surlignée d’ellagrin \/ shutterstock. Com