How to Make a WordPress Website 2019 | Divi Theme

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=264717&data1=youtube

– – – Download the layout we created here:
brandonstiles.com/diviassets

— Check out Page 1 Pro here:
https://brandonstiles.com/page-1-pro-seo-coaching-course/

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)

Leave a Reply

Your email address will not be published. Required fields are marked *