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

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 74

  • @bonne-redaction-copywriting
    @bonne-redaction-copywriting 9 місяців тому +1

    Merci beaucoup pour vos astuces et vos explications !

    • @Alpa14
      @Alpa14  9 місяців тому

      Avec plaisir 👍

  • @MARRA72
    @MARRA72 7 місяців тому +1

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

    • @Alpa14
      @Alpa14  7 місяців тому

      Merci 👍

  • @Alpa14
    @Alpa14  2 роки тому

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

  • @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 !

  • @adamelidrissi1420
    @adamelidrissi1420 4 роки тому +1

    Merci pour la qualité de vos tutos

    • @Alpa14
      @Alpa14  4 роки тому

      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 !

  • @darkvadorcod
    @darkvadorcod 4 роки тому +1

    Merci a toi tu me sauve la vie ! 👍🏻

    • @Alpa14
      @Alpa14  4 роки тому +1

      Ah, ca me fait plaisir ! Bonne chance :)

  • @agnessuillot9665
    @agnessuillot9665 3 роки тому +1

    Vraiment, bravo, et merci !

    • @Alpa14
      @Alpa14  3 роки тому

      Merci, avec plaisir Agnès 👍😊

  • @OP360communication
    @OP360communication 3 роки тому +1

    bravo et merci pour tes super tutos !

    • @Alpa14
      @Alpa14  3 роки тому

      Y a pas de quoi ! Avec plaisir 😉

  • @Johann_
    @Johann_ 2 роки тому +1

    Parfait ! Ma section hero me plait maintenant, merci !

    • @Alpa14
      @Alpa14  2 роки тому +1

      Super ! Bonne continuation 👍😉

  • @renedupont2853
    @renedupont2853 3 роки тому +1

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

    • @Alpa14
      @Alpa14  3 роки тому

      Merci à vous !

  • @nadiao.6617
    @nadiao.6617 2 роки тому +1

    Merci beaucoup, très sympa 🙏👍

    • @Alpa14
      @Alpa14  2 роки тому

      Avec plaisir Nadia ! 😃👍

  • @Kiya369
    @Kiya369 2 роки тому +1

    merci!

    • @Alpa14
      @Alpa14  2 роки тому

      Avec plaisir

  • @Forroyal1
    @Forroyal1 3 роки тому +1

    Merci infiniment

    • @Alpa14
      @Alpa14  3 роки тому

      Avec plaisir

  • @alpasc
    @alpasc 4 роки тому +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  4 роки тому +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 4 роки тому +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  4 роки тому

      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 4 роки тому +1

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

    • @colincewatchiyik.6099
      @colincewatchiyik.6099 4 роки тому

      @@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  4 роки тому

      @@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 4 роки тому +2

      @@Alpa14 Merci grand Prof

  • @pascal7428
    @pascal7428 3 роки тому +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  3 роки тому

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

    • @pascal7428
      @pascal7428 3 роки тому +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  3 роки тому

      @@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  3 роки тому +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 3 роки тому

      @@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 10 місяців тому

    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

  • @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"

  • @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. 😉

  • @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 🤩

  • @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.

  • @yaya33130
    @yaya33130 4 роки тому

    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  4 роки тому

      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 4 роки тому

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

  • @colincewatchiyik.6099
    @colincewatchiyik.6099 4 роки тому

    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  4 роки тому

      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 4 роки тому

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

  • @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 ua-cam.com/video/jT1_TQl0Wgk/v-deo.html
      Bonne continuation

  • @norbertitaliano5338
    @norbertitaliano5338 3 роки тому

    Jnai adire votre formation

  • @daniellazylen5350
    @daniellazylen5350 3 роки тому

    cost a freaking fortune, no thanks!

    • @Alpa14
      @Alpa14  3 роки тому

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