fbpx

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

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 :

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