- - - Get 20% off Divi here:
[ Ссылка ]


- - - Get Cloudways Hosting here:
[ Ссылка ]

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

--- Check out Page 1 Pro here:
[ Ссылка ]


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)

свернуть