Theme Divi – 40 Module Chức Năng Xây Dựng Website Chuyên Nghiệp (Phần 1)

bởi | 17.03.2024 | WordPress


Chào bạn. Bài viết này tôi muốn chia sẻ một theme có nhiều module chức năng để hỗ trợ bạn xây dựng website chuyên nghiệp hơn mà không cần phải code. Đó là Theme Divi (đây là theme đang áp dụng cho website ABC Digi).

Tôi là Tuấn Anh, hiện tại là SEO leader của ABC Digi, và tôi đã làm trong ngành Digital Marketing được hơn 5 năm. Trong thời gian đó, tôi đã nghiên cứu về nhiều plugin để xây dựng website ABC Digi. Tôi thấy rằng, việc kết hợp nhiều plugin để làm chức năng cho website khiến web bị “nặng” dẫn đến load chậm. Vì thế tôi viết bài này để chia sẻ về một Theme chứa nhiều module để bạn xây dựng và tối ưu website, dựa theo kinh nghiệm của bản thân tôi và tham khảo từ các nguồn uy tín trong nước và quốc tế.

Tips: tôi sẽ gửi bạn plugin này miễn phí khi bạn tham gia “khoá học tạo website wordpress LvA” trên ABC Digi. Và đương nhiên khoá học này hoàn toàn miễn phí.

[divi_library_shortcode id=”34977″]

Bài viết dưới đây là tiếp tục phần 2. Bạn có thể xem bài viết phần 1 ở đây: Theme Divi – 40 Module Chức Năng Xây Dựng Website Chuyên Nghiệp (Phần 1)

Giới thiệu sơ lược theme divi

Divi là một theme WordPress được sử dụng rộng rãi để tạo các website đẹp và chuyên nghiệp một cách dễ dàng sử dụng Divi Builder. Nó cũng phù hợp để tạo các website cá nhân độc đáo. Nó cung cấp nhiều tính năng hữu ích và tùy chọn chỉnh sửa.

Giá

Theme Divi Price

Dvi có 2 gói với 2 thời hạn và giá tiền khác nhau:

Gói Divi cơ bản dành cho chủ sở hữu website hoặc chuyên gia WordPress muốn sử dụng trình tạo website không cần code của Divi để tạo website một cách dễ dàng. Với gói này bạn không giới hạn số website sử dụng và có đội ngũ hỗ trợ 24/7.

Gói Divi Pro dành cho các chuyên gia web muốn xây dựng các website Divi khách hàng của họ nhanh hơn bằng các công cụ AI mạnh mẽ, bộ nhớ đám mây và hỗ trợ VIP. Bao gôm những thứ thứ cso ở gói cơ bản và thêm Divi AI, Divi Cloud, Divi VIP.

Nếu bạn đăng ký khóa học WordPress Lever A của ABCDigi thì bạn sẽ nhận được theme Divi hoàn toàn miễn phí.

Xem thêm: Website là gì? 4 Vai Trò Quan Trọng Của Website trong kinh doanh

Divi có đến 36 mô-đun hỗ trợ bạn tạo ra các website phù hợp.

Mô đun divi là gì?

Mô-đun Divi là thành phần nội dung mà bạn có thể sử dụng để tạo trang web trong Divi. Mỗi mô-đun có một bộ tính năng, thành phần và cài đặt thiết kế riêng giúp bạn tạo ra thứ gì đó đặc biệt. Các mô-đun khác nhau phục vụ các mục đích khác nhau. Bằng cách sử dụng bộ mô-đun của Divi, bạn có thể xây dựng hầu hết mọi loại trang web.

modun divi 1

modun divi 2

modun divi 3

modun divi 4

modun divi 5

Mỗi mô-đun đều có chức năng riêng biệt giúp các bạn tạo ra website phù hợp với nhu cầu của riêng mình

Cách sử dụng

Các mô-đun đi kèm với Divi miễn phí. Để thêm mô-đun này vào trang của bạn, chỉ cần chọn mô-đun từ danh sách mô-đun của Divi. Mô-đun này sau đó có thể được tùy chỉnh hoàn toàn bằng cách sử dụng nhiều cài đặt thiết kế của Divi.

Xem thêm: 7 Sự Thật cần biết về WordPress trước khi làm Website

Chen modun Divi

21. Divider

Divider

Mô-đun Divider giúp bạn dễ dàng thêm các đường ngang vào thiết kế web của mình để tăng thêm sự phân tách. Bạn có thể xác định màu sắc, độ dày, chiều rộng và căn chỉnh của dải phân cách.

22. Email Opt-in

Email Opt in

Mô-đun Divi Email Opt-in giúp bạn dễ dàng tăng lượng đăng ký email bằng các hình thức đăng ký hấp dẫn và tích hợp liền mạch với 21 công ty phần mềm email phổ biến. Bạn có thể thêm mô-đun này vào bất kỳ đâu trong thiết kế trang web của mình, bao gồm cả đầu trang và chân trang.

