The Complete Divi Course For WordPress

Khóa Học Divi WordPress Toàn Diện

Làm chủ trình kéo thả Divi cho WordPress | Học cách thiết kế bất kỳ website nào với WordPress & Divi mà không cần lập trình!

4.8

(621 đánh giá)

3,069 học viên

Giảng viên

Tanzeel Ur Rehman

Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao

50.000đ 419.000đ -88%

✓ Xem giỏ hàng và thanh toán

Bao gồm phụ đề tiếng Việt, tiếng Anh

18.5 giờ video

122 bài giảng

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 31/05/2026

#Divi #Page Builders #Web Development #WordPress

Bạn sẽ học được gì

Sự khác biệt giữa Section, Row và Module trong Divi

Tạo kiểu cơ bản với Divi

Căn lề (Margins) và Đệm (Paddings) trong Divi

Hiệu ứng thị sai (Parallax) trong Divi

Đổ bóng khối (Box Shadows) trong Divi

Hiệu ứng xuất hiện (Entrance Animations) trong Divi

Hiệu ứng cuộn sống động (Scroll Effects) trong Divi

Đường phân cách hình khối (Shape Dividers) trong Divi

Tùy chỉnh toàn cục (Global Controls) trong Divi

Vị trí tùy chỉnh (Hiệu ứng 3D) trong Divi

Hiển thị di động (Responsiveness) trong Divi

Mẫu Header/Footer tùy chỉnh trong Divi

Header dính (Sticky Header)

Header trong suốt (Transparent Header)

Bộ lọc (Filters)

Phát triển theme Divi không cần lập trình

Khóa học cấp tốc về Thương mại điện tử

Thiết kế trang danh sách sản phẩm (Shop Archive) tùy chỉnh trong Divi

Thiết kế trang chi tiết sản phẩm tùy chỉnh trong Divi

Tích hợp trường tùy chỉnh (Custom Fields) trong WordPress

Dữ liệu động (Dynamic Data) trong theme Divi

Thiết kế trang giỏ hàng (Cart) bằng theme Divi

Thiết kế trang thanh toán (Checkout) bằng theme Divi

Thiết kế trang Tài khoản của tôi (My Account) bằng theme Divi

Điều kiện nâng cao (Advanced Conditions) trong Divi

Tích hợp Loại bài viết tùy chỉnh (Custom Post Types) trong WordPress

Tích hợp Phân loại tùy chỉnh (Custom Taxonomies) trong WordPress

Tạo theme tùy chỉnh cho tất cả loại bài viết tùy chỉnh bằng Divi

Cách thêm mối quan hệ giữa Loại bài viết tùy chỉnh và Phân loại

Tích hợp Google Maps qua API

Yêu cầu

Máy tính PC/Laptop chạy Windows hoặc Mac OS

Yêu cầu có theme Divi (giá 89$). Học viên khóa này được giảm 10%.

Khóa học bắt đầu từ cơ bản nên không yêu cầu kinh nghiệm WordPress trước đó.

Đối tượng phù hợp

Người dùng WordPress không thích trình soạn thảo Gutenberg mặc định.

Nhà thiết kế web muốn tự tạo theme riêng mà không cần lập trình.

Nội dung khóa học

14 phần • 122 bài giảng

1 Tại sao chọn Divi

2 Trước khi bắt đầu

3 Chương trình khóa học

1 Làm thế nào để thiết lập một site WordPress?

2 Cài đặt WordPress trên Windows

3 Cài đặt WordPress trên Mac

4 Cài đặt WordPress trên Web Hosting

1 Bạn sẽ học được gì trong phần này?

2 Tổng quan về Bảng điều khiển WordPress

3 Cách tạo Trang (Pages) trong WordPress

4 Theme WordPress là gì?

5 Plugin WordPress là gì?

1 Làm thế nào để mua Divi với giá ưu đãi?

2 Cách cài đặt theme Divi trong WordPress

3 Tạo trang chủ (Home Page)

1 Cấu trúc cơ bản của Divi (Section, Row, Module)

2 Tạo kiểu cơ bản cho Section

3 Tạo kiểu cơ bản cho Rows/Cột

4 Tạo kiểu cơ bản cho Module

5 Căn lề (Margins) và Đệm (Paddings)

1 Giới thiệu + Tài nguyên dự án

2 Thiết kế Header và Menu

3 Thiết kế Footer

4 Trang chủ: Thiết kế phần Hero

5 Thiết lập bảng màu (Color Palette)

6 Trang chủ: Thiết kế phần Bộ đếm (Counters)

7 Trang chủ: Thiết kế phần Dịch vụ - Phần 1

8 Trang chủ: Thiết kế phần Dịch vụ - Phần 2

9 Trang chủ: Thiết kế phần Đội nhóm (Team)

10 Trang chủ: Phần Trợ giúp (Help)

11 Trang chủ: Phần Đánh giá (Testimonial)

12 Trang chủ: Lời kêu gọi hành động (Call to Action)

13 Trang Giới thiệu (About): Phần Hero

14 Trang Giới thiệu: Phần "Tại sao chúng tôi là tốt nhất"

15 Trang Giới thiệu: Phần Trích dẫn (Quotation) & Đội nhóm

16 Trang Giới thiệu: Danh mục đầu tư (Portfolio) & Lời kêu gọi hành động

17 Trang Dịch vụ (Services): Phần Hero & Dịch vụ

18 Trang Dịch vụ: Phần Bộ đếm (Counter)

19 Thiết kế trang Liên hệ (Contact) với Form liên hệ

1 Bạn sẽ học được gì trong Phần này?

2 Cách chọn màu sắc?

3 Bài viết về Chọn màu sắc

