10 Divi Tips to Know for Creating a Website with the Visual Builder
ฝัง
- เผยแพร่เมื่อ 1 ส.ค. 2024
- In this Divi tutorial Alpa14, we explore 10 useful tips to optimize the use of the Visual Builder and make the most of Divi's potential. Whether you are a passionate web designer or simply looking to enhance your website, these tips might be able to assist you.
Elegant Themes' Divi theme is the most popular WordPress theme globally, but it's more than just a WordPress theme. It's a web page builder that enables you to easily and visually construct WordPress pages using the Divi Visual Builder.
🔥Divi: The Theme + its site builder.
➡️ alpa14.com/Divi -10% 💗
⏰CHAPTERS⏰
0:00:00 Introduction
0:01:12 1. Moving the Divi Visual Builder toolbar
0:02:13 2. Creating a "landing page" layout (Without a header or footer)
0:05:43 3. Saving a page from one site and moving it to another
0:07:40 4. Divi Presets
0:10:42 5. Extending a style
0:12:22 6. Hover image filter effect
0:14:28 7. Hover image zoom effect
0:15:45 8. Adjusting the image background for mobile view (responsive web design)
0:17:34 9. Divi Visibility Function (disable function)
0:19:52 10. Vertically centering Divi modules in a row
0:21:45 Conclusion
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖➖➖ ➖
🔗 𝗥𝗘𝗖𝗢𝗠𝗠𝗘𝗡𝗗𝗘𝗗 𝗔𝗡𝗗 𝗕𝗢𝗡𝗨𝗦 𝗣𝗟𝗔𝗡𝗦 𝗔𝗟𝗣𝗔 𝟭𝟰 : 👍
WORDPRESS | CREATE A PROFESSIONAL WEBSITE
👁️Divi Supreme Pro, the ultimate Divi plugin that enhances the power of the Visual Builder.
➡️ alpa14.com/Divisupreme -10% with promo code Alpa14 💗
WEB HOSTING
👁️ Hostinger: Quality hosting at competitive rates (Shared, VPS, Cloud)
➡️ www.hostinger.com/alpa14 -10% on all plans with code ALPA14 💗
👁️ o2switch: A superb hosting solution for your WordPress site, starting at €5/month for unlimited.
➡️ bit.ly/link-o2switch
RECOMMENDED COURSES
🔥🔥🔥 alpa14.com/formations-webmyday -10% 💗 with promo code ALPA14 on all Webmyday courses. 🔥🔥🔥
👁️ Webmyday WordPress Divi Course, fundable up to 100% by training budgets.
Presentation Video ➡️ • Formation WordPress él...
👁️ Video: Webmyday Course: Starting a Business | Launch Your Business with Confidence (CPF, Pôle emploi, etc.) ➡️ • Comment créer son entr...
👁️ Video: Webmyday Course: Becoming a Graphic Designer | Acquire Strong Foundations to Start Confidently (CPF, Pôle emploi, etc.) ➡️ • Créer une formation en...
👁️ Video: Webmyday SEO Course | Become an SEO Pro and Reach the Summit of Google! (CPF, Pôle emploi, etc.) ➡️ • Formation SEO : Appren...
CREATE AND SELL COURSES
👁️ Thinkific: Create and sell your courses, 1 month free in Pro plan
➡️ bit.ly/thinkific-omf
👁️ Payhip to create an online store or a course for free 💗
➡️ alpa14.com/Payhip
👁️ LearnDash: The best WordPress LMS, create and sell your courses on your site
➡️ bit.ly/link-learndash
VIDEO / VIDEO EDITING
👁️ Wondershare DemoCreator: The software I use to record my screen and create my Alpa14 tutorials 😉
➡️ alpa14.com/Democreator
👁️ Wondershare Filmora: Easy video editing, let your imagination run wild!
➡️ alpa14.com/Filmora
👁️ Presto Player: The best video player for your WordPress site
➡️ bit.ly/Presto-Player
VARIOUS
👁️ MailerLite: Simple and effective email marketing, 30-day free trial with all options
➡️ alpa14.com/mailerlite
👁️ Amelia: Booking plugin (Appointment scheduling and reservations) with Divi modules! -10% with promo code "E96DB94C"! 💗
➡️ alpa14.com/Amelia
👁️ Canva: Collaborate and create amazing designs, the best tool to remove the background from your images and obtain transparent or white backgrounds
➡️ bit.ly/canva-pro-link
👁️ ThriveCart: Place sales carts wherever you want and set up sales funnels in a few clicks - Special offer: Lifetime account, one-time payment
➡️ bit.ly/thrivecart-link
👁️ duoLogo: Create a professional logo, Free plan available
➡️ bit.ly/duologo-fr
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖➖➖ ➖
If you like my work, you can buy me a coffee ☕ Thank you!
➡️ bit.ly/buy-me-1-coffee
➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖ ➖➖ ➖➖➖ ➖
🅰🅻🅿🅰 14 🅲’🅴🆂🆃 🅰🆄🆂🆂🅸 🆄🅽 🅱🅻🅾🅶 ! 😀
#divitutorial #WordPress #createawebsite
🔥Divi : Le Thème + son constructeur de site : le Visual Builder.
➡️ alpa14.com/Divi -10% 💗
Je découvre cette chaîne aujourd'hui, quelle mine d'or ! et tellement plus accessible que les tutos officiels ^^'
Ça fait un moment qu'on a créé notre site sur WP avec Divi, et avec le temps je me débrouille - je crois - pas trop mal... mais qu'est-ce que je peux gagner en efficacité et précision ! Merci beaucoup 🌸
10 astuces salvatrices !
Top ! Merci beaucoup
Merci Vincent, avec plaisir 👍😀
Génial Merci ! Je connaissait certaines astuces et j'ai hâte de tester les autres 🙌🏿
Avec plaisir, 👍😀
Merci pour tous ces TIPS. Je débute et ils vont tous beaucoup m’aider.
Si vous en avez sur comment afficher sur le smartphone 2 menus droite et gauche et un logo centre. Je suis preneuse 😃😃
très inspirant
Merci pour cette super vidéo ! Je connaissais quasiment toute les astuces mais la 10eme sur le align self center je suis refaiiiiiite, fini le bidouillage de marge 🤣😍
Super ! 👍😀
Merci pour ce tuto très utile !
Avec plaisir, heureux d'apprendre qu'il vous est utile 👍😀
Très intéressant et merci beaucoup. Je suis très intéressé par tout ce qui concerne Divi.
👋 Merci pour ces astuces 👍
Avec plaisir 👍
Merci efficace et simple 😊
Merci Laurent 🙏
Merci! Superbe vidéo!
Avec plaisir 👍😀
Merci beaucoup
Avec plaisir
bonjour merci pour votre travail qui me guide bien. j ai néanmoins un petit probleme dans une ligne de 4 colonnes avec i image et dessous une bascule . Au dessus de la photo de la 4 colonne j ai cee message [/et_pb_column] mais seulement quand le divi builder n est plus activé et donc visible sur mon site. Avez une solution prof ;-) cdlt Phil
Premier commentaire
Quel site tu utilises pour mettre les photos tout sur même format pour que ça soit harmonisé stp ?
Tu peux utiliser photopea.com c'est entièrement gratuit et tu pourras retoucher tes images et les exporter au format Webp