23. Filterable Portfolio

Filterable Portfolio

Mô-đun Filterable Portfolio của Divi tương tự như Mô-đun Portfolio Divi nhưng có thêm chức năng sắp xếp. Người dùng có thể nhấp vào các danh mục ở trên cùng để sắp xếp và xem động các dự án mà họ muốn xem. Mô-đun này tích hợp hoàn hảo với chức năng của dự án WordPress rất phù hợp để hiển thị tác phẩm của bạn hoặc trình bày các nghiên cứu điển hình.

Gallery

Mô-đun Gallery Divi cho phép bạn hiển thị thư viện hình ảnh ở bất kỳ đâu trên trang web của bạn. Bạn có thể sử dụng nó để giới thiệu chuyến tham quan nhà, trưng bày sản phẩm, giới thiệu tác phẩm của mình, v.v.

25. Hero

Hero

Mô-đun Hero Divi là một mô-đun linh hoạt có thể được sử dụng trong toàn bộ thiết kế trang web của bạn theo nhiều cách khác nhau. Ví dụ: bạn có thể sử dụng mô-đun này trong mẫu trang cho các bài đăng, dự án và trang để hiển thị tiêu đề bài đăng động. Hoặc bạn có thể sử dụng nó làm yếu tố thiết kế quảng cáo để làm nổi bật một trang quan trọng trên website của mình, một phần mềm miễn phí có thể tải xuống, quảng cáo podcast, v.v. Mô-đun này có khả năng hiển thị tiêu đề, phụ đề, nội dung, hai hình ảnh, một biểu tượng và hai nút nội tuyến (cạnh nhau). Để sử dụng Mô-đun tiêu đề toàn chiều rộng, trước tiên bạn cần thêm phần toàn chiều rộng.

Xem thêm: Domain là gì? Hướng dẫn toàn tập cách chọn Tên Miền Website

26. Icon

Icon

Mô-đun Divi Icon giúp bạn dễ dàng thêm các biểu tượng độc đáo vào thiết kế trang web của mình ở bất kỳ đâu trên trang. Divi đi kèm với hàng trăm Icon mà bạn hoàn toàn có thể tùy chỉnh với các tùy chọn kích thước và màu sắc. Bạn có thể chọn từ bộ biểu tượng gốc của Divi hoặc từ hàng trăm biểu tượng khác có trong bộ biểu tượng Font Awesome. Bạn có thể sử dụng mô-đun biểu tượng để thu hút sự chú ý của khách truy cập vào một khu vực cụ thể trên trang quan trọng. Hoặc yêu cầu nó nêu ra một số tính năng và chức năng nhất định mà doanh nghiệp của bạn cung cấp.

27. Login Form

Login Form

Mô-đun Login Form Divi giúp dễ dàng tạo khu vực đăng nhập để người dùng đã đăng ký truy cập vào khu vực của thành viên, nội dung được kiểm soát, nội dung tải xuống, tài nguyên, v.v.

28 Map

Map

Mô-đun Map Divi là một cách dễ dàng để hiển thị bản đồ Google tương tác trên trang web của bạn. Bạn có thể chỉ định nhiều vị trí ghim và đây là cách trực quan và hữu ích để chia sẻ vị trí doanh nghiệp của bạn trên trang liên hệ hoặc trang giới thiệu.

29. Number Counter

Number Counter

Mô-đun Number Counter Divi là một cách dễ dàng để hiển thị thông tin bằng số về bản thân hoặc công ty của bạn với một thiết kế bắt mắt. Mô-đun bộ đếm số có thể hiển thị cả số đơn giản cũng như tỷ lệ phần trăm. Khi Mô-đun Bộ đếm Số tải, nó bắt đầu từ 0, sau đó đếm đến số hoặc phần trăm bạn đã chỉ định rồi dừng lại.

Xem thêm: Permanent Link là gì? Cách cài đặt chuẩn SEO cho website

30. Person

Person

Mô-đun Person là cách tốt nhất để tạo hồ sơ cá nhân cho ai đó trên website Divi của bạn. Dễ dàng để làm nổi bật các thành viên trong nhóm, nhà tài trợ nổi bật, lãnh đạo công ty, nhân viên, v.v. Đây là một mô-đun tuyệt vời để sử dụng trên trang Về tôi hoặc Thành viên nhóm. Nó kết hợp văn bản, hình ảnh và các liên kết truyền thông xã hội thành một mô-đun gắn kết duy nhất.

31. Portfolio

Portfolio

Mô-đun Portfolio Divi là một cách dễ dàng để hiển thị Portfolio của bạn. Nó tích hợp với chức năng Dự án WordPress gốc và hiển thị các dự án của bạn với thiết kế bắt mắt. Sử dụng mô-đun này trên trang danh mục đầu tư hoặc dự án để giới thiệu tác phẩm của bạn.

