Learn how to create a professional website with WordPress and the Divi Theme. I’ll cover all steps: How to get web hosting and a domain on a slim budget; How to install WordPress and choose a theme; How to design pages, posts and global templates with the Divi Builder and the Divi Theme Builder.
This tutorial is free and suitable for beginners and also for those who have worked with WordPress and/or Divi before. All chapters are linked as timestamps below.
🔗 AFFILIATE LINKS
➡️ 10% off Divi: https://divimundo.com/divi10/
➡️ 73-75% off web hosting: https://divimundo.com/siteground/
This video is not sponsored but it contains affiliate links to SiteGround and Elegant Themes. If you make a purchase via these links, I’ll receive a commission. But it will NEVER cost more for you. Your support makes it possible for me to create more free content. Thank you! 🙌
🔗 DOWNLOAD FREE LAYOUTS & OTHER RESOURCES
➡️ All images, icons, code snippets and layouts used in this tutorial are available for free at: https://divimundo.com/en/wordpress-tutorial-for-beginners/
➡️ Visit the live demo website that we create in this tutorial: https://divicrib.com
➡️ Free download of all layouts that I created for this tutorial: https://divimundo.com/en/divi-layouts/download-a-free-divi-layout/
➡️ Premium Divi plugins mentioned in this video: https://divimundo.com/en/plugins/
➡️ Six tips for a better Divi mobile menu: https://divimundo.com/en/blog/six-tips-for-a-better-divi-mobile-menu-free-header-template-download/
00:00:00 – Overview: About the tutorial
00:06:57 – What you'll need to create a website
00:08:18 – How much does it cost to build a website?
2. WEB HOSTING & DOMAIN
00:10:10 – Choose web hosting & register a domain
3. INSTALL WORDPRESS
00:18:21 – Install WordPress with one click
00:23:44 – Activate https with free SSL
4. DOWNLOAD & INSTALL A WORDPRESS THEME
00:26:34 – About Divi: The most popular WordPress theme (get 20% discount)
00:36:30 – Download and install Divi
00:39:45 – Divi Support Center & remove “display errors” warning
00:44:41 – Divi Theme Options (settings)
00:54:30 – Divi Theme Customizer (settings)
5. GET TO KNOW WORDPRESS
00:57:52 – Create pages in WordPress
01:02:23 – Upload images to the WordPress Media Library
01:05:32 – Create posts with the Gutenberg block builder
01:13:13 – Remove the “Uncategorized” category in WordPress
01:14:42 – The most important settings in WordPress
6. DESIGN WITH THE DIVI
01:25:41 – An introduction to the Divi Visual Builder
01:40:04 – Create a sticky header menu in the Divi Theme Builder
02:15:36 – Style The Mobile Menu in the Divi Theme Builder
02:23:43 – Create a Global Footer in the Divi Theme Builder
02:49:03 – Design a Homepage With Divi
03:40:44 – Optimize your Divi website for mobile devices
03:54:05 – Design an About Us page with Divi
04:32:53 – Design a News Page / Blog With Divi
04:47:18 – Design a Contact page with Divi
05:05:07 – Add Google reCAPTCHA v3 Spam Protection to a Divi Form
05:10:38 – Design a FAQ Layout With Divi
05:16:18 – Embed a Google Map in Divi Without an API Key
7. CREATE GLOBAL TEMPLATES WITH THE DIVI THEME BUILDER
05:26:05 Create a Blog Post Template with the Divi Theme Builder
05:41:57 Create a Post Category Page Template with the Divi Theme Builder
05:46:15 Create a Search Results Page Template with the Divi Theme Builder
05:50:39 Create a Beautiful 404 Error Page with the Divi Theme Builder
8 . IMPORT & EXPORT DIVI LAYOUTS
05:59:44 Import & Export JSON Layouts in Divi (+ Free Download)
9 CHECKLIST: TO DO’S AFTER THE WEBSITE LAUNCH
06:08:50 Checklist: What To Do After Your Website Is Launched
COLOR HEX CODES
c2ab92 – Gold
333333 – Headings
666666 – Body copy
e5e5e5 – Light grey
1C1C1C – Dark grey
000000 – Black
Google reCAPTCHA V3
⚡ DiviMundo.com is dedicated to spread knowledge about WordPress and Divi. The vision is that everyone should be able to design beautiful websites without exhausting coding issues.
⚡ DiviMundo was founded in 2017 by Victor Duse, the tutor in this video.
Some of the links in this video are affiliate links. This means if you click on the link and purchase the item, I will receive an affiliate commission, but it will never cost more for you. Divi is a registered trademark of Elegant Themes, Inc. DivMundo is not affiliated with nor endorsed by Elegant Themes, SiteGround or any other brand mentioned in this video.
This is such a comprehensive and thorough tutorial on Divi. It even teaches good workflow practises. Amazing. I would highly recommend it to anyone wishing to learn Divi from beginning to end. The best tutorials on Divi that I have seen. Thank you so much.
The best tutorial on Divi, I think.
This should be on top.
Thanks for your teaching.
Thank you so much for this Tutorial. I really appreciate how clear, detailed and easy your method is. From start to finish you show us how to build a website correctly. Also your attention to detail and sense of design is beautiful. As a designer this is really important to see and learn from. I wish that I have seen this one as my first tutorial — I could have saved myself a lot of time. This is a great Tutorial for a beginner who is also a designer with attention to details 🙂
Thank you so much! what I love most is that you are both a great designer that pays attention to details, and you know how to teach clearly and methodically. I wish that I found you sooner. I could have saved myself a lot of time. Cheers!
Agree with the rest the best tutorial so far. So professional….Everything you need to build a web site. You covered everything from A to Z.
Great tutorial! Thanks for this excellent content!
Not long into this but loving it so far…. But, you said about the unlimited websites… But the offer also says only 20gb of web space and a total of 10,000 visits per month (Siteground). That seems like some extreme limitations? Or am I crazy? If I'm a web developer and I build for ten clients on this plan that's an avg of 2gb web space and 1,000 visitors a month average for each… between ten and unlimited is quite a stretch. Çan someone explàin how this is a good plàn for a beginner web developer? I need help choosing one host for my fledgling business
This is pure class … so easy to follow, your style of teaching (including the errors and the corrections) make it so realistic.I'd echo another comment made here, that this is the best Divi tutorial so far. Congratulations, well done and keep up the Divi tutorials 🙂 ty.
This is a great course, but when I downloaded the files I was not able to open or use them.
Do I need a affiliate plugin or Divi provide a solution?
This is brilliant. Thank you for the end-to-end tutorial.
Wow this was really helpful! A must watch for everyone who want to master web design. Keep up the good work! Cheers!
This is an "amazing tutorial" on Divi. I will agree with the last comment, it is by far the best Divi tutorial on youtube. Your teaching style is awesome, so methodical, articulate and simple to follow along. Excellent work!
Absolutely fantastic tutorial. Totally outclasses any other Divi tutorial I have seen so far. Thank you so much for taking the time to create it.
Such a great tutorial especially on the new features – thank you so much!
Thank you! 🙏🏻💯 This is by far the best Divi tutorial I’ve seen so far. Perfect pace and well explained for me as a beginner web designer. 👏🏻
Thanks, amazing tutorial! 🙏🤩
Thanks for a great turorial! It was very useful and easy to keep up. Perfect tempo! 🙏🏼
Nice job my brother! 🙂 Keep on supporting the Divi and WordPress community.
Great tutorial and its pace! Found out about really sweet shortcuts and hacks! Would be great to have similar tutorial on the e-commerce site 🙂
Keep up the good work 🙂
Tak! Very useful and informative! I learned few new tips 😉
Right now… I'm working on DIVI and Woocommerce. I think a tuto about how to redesign the woocommerce part could interest many.
Other useful tuto: tab in Divi / Filter taxonomy / Mega menu with DIVI
Keep up the good work !
Great stuff👍 Thanks for sharing!
Hi all! This course is also available in 35 chapters at: https://divimundo.com/en/wordpress-tutorial-for-beginners/
Feel free to leave a comment and let me know what you are working on and what you want me to do in my upcoming videos.