Découvrez les bons plans & les réductions Alpa14

Créez un bel entête de page (header) pour vos pages WordPress avec Divi Thème builder

Alpa14 les tutoriels faciles !

Catégories

Vous souhaitez faire facilement un header de page WordPress personnalisé pour les pages de votre site web WordPress ?

Dans cette vidéo, je vous explique pas à pas comment réaliser cet entête avec le Divi Thème Builder. Vous pourrez ainsi retrouver automatiquement ce nouvel header sur toutes vos nouvelles pages WordPress créées :)

Je vous explique également comment placer votre logo et comment designer votre menu ainsi que les icônes liées aux pages de vos réseaux sociaux.

*Code CSS utilisé pour laisser alignés les 3 modules de la rangée sous périphériques mobiles : display: flex;

*Code CSS utilisé pour garder la section entête fixe en cas de scroll vers le bas :

position: fixed;
top: 0;
left: 0;
right: 0;

Thinkific un mois gratuit
.
Semrush le meilleur outil SEO

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

Créer un en-tête plein écran avec Divi

Créer un en-tête plein écran avec Divi

Dans ce tutoriel, je  vous montre étape par étape comment créer un en-tête plein écran époustouflant en utilisant le puissant Divi Visual Builder. Nous commencerons par trouver une image de qualité professionnelle sur Pixabay, puis nous l’optimiserons pour le web avec Photopea avant de plonger dans la conception de notre en-tête.

lire plus
Thème Divi : Personnaliser le header

Thème Divi : Personnaliser le header

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é.

lire plus