Divi Theme: Creating an Accordion Banner | WordPress Tutorial
Vložit
- čas přidán 26. 08. 2024
- 🔥 Divi Supreme Pro -20% off! Until the end of March 2023 🔥
▶️ alpa14.com/Div... Promo Code: divianniversary20
Hello to all WordPress Divi website builders! 😃
In this Divi tutorial, I'll show you how to create a great looking accordion banner for your website using the "Image Accordion" module of the Divi Supreme plugin.
The "Image Accordion" module is an extremely useful feature for creating attractive and engaging banners for your Divi website. With its many customization settings, you can create impressive visual effects and animated transitions that will make your banner stand out.
So in this video, I guide you step by step to create your own accordion banner using the "Image Accordion" module. I show you how to upload the appropriate images, optimize them to the right format, adjust the settings to create the desired accordion effect, and customize the text and links to add a professional touch to your animated banner.
If you want to create an awesome accordion banner for your Divi website, don't miss this video!
Subscribe to my channel for more tips and tricks on Divi and other website design tools.
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖➖➖ ➖
🔗 𝗥𝗘𝗖𝗢𝗠𝗠𝗔𝗡𝗗𝗔𝗧𝗜𝗢𝗡𝗦 𝗘𝗧 𝗕𝗢𝗡𝗦 𝗣𝗟𝗔𝗡𝗦 𝗔𝗟𝗣𝗔 𝟭𝟰 : 👍
👁️Divi Supreme pro, the great Divi plugin that increases the power of Visual Builder tenfold
➡️ alpa14.com/Div... -𝟭𝟬% with promo code Alpa14 💗
👁️ Divi, the great theme and Visual Builder for WordPress :
➡️ alpa14.com/Divi Divi -𝟭𝟬% on your license! 💗
👁️ Playlist of Alpa 14 tutorials 𝗗𝗶𝘃𝗶 𝗦𝘂𝗽𝗿𝗲𝗺𝗲 𝗣𝗿𝗼
➡️ • Divi Supreme
👁️ WordPress Divi Webmyday training, fundable up to 100% through training budgets.
➡️ alpa14.com/Web... -𝟭𝟬% with promo code ALPA14 💗
👁️Formation Webmyday business creation, financeable up to 100% by training budgets.
➡️ alpa14.com/fce... -𝟭𝟬% with promo code ALPA14 💗
👁️ Hostinger: the quality host with competitive rates (Shared, VPS, Cloud)
➡️ www.hostinger.... -10% on all packages with the code ALPA14 💗
👁️Payhip to create an online store or training for free 💗
➡️ alpa14.com/Payhip
👁️ Wondershare DemoCreator: The software I use to film my screen and create my Alpa14 tutorials 😉
➡️ alpa14.com/Dem...
👁️ o2switch : 1 great host for your WordPress website, at 5€HT/month unlimited
➡️ bit.ly/link-o2...
👁️ Amelia : the bookink plugin (Appointment booking and reservations) with Divi modules ! -𝟭𝟬% with the Promo code "E96DB94C"! 💗
➡️ alpa14.com/Amelia
👁️ MailerLite : The simple and effective email marketing, 30 days Free all options
➡️ bit.ly/mailerl...
👁️ Presto Player: the best video player for your WordPress site
➡️ bit.ly/Presto-...
👁️ Canva : Collaborate and create amazing designs, the best tool to remove the background of your images and get transparent or white backgrounds
➡️ bit.ly/canva-p...
👁️ LearnDash: the best WordPress LMS, create and sell your courses on your site
➡️ bit.ly/link-le...
👁️ Thinkific : Create & sell your courses, 1 month Free in Pro package
➡️ bit.ly/thinkif...
👁️ ThriveCart: Place sales carts wherever you want and deploy sales tunnels in a few clicks - Special offer: Lifetime account, one-time payment
➡️ bit.ly/thrivec...
👁️ Wondershare Filmora: Easy video editing, use your imagination!
➡️ alpa14.com/Fil...
👁️ duoLogo : Create a professional logo, Free formula
➡️ bit.ly/duologo-fr
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖➖➖ ➖
Do you like my work? Here you can buy me a coffee ☕😃
➡️ bit.ly/payez-m...
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖➖➖ ➖
🅰🅻🅿🅰 14 🅲'🅴🆂🆃 🅰🆄🆂🆂🅸 🆄🅽 🅱🅻🅾🅶 ! 😀
✉️ Sign up for the newsletter to be notified of future tutorials and 𝗼𝗯𝘁𝗲𝗻𝗲𝘇 𝘂𝗻 𝗮𝗰𝗰𝗲̀𝘀 𝗮̀ 𝗱𝗲𝘀 𝗼𝘂𝘁𝗶𝗹𝘀 𝗦𝗘𝗢 𝗴𝗿𝗮𝘁𝘂𝗶𝘁𝘀.
➡️ bit.ly/alpa14-...
For full transparency, most of the links on this page are affiliate links, by using them you are offering me a commission on the sale and your nice gesture will compensate my many hours of work designing this tutorial. Thank you 🙂🙏.
Please note that you will never pay more than directly on the publisher's website. Even sometimes cheaper 👍.
Ahhh oui c'est sublime comme présentation. Je vais voir pour tester l'accordéon sur mon site. Merci. Comme toutes les vidéos présentes sur votre chaîne, qualité parfaite et pertinence au top !!!
Merci !
Encore un grand merci, toujours aussi simple et direct.
Merci Cyrille !
Merci pour vos tutos de qualité !!
Merci de votre fidélité 👍
Merci, c'est génial !
Merci, avec plaisir 👍
Super tuto, merci. Par contre c'est une autre paire de manches pour le rendre responsive ;)
Merci 😅
Encore une viédo très interéssante, tu sais s'il y a moyen d'avoir un autre texte en amont ? C'est à dire sur le haut de l'image par exemple, avant que celle ci ne se développe, pour disparitre et laisser place à l'autre texte quand l'image complète apparait ?
merci pour ce super tuto le resultat est bluffant mais comment faire pour la version mobile ?
Merci pour ce tuto. Possible de copier-coller le contenu de la 1ʳᵉ vignette sur les autres et les modifier après ? pour gagner du temps comme copier ou étendre les styles d'élément.
Merci.
Bonjour, j'ai installé et activé l'extension mais je n'ai pas l'option disponible pour editer avec Divi dans mon onglet pages.. des idées ?
J'ai une question : cette bannière accordéon, je ne sais pas s'il conviendrait aux écrans de smartphones. Qu'en pensez-vous ? Merci beaucoup pour cette vidéo et pour vos explications.
Bonjour, je me forme à DIVI et je viens de découvrir vôtre chaine et je vous remercie pour tout c'est tuto très intéressant, si je fais un site avec le thème divi (accès à vie) et divi supreme lite pour un client dois-t 'il avoir la licence ou puis-je mettre la mienne pour mon client ?
Bonjour,
Si vous avez Divi en lifetime vous pouvez bien sûr générer autant de clés API que vous voulez pour faire autant se site web que vous souhaitez que ce soit pour vous ou vos clients 🙂👍 et avec Divi Supreme lite (qui est gratuit).
@@Alpa14 merci de votre réponse, je vais acheter divi
Merci, tuto très clair comme d'habitude ! As-tu un truc pour rendre la bannière responsive sur mobile ? Chez moi c'est pas top, ça perd tout son charme. J'envisage de masquer sur mobile et de faire un autre module.....mais comme tu es magicien, tu as peut-être plus simple et plus rapide. Merci d'avance :)
Désolée Alain, ma question était idiote ! Il suffit de mettre l'accordéon en Vertical sur affichage mobile :)
Oui, c'est une possibilité, sinon mettre peu d'image dans l'accordéon.
Salut.Pour acheter Divi suprême,faut-il de base ou c'est inclus avec ?
Il faut Divi déjà et ensuite il faut ajouter Divi Supreme
Quelle phrase étrange !…
@@Alpa14 j'utilise la licence de quelqu'un d'autre qui m'a donné la clé et son code. Est-ce que je peux prendre Divi suprême quand même ? Où dois-je acheter la licence à mon nom.
@@Alpa14 merci pour votre réponse
@@PragmaLogos Si vous avez un clé API Divi valide, oui vous pouvez installer Divi Supreme Lite ou Pro.