Créer un entête (header) avec un menu et un bouton "Call to action" | Tutoriel WordPress Divi
ฝัง
- เผยแพร่เมื่อ 16 ก.ย. 2024
- Comment créer un header menu WordPress efficace ?
Dans ce tutoriel Divi Alpa14, je vous explique comment réaliser un header avec un menu et un bouton d'appel à l'action (call to action). Un bouton peut être intéressant car il met vraiment en évidence un lien important plutôt que de le placer en tant que page dans un menu.
Pour cet exercice nous utiliserons le Thème Builder du Divi Visual Builder et nous créerons ensemble un entête (header) global qui se retrouvera automatiquement sur toutes les pages du site WordPress.
Bon tuto Divi à toutes et à tous !
𝗟𝗜𝗘𝗡𝗦 𝗘́𝗩𝗢𝗤𝗨𝗘́𝗦 𝗗𝗔𝗡𝗦 𝗟𝗔 𝗩𝗜𝗗𝗘́𝗢 : 🔍
👁️ Divi, le super thème et Visual Builder pour WordPress :
𝗗𝗲𝗽𝘂𝗶𝘀 𝗹𝗮 𝗽𝗮𝗿𝘂𝘁𝗶𝗼𝗻 𝗱𝗲 𝗰𝗲𝘁𝘁𝗲 𝘃𝗶𝗱𝗲́𝗼, 𝗹𝗮 𝗽𝗼𝗹𝗶𝘁𝗶𝗾𝘂𝗲 𝗱'𝗘𝗹𝗲𝗴𝗮𝗻𝘁 𝗧𝗵𝗲𝗺𝗲 𝗮 𝗰𝗵𝗮𝗻𝗴𝗲́ 𝗲𝘁 𝗹𝗮 𝗿𝗲́𝗱𝘂𝗰𝘁𝗶𝗼𝗻 𝗱𝗲 𝗗𝗶𝘃𝗶 𝗱𝗲 -𝟮𝟬 % 𝗻'𝗲𝘀𝘁 𝗽𝗹𝘂𝘀 𝗱𝗶𝘀𝗽𝗼𝗻𝗶𝗯𝗹𝗲. 𝗘𝗹𝗹𝗲 𝗲𝘀𝘁 𝗽𝗮𝘀𝘀𝗲́𝗲 𝗮̀ -𝟭𝟬% 𝗰𝗲 𝗾𝘂𝗶 𝗿𝗲𝘀𝘁𝗲 𝘁𝗼𝘂𝗷𝗼𝘂𝗿𝘀 𝗶𝗻𝘁𝗲́𝗿𝗲𝘀𝘀𝗮𝗻𝘁 😉
➡️ bit.ly/Divi-Pr... -10% sur votre licence ! 💗
➡️ bit.ly/divi-cl... Divi lien classique
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖
𝗥𝗘𝗖𝗢𝗠𝗠𝗔𝗡𝗗𝗔𝗧𝗜𝗢𝗡𝗦 𝗘𝗧 𝗕𝗢𝗡𝗦 𝗣𝗟𝗔𝗡𝗦 𝗔𝗟𝗣𝗔 𝟭𝟰 : 👍
👁️ Formation WordPress Divi Webmyday, finançable jusqu’à 100% par les budgets de formation.
➡️ www.alpa14.com... -𝟭𝟬% avec le code promo 𝗔𝗟𝗣𝗔𝟭𝟰 💗
👁️ o2switch : 1 super hébergeur pour votre site WordPress, à 5€HT/mois en illimité
➡️ bit.ly/link-o2...
👁️ Hostinger : l’hébergeur de qualité aux tarifs compétitifs.
-7% sur toutes les formules avec le code ALPA14 💗
➡️ www.hostinger....
👁️ Divi Supreme, le super plugin qui décuple la puissance de Divi
➡️ bit.ly/divi-su... -10% sur votre licence, avec le code promo Alpa14 💗
👁️ Amelia : le plugin de bookink (Prise de rendez-vous et réservations) avec modules Divi ! -10% avec le code Promo "E96DB94C" ! 💗
➡️ bit.ly/link-am...
👁️ Canva : Collaborez et créez d'incroyables designs, le meilleur outil pour supprimer l’arrière-plan de vos images et obtenir des fonds transparents ou blancs
➡️ bit.ly/canva-p...
👁️ Presto Player : le meilleur lecteur vidéo pour votre site WordPress
➡️ bit.ly/Presto-...
👁️ ThriveCart : Placez des paniers de vente où vous voulez et déployez des tunnels de vente en quelques clics - Offre spéciale : Compte à vie, paiement unique
➡️ bit.ly/thrivec...
👁️ LearnDash : le meilleur LMS WordPress, créez et vendez vos cours sur votre site
➡️ bit.ly/LearnDa...
👁️ Semrush : la meilleure boîte à outils SEO, 14 j Gratuits (offre spéciale)
➡️ bit.ly/semrush...
👁️ Créez des vidéos marketing -25% sur les offres Invideo
➡️ bit.ly/invideo-25
👁️ Wondershare Filmora X : Le montage vidéo facile, faites jouer votre imagination !
➡️ bit.ly/wonders...
👁️ MailerLite : L'email marketing simple et efficace, 30 j Gratuits toutes options
➡️ bit.ly/mailerl...
👁️ duoLogo : Réalisez un logo pro, formule Gratuite
➡️ bit.ly/duologo-fr
👁️ Thinkific : Créez & vendez vos formations, 1 mois Gratuit en formule Pro
➡️ bit.ly/thinkif...
👁️ PIA VPN : Le VPN de qualité, protégez-vous sur Internet
➡️ bit.ly/link-pi...
👁️ Alpa14 SEOStudio : Outils SEO Alpa14 gratuits
➡️ alpa14-seo
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖
Vous aimez mon travail ? Ici, vous pouvez m'offrir un café ☕😃
➡️ bit.ly/payez-m...
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖
ALPA 14 C’EST AUSSI UN BLOG 😀
✉️ Abonnez-vous à la Newsletter pour être averti des futurs tutoriels et des nouveautés du site.
➡️ bit.ly/alpa14-...
Pour une totale transparence, la plupart des liens de cette page sont des liens affiliés, en les utilisant, vous m'offrez une commission sur la vente et votre geste sympa compensera mes nombreuses heures de travail à concevoir ce tutoriel. Merci ! 🙂🙏.
Veuillez noter que jamais vous ne paierez plus cher que directement sur le site de l'éditeur. Voire parfois moins cher 👍.
#headerdivi #headerwordpress #menudivi
Bonsoir, merci pour cette vidéo?c'est très instructif, et j'attends avec impatience vos prochains tutos..
Merci Otmane, avec plaisir !
T'es le meilleur Alain, vraiment merci !
Merci Samy, c'est gentil 😉👍
Bravo ! très utile et instructif, un grand merci !
Avec plaisir Stéphane ! 😉👍
Vos vidéos nous facilitent énormément les choses 😅.. UN IMMENCE merci !
Avec plaisir Vanessa ! 👍😉
👋 Merci pour ces explications excellemment illustrées 👍
Merci !
Vidéo top merci beaucoup !
Avec plaisir Robby 👍😉
Bonjour, merci pour ce tuto bien fait. Est-il possible de mettre dans ce bouton un lien vers le blog de mon site afin que celui-ci soit séparé du menu et décalé sur la droite comme votre bouton "nos promotions". Merci pour vos retours
Bonjour,
Oui, c'est possible, vous pouvez attribuer à ce bouton le lien que vous souhaitez.
Bonjour,
Je viens d'installer divi, avec le theme calligrapher, j'ai construit une entete global, mais impossible de la faire apparaitre.
Pourquoi ?
Merci
Bonjour,
mon menu est trop long et se met sur deux lignes, avez vous une solution ? Merci
Bonjour,
Merci pour la vidéo.
Comment fait-on pour avoir le menu theme builder dans la partie gauche ?
J'ai bien le theme divi et divi builder activé, mais je n'ai pas l'option.
Merci
Bonjour,
Vous devez revenir dans l'interface administrateur de WordPress et à gauche dans la marge sous Divi, vous avez la partie "Thème builder "
Merci pour cette vidéo ! J'ai un problème sur la version mobile et tablette. Le module menu chevauche le module bouton (j'ai mis mon call to action entre mon logo et le menu burger sur la version mobile) et de ce fait le lien du bouton ne fonctionne pas. Comment puis-je régler le problème? Merci
Bonjour,
Merci pour votre message.😊 Malheureusement, je ne peux pas répondre à tous car j'en reçois trop...
J'espère que vous pourrez trouver réponse à votre problème dans un de mes tutoriels (ou dans 1 futur).
J'espère que vous comprendrez, encore désolé. Merci de votre fidélité à la chaîne, bonne continuation 😃👍
Alain
Super vidéo ! Je fais comment pour ajouter les petits boutons panier et rechercher sur mon header ?
Merci,
Vous pourrez ajouter cela dans Divi > Personnaliseur de thème > entête et navigation
Bonjour,
Comment avez vous fait pour afficher la section de défilement de statistique en dessous de "Une Information Complete" ?
Bonjour,
Je ne vois pas ce que vous voulez dire 🤔
Bonjour
😉👋
Bonsoir, merci pour cette vidéo. Petite question, j’ai un souci au niveau du menu mobile. Sur mobile j’ai le bouton qui se superpose avec le menu ce qui fait très moyen :/
J’ai le menu qui déroule mais le menu reste visible et donc cache un morceau du menu.
As-tu une solution stp ? Merci d’avance
Bonsoir,
C'est à dire ? Le bouton est par dessus le menu déroulant ?
Quand tu quittes le thème builder normalement ca devrait marcher.
@@Alpa14 oui quand je déroule le menu il m’affiche le bouton au dessus des textes du menu
@@lavisiondungamer Essaie de voir en quittant le thème builder
@@Alpa14 même en quittant j’ai save pour voir j’ai le même souci sur mon mobile
Dans ce cas tu peux essayer de jouer sur la fonction z index qui définit la priorité des couches. Tu peux aller voir dans les paramètres du bouton ou du menu. Puis dans l'onglet "avancé " puis "poste"