Sélectionner une page


Bon sang, la nouvelle mise à jour 4.0 n’inclut pas d’en-tête Divi Transparent. Comment je fais ça?

Ce tutoriel s’inscrit dans mes deux autres articles de blog sur la personnalisation des menus et des en-têtes. Les deux autres cadeaux que j’avais étaient Dispositions d’en-tête en plein écran Divi et Diapositive Divi dans les dispositions d’en-tête de menu. Vérifiez-les si vous ne les avez jamais vues auparavant. Dans ce tutoriel, nous allons vous montrer comment vous pouvez maintenant obtenir un en-tête transparent dans le thème Divi avec la nouvelle version 4.0.

Vous êtes probablement ici parce que vous ne comprenez pas pourquoi divi a supprimé certaines des options d’en-tête dans la nouvelle mise à jour de Divi 4.0 lorsque le générateur de thèmes a été introduit. La première bonne nouvelle est qu’ils ont parlé de plus de fonctionnalités dans les prochaines mises à jour. Bien sûr, je ne sais pas combien de temps cela prendra avant que nous voyions des en-têtes solides et transparents et des changements sur le défilement, mais cela peut être un grand écart pour créer un joli en-tête Divi avec peu de travail comme il a été fait par a été fait pour moi. Il y a quelques options dont je vais discuter et quels sont les différents effets et apparences qui doivent être modifiés. La première chose que je recommanderais est de regarder la vidéo dans cet article.

Je tiens également à remercier Nelson de Pee-Aye Creative pour l’inspiration. Il a récemment publié un excellent article de blog qui vous montre comment en créer un en-tête transparent Dans le Theme Builder, j’ai essentiellement construit sur son idée et son code pour permettre à cet en-tête Divi d’être un en-tête fixe et de passer de transparent à une autre couleur lors du défilement avec une ombre de boîte. Cela rapprochera votre en-tête des fonctionnalités de Divi avant la nouvelle mise à jour 4.0.

Si vous aimez d’autres tutoriels Divi comme celui-ci, veuillez vous abonner à notre liste de newsletter pour les mises à jour, les nouveaux tutoriels et les cadeaux.

1. Allez dans Divi Builder et ajoutez un nouveau modèle pour les pages, articles, catégories, etc. corrects ou utilisez le modèle de site Web par défaut et faites-en l’en-tête global.

2. Cliquez sur le bouton Modifier pour créer notre nouvel en-tête.

3. Donnez l’apparence du nouveau titre que vous souhaitez et conservez-le dans une section. Utilisez plus de lignes si vous avez besoin d’une disposition de colonne différente.

4. Définissez l’arrière-plan de votre section sur transparent. (Vous devrez peut-être définir les lignes et les modules sur transparent même s’ils ne fonctionnent pas ensemble ou ne ressemblent pas à ce que vous souhaitez.)

5. Ajoutez un nouveau module de code.

Module de code d'en-tête transparent Divi

6. Ajoutez tout le code suivant au module de code. Copiez et collez tout, y compris les balises ouvertes et fermées

Recent Posts