4 Hiệu ứng Hover trong Divi

5 Cách chọn và chỉnh kích thước hình ảnh?

6 Hiệu ứng xuất hiện (Entrance Animations) trong Divi

7 Hiệu ứng cuộn sống động (Scroll Effects) trong Divi

8 Hiệu ứng thị sai (Parallax) trong Divi

9 Đường phân cách hình khối (Shape Dividers)

10 Mẫu thiết kế (Design Presets)

11 Tùy chỉnh toàn cục (Global Controls)

12 Vị trí (Position) & Biến đổi (Transforms)

1 Giới thiệu

2 Làm thế nào để thay đổi trên giao diện di động?

3 Hiển thị di động cho Trang chủ

4 Hiển thị máy tính bảng (Tablet) cho Trang chủ

5 Hiển thị di động & máy tính bảng cho Trang Giới thiệu

6 Hiển thị di động & máy tính bảng cho Trang Dịch vụ

7 Hiển thị di động & máy tính bảng cho Trang Liên hệ

1 Giới thiệu

2 Header tùy chỉnh (Custom Header)

3 Hiển thị di động cho Header

4 Footer tùy chỉnh (Custom Footer)

5 Hiển thị di động cho Footer

6 Header dính (Sticky Headers) và các hiệu ứng chuyển tiếp

7 Header trong suốt (Transparent Header)

8 Bộ lọc (Filters)

1 Tại sao có khóa học Thương mại điện tử trong khóa Divi này?

2 Cài đặt plugin Thương mại điện tử: WooCommerce

3 Thêm 5 sản phẩm

4 Cài đặt cơ bản của WooCommerce

5 Đơn hàng mẫu (Demo Order)

6 Danh mục (Categories) là gì?

1 Menu WooCommerce và hiển thị di động

2 Mẫu (Template) là gì và nó hoạt động như thế nào?

3 Xây dựng mẫu sản phẩm đơn lẻ (single product template)

4 Mẫu đơn lẻ (Single) so với Mẫu lưu trữ (Archive)

5 Thiết kế trang lưu trữ (Archive Pages)

6 Mẫu sản phẩm đơn lẻ (theo danh mục cụ thể)

7 Trường tùy chỉnh (Custom Fields)

8 Thẻ động (Dynamic Tags)

9 Sản phẩm liên quan (Related Products)

10 Thiết kế trang Giỏ hàng (Cart)

11 Thiết kế trang Thanh toán (Checkout)

12 Thiết kế trang Tài khoản của tôi (My Account)

13 CSS cho trang Tài khoản của tôi

14 Hiển thị sản phẩm trên bất kỳ trang nào

1 Giới thiệu

2 Loại bài viết Dự án (Project)

3 Thiết kế mẫu đơn lẻ cho Dự án

4 Thiết kế trang lưu trữ Dự án

5 Đăng ký Loại bài viết tùy chỉnh trong WordPress

6 Đăng ký Phân loại (Taxonomies) trong WordPress

7 Tích hợp Trường tùy chỉnh (Custom Fields) vào Loại bài viết WordPress

8 Thêm Phim (Movies), Thể loại (Genres), & Diễn viên (Actors)

9 Mẫu đơn lẻ cho Phim

10 Mẫu lưu trữ tùy chỉnh cho Diễn viên

11 Thiết kế trang lưu trữ còn lại

12 Thêm nhiều phim hơn

13 Phân loại Thương hiệu (Brands) cho Sản phẩm

1 Giới thiệu

2 Cài đặt chung cho theme Divi

3 Tích hợp Google Maps

4 Cài đặt Điều hướng (Navigation) và Trình kéo thả (Builder)

5 Bố cục (Layout), Quảng cáo (Ads), & Tích hợp (Integration)

6 SEO là gì?

7 Cài đặt SEO cho Trang chủ

8 Cài đặt SEO cho Loại bài viết đơn lẻ

9 Cài đặt SEO cho trang Index

10 Module Slider

11 Section & Module toàn chiều rộng (Full Width)

12 Trình chỉnh sửa vai trò (Role Editor) trong Divi

13 Thư viện Divi (Divi Library)

14 Trợ giúp Divi?

15 Bây giờ làm gì?

1 Bạn sẽ học được gì trong phần này

2 Plugin Divi Builder

3 Extra Theme: Tổng quan

4 Extra Theme: Tùy chỉnh

5 Extra Theme: Category Builder Phần 1

6 Extra Theme: Category Builder Phần 2

7 Bloom

8 Monarch

Giới thiệu khóa học

Building a website is similar to painting, except that you cannot see the finished design until the page has been published and is being viewed in a browser. Thanks to the Divi Page Builder for WordPress from Elegant themes, users can now "paint" a website while actually viewing it in real-time.

The issue with WordPress was that, until recently, the only option to build a website was to utilize a WordPress theme, which is always constrained since you have to work within the boundaries of what the developers built. Your options for features and designs may frequently be constrained as a result. But when the Divi theme for WordPress was made public, it completely altered the narrative!

With Divi, you can construct complicated layouts graphically and design your website live without having to move between the editor and preview mode. Divi is a visual WordPress website builder that replaces the default WordPress editor with a live frontend editor.

You will be able to create stunning and useful designs without using code or CSS and without consulting developers once you have finished this comprehensive Divi course. Your designs will automatically be displayed beautifully on PCs, tablets, and mobile devices since they are responsive by default.

Additionally, you will learn how to use Divi's "Theme Builder," which enables you to build every aspect of your theme using the Divi interface, including your header, footer, WooCommerce shop pages, and custom body layouts. Likewise, you will learn how to establish global settings that enable one-click control over the design pattern for your entire website.