How to Make a Wordpress Website 2019 | Divi Theme
- - Get 20% off Divi here:
https://brandonstiles.com/get-divi/
- - Get Cloudways Hosting here:
https://www.cloudways.com/en/?id=2647...
- - Download the layout we created here:
brandonstiles.com/diviassets
--- Check out Page 1 Pro here:
https://brandonstiles.com/page-1-pro-...
Welcome! In this Wordpress tutorial, you'll and learn step-by-step how to build & optimize a Wordpress website for your business or lifestyle.
To build our site, we're going to use the Divi theme (by Elegant Themes).
Divi's an awesome, drag-and-drop, SUPER customizable Wordpress theme that lets you quickly build & edit your website without having to know anything about coding.
It also comes with nearly 100 pre-made templates, which let you get your site up & running quickly.
This is a tutorial for everyone - even if you know nothing about websites; you'll still be able to follow this!
We're going to be building a basic business website, featuring a home page, about page, a blog page, & a contact page.
IF YOU...
- - Want to skip the intro, skip to 05:59
- - Don't care about how a website works, skip to 7:33
- - Already have a domain name, skip to 10:46
- - Already have web hosting, skip to 16:17
- - Already familiar with using Wordpress, skip to 24:03
- - Already familiar with using Divi, skip to 1:09:48
TIMESTAMPS:
0. INTRO
- - 3 Parts of Building a Website (05:59)
- - Buy a Domain Name (07:33)
- - Buy Hosting (10:46)
- - Buy the Divi Theme (16:17)
- - How to Install Wordpress (19:25)
1. INTRODUCTION TO WORDPRESS
- - Logging into Your New WP Website (20:02)
- - Cleaning Up the Dashboard (20:58)
- - Changing Your WP Password (21:39)
- - Quick WP Optimizations (22:46)
- - How to Install Divi (24:03)
2. INTRODUCTION TO DIVI
- - How to Quickly Configure Divi (25:26)
- - Finding & Entering Your Elegant Themes API Key (25:43)
- - Setting Up Your Divi Site (27:24)
- - Why to Use Incognito Mode When Building Your Site (28:10)
- - Using the Divi Theme Customizer (33:19)
- - How to Build a Site Header (35:35)
- - Creating Your First Page (37:25)
- - How to Use The Visual Builder (40:09)
- - Using the Drag-&-Drop Builder (43:05)
- - Editing Sections & Modules (45:48)
- - How to Change the Background of a Section (46:42)
- - Using the History Timeline Feature (49:19)
- - Adding Slick, Modern Section Dividers (50:11)
- - Add Filters to a Background Image (52:02)
- - Add Animations to a Page (52:37)
- - Add Custom CSS (53:30)
- - Show/Hide Sections Based on Screen Size (53:42)
- - Change the Name of a Section (54:10)
- - Editing Rows (54:30)
- - How to Edit Text (56:07)
- - How to Make Text Mobile-Friendly (58:46)
- - Animating Text (01:01:36)
- - Customizing Buttons (01:01:58)
- - Importing/Exporting Page Layouts (01:04:01)
- - Configuring the Visual Builder (01:04:32)
- - Creating a New Section (01:05:50)
3. SETTING YOUR CUSTOM SITE'S OPTIONS
- - Pre-Optimizing Our New Custom (01:09:48)
- - How to Add Your Logo (01:10:18)
- - Setting Your Color Palette (01:11:08)
- - Linking Your Social Media Profiles (01:12:43)
- - Setting Your Typography (01:13:19)
- - Setting Up Your Pages/Posts (01:14:43)
- - Creating a Blog Post (01:15:49)
- - Setting Your Permalinks (01:17:11)
- - Setting Up Your Navigation menu (01:18:14)
- - Setting Your Homepage (01:20:00)
4. THE HOME PAGE
- - The Fullwidth Header (01:21:22)
- - The Blurb/Icon Section (01:29:20)
- - Adding Space Between Sections (01:36:02)
- - Adding a Call to Action Section (01:37:08)
- - The Divider Module (01:39:53)
- - How to Make a Row Fullwidth (01:41:59)
- - Adding a Number Counter (01:47:17)
- - Adding an Email List Subscription (01:58:44)
- - Adding Custom CSS to a Module (02:08:43)
- - Adding a Blog Section (02:16:11)
- - Adding a 'Meet the Team' Section (02:19:48)
- - Adding a Testimonials Section (02:23:38)
- - Creating a Pricing Table Section (02:29:14)
- - Creating an Opt-In Section (02:36:27)
- - Saving a Global Section (02:47:39)
- - Making Your Page More Mobile Responsive (02:49:24)
- - Showing a Section for Mobile (or Desktop) Only (02:51:32)
5. THE ABOUT PAGE
- - Saving Sections as Templates (02:57:38)
- - Creating a Page Header Template (02:59:25)
- - Using a Pre-Built Template Row (03:02:50)
- - Saving a Full Page Layout (03:08:21)
6. THE CONTACT PAGE
- - Building Your Contact Page (03:08:55)
7. THE BLOG PAGE
- - Building Your Blog Page (03:14:40)
8. THE FOOTER
- - Adding a Footer Menu (03:20:12)
9. FINISHING UP
- - A Few Final Optimizations (03:23:54)
- - How to Point Your Domain to Your New Site (03:25:16)