Une des meilleures façons d’apprendre à utiliser Divi est de suivre de nombreux tutoriels sur ce blog. Si vous êtes intéressé à en savoir plus sur Divi et à concevoir un titre unique pour le site Divi, cet article est pour vous. Dans cet article, nous examinerons plus de 30 tutoriels utiles sur les titres Divi qui peuvent être utilisés avec Divi Theme Builder. Le tutoriel comprend des paramètres de bureau et de déplacement, ainsi que le téléchargement d’exemples de titres. Cela les rend faciles à utiliser. 1. Créer un en – tête global
Ce tutoriel décrit comment créer un titre global en utilisant Divi Theme Builder. Comprend une barre supérieure et une barre de navigation de différents styles. Montre – moi comment ajouter une barre supérieure avec un logo, une icône d’attention sociale et un bouton CTA. La barre inférieure comprend un menu de navigation et des filets qui se distinguent de votre site.
Voir le tutoriel 2. Créer un titre collant Ce tutoriel utilise la barre supérieure et la barre de navigation pour afficher la bonne structure de titre. Montre comment utiliser l’option permanente Divi pour garder le titre en haut de l’écran pendant que l’utilisateur défile. Il montre également comment changer le style d’un élément au fur et à mesure que l’utilisateur défile, ce qui donne au titre une apparence différente. Voir le tutoriel 3. Créer un titre plein écran Ce tutoriel décrit comment créer un titre personnalisé qui s’ouvre en plein écran lorsque vous cliquez sur l’icône du menu hamburger. Chaque élément de menu est un module Divi, de sorte que vous pouvez créer des liens ou des menus surdimensionnés. Avec jquery, le Code est inclus dans les tutoriels et les fichiers de téléchargement.
Voir le tutoriel 4. Créer un titre de diapositive Ce tutoriel vous montre comment créer un menu qui défile à droite lorsque vous cliquez sur l’icône du menu hamburger.
Non placé verticalement. Le titre se trouve en haut de la page des appareils mobiles.
Voir le tutoriel 10. Créer un grand menu d’affaires électroniques Ce tutoriel décrit comment créer des menus surdimensionnés créés à l’aide du module Divi. Ajouter tous les formulaires requis. Vous pouvez également inclure le module woocommerce pour faire de ce menu le meilleur choix pour les sites de commerce électronique pour présenter vos produits et catégories. Il s’agit d’un tutoriel avancé qui comprend le code dans l’article et le téléchargement de fichiers. Voir le tutoriel 11. Créer un menu déroulant Ce tutoriel vous montre comment copier le menu déroulant thème élégant en utilisant Divi Theme Builder. Il s’agit d’un menu super avancé qui contient du texte, des icônes et un CTA. Vous pouvez également ajouter plusieurs modules pour créer vos propres variantes personnalisées dans le menu et.
Voir le tutoriel 12. Afficher le titre Global lors du défilement vers le haut et masquer le titre Global lors du défilement vers le bas Cela vous montre comment créer un titre unique qui apparaît lorsque l’utilisateur fait défiler vers le haut, mais qui est caché lorsque l’utilisateur fait défiler vers le bas. Cela vous permet d’afficher plus de contenu lorsque vous faites défiler vers le bas, mais a l’avantage d’un titre collant lorsque vous faites défiler vers le haut. Voir le tutoriel 13. Créer un menu de compression de déplacement imbriqué Ce tutoriel explique comment créer des menus conçus pour les appareils mobiles. Les éléments du menu sont imbriqués. Utilisez la compression de déplacement pour le menu de navigation. Les utilisateurs peuvent facilement ouvrir ou compresser des éléments de menu sur un appareil mobile.
Voir le tutoriel 14. Animer l’en – tête global Cela vous montre comment animer les éléments de titre global afin qu’ils se distinguent et attirent l’attention. Les éléments d’animation comprennent un menu de navigation avec logo, une icône d’attention des médias sociaux et un bouton CTA. Empilage des éléments
Conservez les numéros de téléphone, les adresses électroniques et les boutons de partage social. Ce tutoriel contient CSS et jquery dans des articles et des fichiers de téléchargement. Voir le tutoriel 35. Faites passer votre logo à travers la barre de menu principale et la barre de sous – menu dans le titre Placer le logo dans la barre supérieure ou la barre de navigation semble génial, mais limite également les options de conception. Ce tutoriel vous montre comment positionner le logo à travers les deux barres de menu du titre. Le CSS de ce tutoriel est inclus dans l’article et le fichier de téléchargement. Voir le tutoriel 36. Créez un curseur de recommandation concis pour votre titre Ajouter de brèves recommandations à un titre est une excellente façon de le rendre unique, d’attirer l’attention sur votre service, d’établir la confiance et d’établir la crédibilité. Ceci est particulièrement utile pour les curseurs courts recommandés. Ce tutoriel vous montrera comment créer un curseur compact de recommandations pour le titre Divi pour afficher de brèves recommandations. Découvrez comment les tutoriels trouvent des titres Divi gratuits dans les blogs de thèmes de mode et il y a beaucoup de titres Divi gratuits dans les blogs. Il suffit de trouver \
Vos commentaires préférés.
Voir le tutoriel 2. Créer un titre collant
Voir le tutoriel 4. Créer un titre de diapositive
Non placé verticalement. Le titre se trouve en haut de la page des appareils mobiles.
Voir le tutoriel 10. Créer un grand menu d’affaires électroniques
Voir le tutoriel 12. Afficher le titre Global lors du défilement vers le haut et masquer le titre Global lors du défilement vers le bas
Voir le tutoriel 14. Animer l’en – tête global
Conservez les numéros de téléphone, les adresses électroniques et les boutons de partage social. Ce tutoriel contient CSS et jquery dans des articles et des fichiers de téléchargement. Voir le tutoriel 35. Faites passer votre logo à travers la barre de menu principale et la barre de sous – menu dans le titre
Vos commentaires préférés.