Faire une bannière pro pour votre site WordPress avec Divi (Hero image header) | Tutoriel débutant

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ต.ค. 2024

ความคิดเห็น • 74

  • @bonne-redaction-copywriting
    @bonne-redaction-copywriting 7 หลายเดือนก่อน +1

    Merci beaucoup pour vos astuces et vos explications !

    • @Alpa14
      @Alpa14  7 หลายเดือนก่อน

      Avec plaisir 👍

  • @MARRA72
    @MARRA72 5 หลายเดือนก่อน +1

    super rien à dire. lesson claire, precise, intuitives, chapeau bas 👏👏👏

    • @Alpa14
      @Alpa14  5 หลายเดือนก่อน

      Merci 👍

  • @carinecuvillier9988
    @carinecuvillier9988 ปีที่แล้ว +1

    Excellent effet pour cette page boutique !!! Merci pour les astuces.

    • @Alpa14
      @Alpa14  ปีที่แล้ว

      Avec plaisir 👍

  • @amelielecossec1465
    @amelielecossec1465 2 ปีที่แล้ว +1

    Merci beaucoup pour votre tuto !!

    • @Alpa14
      @Alpa14  2 ปีที่แล้ว

      De rien, avec plaisir Amélie 👍😊

  • @wembocharlie9691
    @wembocharlie9691 3 ปีที่แล้ว +1

    Je tiens à vous remercier pour vos formations qui m'ont beaucoup aider

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      De rien ;) Avec plaisir !

  • @Alpa14
    @Alpa14  2 ปีที่แล้ว

    𝗔𝗯𝗼𝗻𝗻𝗲𝘇-𝘃𝗼𝘂𝘀 𝗮̀ 𝗹𝗮 𝗰𝗵𝗮𝗶̂𝗻𝗲 🅰🅻🅿🅰14
    𝗽𝗼𝘂𝗿 𝗲̂𝘁𝗿𝗲 𝗶𝗻𝗳𝗼𝗿𝗺𝗲́ 𝗱𝗲𝘀 𝗻𝗼𝘂𝘃𝗲𝗹𝗹𝗲𝘀 𝘃𝗶𝗱𝗲́𝗼𝘀.
    ➡️ bit.ly/Alpa14-TH-cam
    Activez la 🔔 et vous recevrez une notification lorsque je publierai 1 nouveau tutoriel. 😉

  • @adamelidrissi1420
    @adamelidrissi1420 3 ปีที่แล้ว +1

    Merci pour la qualité de vos tutos

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Merci Adam ! 😊👍

  • @odilesicard3349
    @odilesicard3349 3 ปีที่แล้ว +1

    Merci beaucoup pour ce tuto très clair et efficace pour les débutants.

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Avec plaisir Odile !

  • @Johann_
    @Johann_ 2 ปีที่แล้ว +1

    Parfait ! Ma section hero me plait maintenant, merci !

    • @Alpa14
      @Alpa14  2 ปีที่แล้ว +1

      Super ! Bonne continuation 👍😉

  • @darkvadorcod
    @darkvadorcod 3 ปีที่แล้ว +1

    Merci a toi tu me sauve la vie ! 👍🏻

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว +1

      Ah, ca me fait plaisir ! Bonne chance :)

  • @OP360communication
    @OP360communication 3 ปีที่แล้ว +1

    bravo et merci pour tes super tutos !

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Y a pas de quoi ! Avec plaisir 😉

  • @agnessuillot9665
    @agnessuillot9665 3 ปีที่แล้ว +1

    Vraiment, bravo, et merci !

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Merci, avec plaisir Agnès 👍😊

  • @nadiao.6617
    @nadiao.6617 ปีที่แล้ว +1

    Merci beaucoup, très sympa 🙏👍

    • @Alpa14
      @Alpa14  ปีที่แล้ว

      Avec plaisir Nadia ! 😃👍

  • @Forroyal1
    @Forroyal1 3 ปีที่แล้ว +1

    Merci infiniment

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Avec plaisir

  • @Kiya369
    @Kiya369 ปีที่แล้ว +1

    merci!

    • @Alpa14
      @Alpa14  ปีที่แล้ว

      Avec plaisir

  • @renedupont2853
    @renedupont2853 3 ปีที่แล้ว +1

    Super vidéo très bien expliquée, merci !

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Merci à vous !

  • @phonepcclinic
    @phonepcclinic ปีที่แล้ว +1

    Merci ALPA 14 pour ce tuto, franchement je suis très satisfait, j'ai appris beaucoup de choses, je suis ancien FAN de HTML que j'ai appris en 1999 et depuis j'ai abandonné le Webmastering, de la bel époque, aujourd'hui je suis revenu au développement de nouveau grâce à tes super tutos qui me mets à jours et de rattraper énormément des choses que j'ai manqué, mais je te jure si tu vends tes tutos je suis le premier acheteur, bravo Professeur.
    Alors ma question: Pour créer une bannière (HERO IMG) en plein largeur, si je télécharge une IMG 1920X1080 ou je crée n'importe quel IMAGE 1920X900 ou n'importe quel format, En fait dès que je choisi sur (FOND, IMG DE FOND) tout en supprimant la couleur de l’arrière plan, l'image est automatiquement FLOUE??? Je m'en sort pas tu pourras me donner un conseil?❤

    • @Alpa14
      @Alpa14  ปีที่แล้ว

      Bonjour,
      La compression jpg est peut-être trop forte.
      Essayez de réduire. Sinon utilisez plutôt le format webP meilleur rapport compression/poids. Vous pouvez optimiser et convertir votre format sur photopea.com un éditeur d'image en ligne gratuit et performant. 😉

  • @alpasc
    @alpasc 3 ปีที่แล้ว +1

    Bonjour ! Merci pour cette video qui donne des idées ! Est ce que je peux vous demander quelle banque d'images vous utilisez?
    Et vous ne parlez pas d optimisation de la vitesse d affichage notamment en modifiant le poids des images... est ce que vous avez un outil à conseiller ?
    Bonne journée !

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว +1

      Bonjour Aline,
      Merci!
      Pour la banque d'images j'ai un abonnement chez www.freepik.com
      Alors oui c'est vrai que pour une image de cette taille il va falloir l'optimiser. Il existe un site sympa qui peut le faire un ligne tinypng.com/
      Sinon j'utilise un plugin WP qui le fait directement, il est gratuit, simple et bien :
      fr.wordpress.org/plugins/robin-image-optimizer/
      Bon courage ;)

  • @colincewatchiyik.6099
    @colincewatchiyik.6099 3 ปีที่แล้ว +2

    Bonsoir, je voudrais savoir comment avoir Wordpress en local et y installer Divi pour un travail en local avant de le charger par ftp ou autre methode sur mon server, Merci a vous pour toutes vos tutos ils me fonts devenir tres pro en WebBuilder Merci encore et bientot je vais acheter ma licence Divi à vie, sous votre lien.
    je suis au cameroun et c'est un peu difficile ici de faire des achats depuis les USA. ok bien a vous Alain

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Bonjour,
      Vous pouvez utiliser le logiciel Loval
      localwp.com/ Tout est simple et automatisé.
      Une fois que votre site WP fonctionnera, vous pourrez installer Divi comme si votre site était en ligne :)
      Bonne soirée
      PS/ N'oubliez pas de vous abonner à la chaîne si ce n'est pas déjà fait pour ne rien rater des tutos Divi à venir

    • @colincewatchiyik.6099
      @colincewatchiyik.6099 3 ปีที่แล้ว +1

      @@Alpa14 Merci beaucoup je suis abonné depuis quelques semaines et merci encore pour vos tutos.

    • @colincewatchiyik.6099
      @colincewatchiyik.6099 3 ปีที่แล้ว

      @@Alpa14 Et dit moi stp je voudrais une bonne reduction sur la Licence à vie de Divi stp a moin de 100mill franc CFA!!!

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      @@colincewatchiyik.6099 Bonjour,
      Désolé ce n'est pas moi qui fixe les prix 😀. La seule chose que je puisse faire c'est de vous faire profiter d'un lien vous offrant 20% de réduction.
      bit.ly/divi-20off
      Bon courage 👋

    • @colincewatchiyik.6099
      @colincewatchiyik.6099 3 ปีที่แล้ว +2

      @@Alpa14 Merci grand Prof

  • @dehenthugo8658
    @dehenthugo8658 3 ปีที่แล้ว +1

    Bonjour, super explication !
    J'aimerais vous poser une question qui n'a rien à voir, j'ai créé des galeries de sorte à avoir des diapos, mais j'aimerais que les coins soient arrondis, pour cela j'ai rentré ce script :
    .gallerie_restauration
    {
    position:relative;
    height:400px;
    overflow:hidden;
    display:flex;
    flex-direction: column ;
    justify-content: center;
    }
    Dans le CSS général de DIVI, mais cela ne fonctionne pas, auriez-vous une solution ?
    Merci Beaucoup !

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Bonjour Hugo,
      Merci :)
      Si vous utilisez le module galerie de DIVI pas besoin d'ajouter du code pour obtenir des angles arrondis de vos diapos.
      Dans les paramètres du module, vous allez sur l'onglet Style et dans Image vous pouvez utiliser la fonction "Image rectangle arrondi"

  • @session1veroyogaregulier304
    @session1veroyogaregulier304 3 ปีที่แล้ว

    Bonjour Alain! C'est vraiment beau les bannières, mais comment rendre ça responsive avec DIvi? Merci pour vos super tutos, comme d'habitude!

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Bonsoir,
      Merci Véronique 🤩
      Mais c'est responsive avec Divi.
      Il suffit juste une fois votre bannière réalisée en mode ordinateur de vérifier la vue mobile et de faire qqs petits ajustements (taille polices etc) qui seront valables que pour cette vue.

    • @session1veroyogaregulier607
      @session1veroyogaregulier607 3 ปีที่แล้ว +1

      @@Alpa14 Ma photo de fond de bannière en est une de moi et en version mobile, on voit seulement mon bras. Est-ce que je peux carrément mettre une photo différente en version mobile ? Merci d'avance pour votre attention et votre temps.

  • @pascal7428
    @pascal7428 2 ปีที่แล้ว +1

    Formation super intéressante pour un débutant comme moi, cependant DIVI permet-il d'insérer un formulaire d'inscription avec un mot de passe de connexion ? faut-il ajouter un pluggin wordpress ? avez vous fait un tuto pour integrer un formulaire d'inscription et de connexion ? Merci d'avance

    • @Alpa14
      @Alpa14  2 ปีที่แล้ว

      Bonjour Pascal,
      C'est dans cadre d'1 site de formation ?

    • @pascal7428
      @pascal7428 2 ปีที่แล้ว +1

      @@Alpa14 Bonjour Alain. Non pas du tout je veux creer mon site pro avec DIVI et j'ai trouvé vos tutos super pédagogique. Je me suis d'ailleurs abonné. Par contre il y a bcp de tutos pour des formulaires de contact mais un formulaire d'inscription (ou d'abonnement) avec un accès protégé par mot de passe je n'ai pas trouvé. Si vous avez un lien pour prendre DIVI je le ferais avec plaisir si cela vous apporte quelque chose.

    • @Alpa14
      @Alpa14  2 ปีที่แล้ว

      @@pascal7428 Bonsoir Pascal,
      Merci ! ;)
      Si vous souhaitez avoir un formulaire d'inscriptions où les visiteurs entrent leurs identifiants et accèdent à leur espace membre, il vous faut un plugin comme par exemple MemberPress memberpress.com/ qui fonctionne bien avec Divi. Je n'ai pas fait de tutoriels sur le sujet pour le moment, mais je mets ca sur ma liste. Sinon vous devriez trouver des tutos sur le sujet.
      Si vous n'avez pas encore Divi et que vous souhaitez l'acheter, oui ce serait très gentil de passer par mon lien affilié bit.ly/divi-20off vous pourrez ainsi aussi bénéficier d'une réduction de 20%
      Bonne continuation

    • @Alpa14
      @Alpa14  2 ปีที่แล้ว +1

      @@pascal7428 Sinon vous pouvez aussi essayer ce plugin ci qui me semble-t-il est gratuit fr.wordpress.org/plugins/paid-member-subscriptions/

    • @pascal7428
      @pascal7428 2 ปีที่แล้ว

      @@Alpa14 cela aurait ete un plaisir mais apparement ma banque refuse les reglements en dollars et rejette mon paiement :( car DIVI se regle en dollars....) il faut que j'attende lundi

  • @meganeqtcoach
    @meganeqtcoach 8 หลายเดือนก่อน

    Bonsoir,
    Pouvez vous m'indiquer comment changer la couleur du texte dans la barre de menu (lorsque la souris est dessus) ? car mon texte à une couleur différente. Merci

  • @arkachmel
    @arkachmel 3 ปีที่แล้ว

    Bonjour. Vos tuto sont supers ! Vous êtes très pédagogue. Merci.
    J'ai mis une bannière avec Divi mais elle prend trop de place ne hauteur. Je n'ai pas trouvé comment réduire la hauteur de ma bannière sans toucher à ma largeur.
    Merci d'avance pour votre aide.

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว +1

      Bonjour,
      Merci 😊
      Si vous trouvez que votre bannière est trop haute c'est que peut dans l'onglet Style du module et dans Modele vous avez choisi l'option plein écran.
      Vous pouvez peut désactiver cette option et jouer sur les marges internes dans Espacement pour avoir la hauteur voulue.

    • @arkachmel
      @arkachmel 3 ปีที่แล้ว +1

      @@Alpa14 merci beaucoup pour votre aide. En plus vous répondez à nos questions. Quel bonheur.
      Svp N'arrêtez pas vos tutos sur Divi. Ils sont top !
      J'attends avec impatience les suivants 👍

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      @@arkachmel Merci 🤩

  • @colincewatchiyik.6099
    @colincewatchiyik.6099 3 ปีที่แล้ว

    Bonjour Alain, s'il te plait je voudrais integré un tchat sur mon site web comment le faire avec wp et Divi. merci de ton aide!!!!

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Bonjour,
      Tu trouveras quelques informations ici :
      www.elegantthemes.com/blog/tips-tricks/how-to-add-a-chat-bot-to-your-wordpress-website-in-3-steps

    • @colincewatchiyik.6099
      @colincewatchiyik.6099 3 ปีที่แล้ว

      @@Alpa14 Merci beaucoup je jette un oeil desus s'il te plait

  • @yaya33130
    @yaya33130 3 ปีที่แล้ว

    Bonjour merci pour la vidéo j'ai un soucis en mode mobile le bouton du milieu se retrouve en bas sur la section du dessous

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      Bonsoir,
      Hmm... Curieux, pouvez-vous vérifier qd vous êtes en mode mobile si vous n'avez pas ajouter de la marge (onglet style /espacement) dans les paramétrages de la section ou dans les paramétrages de l'entête plein écran.

    • @yaya33130
      @yaya33130 3 ปีที่แล้ว

      @@Alpa14 Je viens de vérifier il ya pas de marge dans toute les section c'est effectivement bizarre

  • @Jinyne
    @Jinyne 2 ปีที่แล้ว

    mais faut telecharger divi?

    • @Alpa14
      @Alpa14  2 ปีที่แล้ว

      Bonjour,
      Oui, une fois que vous aurez acheté votre licence
      -10% par ce lien alpa14.com/Divi
      Vous devrez télécharger Divi pour l'installer (Thème + Visual Builder). Cette vidéo vous guidera th-cam.com/video/jT1_TQl0Wgk/w-d-xo.html
      Bonne continuation

  • @norbertitaliano5338
    @norbertitaliano5338 3 ปีที่แล้ว

    Jnai adire votre formation

    • @Alpa14
      @Alpa14  3 ปีที่แล้ว

      ?

  • @daniellazylen5350
    @daniellazylen5350 2 ปีที่แล้ว

    cost a freaking fortune, no thanks!

    • @Alpa14
      @Alpa14  2 ปีที่แล้ว

      If you do it yourself with Divi much cheaper than a webdesign agency 😉