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:
➡️ 73-75% off web hosting:
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:
➡️ Visit the live demo website that we create in this tutorial:
➡️ Free download of all layouts that I created for this tutorial:
➡️ Six tips for a better Divi mobile menu:
⏩ 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
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.
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