Protfolio Carousel

Mô-đun Portfolio Carousel Divi là một cách dễ dàng để hiển thị Portfolio của bạn. Nó tích hợp với chức năng Dự án WordPress gốc và hiển thị các dự án của bạn với thiết kế bắt mắt. Sử dụng mô-đun này trên trang danh mục đầu tư hoặc dự án để giới thiệu tác phẩm của bạn.

33. Post Navigation

Post Navigation
Mô-đun Divi Post Navigation cho phép bạn điều hướng giữa các bài đăng trên blog hoặc dự án bằng cách sử dụng liên kết “trước” và “tiếp theo”.

34. Post Slider

Post Slider

Mô-đun Divi Post Slider có thể được sử dụng để hiển thị các bài đăng blog gần đây, bài đánh giá, dự án nổi bật, câu trích dẫn truyền cảm hứng, sự kiện sắp tới, v.v. Chúng có thể lớn, nhỏ, có chiều rộng cố định hoặc toàn bộ chiều rộng. Mô-đun này cũng hỗ trợ nền thị sai cũng như nền video có chiều rộng đầy đủ. Thanh trượt có thể tự động chuyển động qua các slide hoặc được đặt thành điều hướng thủ công.

Xem thêm: Bounce Rate là gì mà 80% SEOer hiểu sai? & 15 cách tối ưu

35. Post Title

Post Title

Mô-đun Post Title Divi cung cấp cho bạn khả năng tạo kiểu và thiết kế cách tiêu đề bài đăng, văn bản meta và hình ảnh nổi bật trong bài đăng blog. Sử dụng mô-đun này khi bạn xây dựng mẫu trang tùy chỉnh cho các bài đăng blog trong Divi Builder.

36. Pricing Tables

Pricing Tables

Mô-đun Pricing Tables Divi là một cách bắt mắt để hiển thị giá cho các dịch vụ, gói và đăng ký trên trang web của bạn. Bạn có thể tạo bao nhiêu bảng tùy thích và có thể tạo kiểu cho chúng riêng lẻ hoặc đặt kiểu chung của mô-đun để tất cả chúng trông nhất quán. Mỗi bảng giá có các tùy chọn về tiêu đề, phụ đề, đơn vị tiền tệ, tần suất, giá cả, danh sách tính năng và nút kêu gọi hành động. Bạn thậm chí có thể chọn bảng giá để làm nổi bật nhằm giúp ưu đãi tốt nhất hoặc dịch vụ phổ biến nhất của bạn trở nên nổi bật nhằm tăng chuyển đổi.

37. Slider

Slider

Mô-đun Slider Divi có thể được đặt ở bất cứ đâu trên website của bạn. Thanh trượt có thể lớn, nhỏ, có chiều rộng cố định hoặc toàn bộ chiều rộng. Bạn có thể thêm hình nền thị sai cũng như nền video có chiều rộng đầy đủ.

38. Social Follow

Social Follow

Mô-đun Social Follow Divi cho phép bạn thêm các biểu tượng phương tiện truyền thông xã hội ở bất cứ đâu trên website của bạn. Mô-đun này tích hợp với hơn 50 nền tảng xã hội để bạn có thể dễ dàng thêm hồ sơ truyền thông xã hội của mình và tăng lượng người theo dõi.

Xem thêm: 6 Sai Lầm Nghiêm Trọng Khiến Website Bán Hàng Không Hiệu Quả

39. Sidebar

Sidebar

Mô-đun Sidebar Divi giúp bạn dễ dàng thêm thanh bên sẵn sàng cho tiện ích vào bất kỳ trang, bài đăng, dự án hoặc mẫu trang nào. Mô-đun này hoạt động với chức năng Widget WordPress để dễ dàng quản lý và cập nhật các thanh bên trên toàn website.

40. Video Slider

Video Slider

Mô-đun Video Slider Divi là một cách phù hợp để hiển thị bộ sưu tập video trên website của bạn. Nó có thể được sử dụng để hiển thị danh mục video, video đào tạo, hướng dẫn, v.v. Video có thể được tải trực tiếp lên trang web WordPress của bạn hoặc được chèn qua URL từ video được lưu trữ trên các trang web như YouTube và Vimeo.

Lời kết

Trên đây là tổng quan về Divi và 18 mô-đun Divi. Hy vọng bài viết sẽ giúp ích cho bạn trong quá trình tạo ra một website phù hợp với nhu cầu của bản thân.

Xem thêm: 03 Thành Phần Chính Cần Biết Cấu Tạo Nên Một Website

Bài viết này có hữu ích với bạn không? Hãy cho tôi biết đánh giá của bạn nhé!
[Tổng: 0 Trung bình: 0]

0 Lời bình

Gửi Lời bình

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *