LES BONS PLANS ALPA14

Thème Divi : Personnaliser le header

Alpa14 les tutoriels faciles !

Catégories

Personnaliser le header du thème Divi

Dans ce tutoriel vidéo, je vous montre comment personnaliser l’en-tête d’un site Divi.
Cet en-tête changera en scrollant, lorsque la page défile. Le logo, le menu et le fond du header changeront de couleur attirant ainsi davantage l’attention du visiteur.
Cet en-tête comprendra également un bouton d’appel à l’action incitant à davantage d’engagement.
Grâce au constructeur de thèmes (le thème Builder) du thème Divi, nous pouvons créer des en-têtes personnalisés au design poussé.
Je vous montrerai comment utiliser et paramétrer les différents éléments du header : le module image, le module menu et le module de bouton et comment modifier les paramètres lorsque vous faites défiler la page. Bien sûr, nous optimiserons notre en-tête Divi pour tous les appareils afin que l’en-tête soit parfaitement responsive.

Personnaliser l'entête d'un site WordPress Divi
Licence Divi

Débuter avec Divi

Si vous souhaitez créer un site WordPress en utilisant le Thème Divi et son constructeur de pages, je vous invite à regarder cette autre vidéo qui vous guidera pas à pas dans vos débuts.

En effet, Divi est un outil exceptionnel pour créer un site WordPress, et voici pourquoi vous devriez l’utiliser. Tout d’abord, Divi offre une interface conviviale et intuitive qui permet même aux débutants en développement web de créer des sites professionnels et attrayants. Son éditeur de glisser-déposer simplifie grandement le processus de conception, vous permettant de personnaliser facilement chaque aspect de votre site, des en-têtes et pieds de page aux mises en page et aux animations.

En outre, Divi propose une vaste collection de modèles préconçus et prêts à l’emploi, ce qui vous fait gagner un temps précieux lors de la création de votre site. Ces modèles sont entièrement personnalisables, ce qui vous permet d’adapter facilement le design à vos besoins spécifiques. De plus, Divi est entièrement responsive, ce qui signifie que votre site sera compatible avec tous les appareils et s’ajustera automatiquement à différentes tailles d’écran.

Une autre caractéristique puissante de Divi est son système de création de pages. Vous pouvez créer des mises en page personnalisées à partir de zéro ou modifier une mise en page existante en utilisant l’éditeur visuel de Divi. Cela vous donne une flexibilité totale pour concevoir un site qui correspond parfaitement à votre marque et à vos besoins.

Enfin, Divi est constamment mis à jour et offre un excellent support technique. L’équipe derrière Divi est engagée à fournir des mises à jour régulières avec de nouvelles fonctionnalités et à répondre rapidement aux questions et aux problèmes des utilisateurs.

Divi est donc un choix fantastique pour créer un site WordPress. Son interface conviviale, ses modèles prêts à l’emploi, sa compatibilité responsive et son système de création de layouts en font un outil puissant et polyvalent pour les débutants comme pour les professionnels du développement web.

Divi : les bases
Divi
Hostinger hébergement web
o2switch l'hébergeur d'excellence 100% français - -10%

Vous serez peut-être intéressé par les articles suivants :

Ajouter une bannière WordPress « Hero Image » optimisée ⏱️

Ajouter une bannière WordPress « Hero Image » optimisée ⏱️

Dans ce tutoriel Divi WordPress, je vous montre où trouver une image de qualité gratuite pour un usage commercial, je vous montre également comment la choisir et l’optimiser au bon format. Je vous apprends ensuite comment designer ce bandeau large « Hero Image » grâce au Divi Visual Builder du thème Divi de la société Elegant Themes.

lire plus
Tutoriel Divi : Inverser les colonnes selon la vue

Tutoriel Divi : Inverser les colonnes selon la vue

En vue ordinateur un site web peut avoir un design avantageux mais peut être moins en vue mobile du fait des colonnes d’une rangée qui passent les unes sous les autres.
On peut alors se trouver avec une suite d’éléments non souhaitée avec par exemple 2 textes ou 2 images à la suite.

lire plus
Un menu hamburger 🍔 en vue ordinateur : site WordPress Divi

Un menu hamburger 🍔 en vue ordinateur : site WordPress Divi

Sur Internet, le terme de “hamburger menu” désigne un menu de navigation utilisé sur les sites mobiles par souci  de gain de place et d’ergonomie, la largeur de l’écran étant restreinte pour conserver un menu classique. Sur ces périphériques mobiles, on masque alors le menu derrière un bouton à 3 petits traits ressemblant à un hamburger.

lire plus