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/
➡️ 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/
⏩ SHORTCUTS
1. INTRODUCTION
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:02:11 – Add a Privacy Policy Consent Checkbox in a Divi Form
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
DOWNLOAD IMAGES
https://divimundo.com/en/wordpress-tutorial-for-beginners/about-the-tutorial/
Google reCAPTCHA V3
https://www.google.com/recaptcha/about/
⚡ 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.
Disclaimer:
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.
#wordpress #divi
source
You are super awesome my friend. Wonderful videos – so easy to understand. Thank you so much. You have one more subscriber today! 💐
legend <3
Amazing Course!
So i have tried and tried to use this template and it has too many bugs in it. When you changes from page to page you get a huge white gap between the header and hero section. Although only there for a second it looks like crap…any suggestions?
Thank you so much for this! 🙂
Thanks Viktor for the amazing tutorials you provide! I am running SiteCore with Divi theme and trying to import the jason files (e.g. divi-crib-theme-builxer-all) you provide. However the import fails constantly, error saying "failed to load your existing items, please try later." What could be the reason to the issue?
I wish I had found this course 5 days ago, it would have saved me a whole world of pain this last week. Am going to delete what I've hashed up so far and start again from scratching using this course. Thank you
Thanks for this great tutorial. I have done a few since getting Divi and this one was the most thorough and easiest to follow. Recommended to anyone wanting to get up to speed with Divi as quickly as possible.
2:29:10
Thank you so much for your work. I must say that I am a complete beginner on both WordPress and Divi and I find this course really comprehensive, thanks. I was wondering though, why do I seem to have different Divi Theme Options?I can't follow your instructions completely because the options displayed in my Divi are different. Thanks in advance.
Amazing Divi tutorial! Thank you soooo much! 🙏🙏🙏
Thank you very much for this great step by step complete tutorial. I got divi a few days ago, and it was a lucky strike to find you. I would like to get your opinion, about how to build a multilingual website, once the side bar in the tutorial was based on category custom links. Thanks in advance for your time answering this question
need your advanced courses
I strongly suggest, everyone, who may be interested in purchasing DIVI … carefully and thoroughly read their "Terms of Service" and "Privacy Policy," before purchasing.
23:34 ✨least but not last✨
Where do I find the photos used in this outstanding Tutorial!
Bluehost is one of the largest hosting companies in the world, and they are an official WordPress hosting partner. As part of their web hosting service, they also offer domain name registration.
Bluehost is offering WPBeginner users a free domain name, free SSL certificate, and a discount on web hosting which is a perfect deal for anyone looking to make a website.
https://www.bluehost.com/track/authentlink/
Basically, you can get started for $2.75 per month, and get a free new domain name.
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!
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.
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.