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í.

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

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á

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: Top 10 Plugin Tối Ưu Hình Ảnh Cải Thiện SEO và Trải Nghiệm Người Dùng

Divi có đến 40 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.

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.

1. Text

Mô-đun Text Divi là một trong những mô-đun Divi cơ bản và nền tảng nhất mà bạn sẽ sử dụng trong thiết kế trang web của mình. Nó có khả năng tùy biến cao và có thể được sử dụng trong tất cả các thành phần của trang web của bạn như đầu trang, chân trang, mẫu trang, bài đăng, trang, v.v. Nó cũng có thể được sử dụng cùng với tất cả các mô-đun để tạo nội dung động.

2. Button

Mô-đun Button Divi là một mô-đun linh hoạt có thể được sử dụng trên toàn bộ trang web của bạn. Tạo kiểu di chuột vào nút thú vị, sử dụng biểu tượng tùy chỉnh và hướng dẫn khách truy cập qua trang web của bạn bằng mô-đun nút tương tác.

Xrem thêm: 04 Bước Và 11 Nguyên Tắc Tăng Tốc Độ & Hiệu Suất Website WordPress

3. Image

Mô-đun Image Divi giúp bạn dễ dàng thêm hình ảnh vào bất kỳ đâu trên trang web của mình. Nó đi kèm với nhiều tùy chỉnh bao gồm bộ lọc, hình động, bóng đổ, v.v. để bạn có thể tạo kiểu cho hình ảnh trên trang web của mình theo đúng cách bạn muốn để tạo ra một thiết kế trang tương tác và hấp dẫn.

4. Blog

Mô-đun Blog Divi là một cách để hiển thị các bài đăng trên blog của bạn. Nó có thể hiển thị các bài đăng, trang, phương tiện, dự án và sản phẩm ở bố cục toàn chiều rộng hoặc bố cục lưới kiểu khối xây, với nhiều tùy chọn thiết kế có sẵn chỉ bằng một nút bấm!

https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/blog_options-smal.lmp4

5. Blurb

Mô-đun Divi Blurb có thể hiển thị văn bản, hình ảnh và biểu tượng. Phù hợp để làm nổi bật các dịch vụ, hiển thị danh sách các tính năng và trình bày các bước, quy trình.

6. Testimonial

Mô-đun Testimonial Divi là một cách thích hợp để hiển thị các đánh giá, báo giá và lời chứng thực của khách hàng trên trang web của bạn. Mỗi lời chứng thực có tùy chọn tên tác giả, chức danh công việc, công ty, trích dẫn và ảnh hồ sơ. Lời chứng thực giúp chứng minh uy tín và chuyên môn của bạn với khách hàng và khách hàng tiềm năng.

Xem thêm: 10 Bước Tạo Tài Khoản Và Làm Website WordPress Miễn Phí

7. Accordion

Mô-đun Divi Accordion giúp hợp nhất thông tin thành một nhóm nút chuyển đổi được xếp chồng lên nhau theo chiều dọc mà bạn có thể nhấp vào để hiển thị hoặc ẩn nội dung của chúng. Mô-đun Accordion tương tự như mô-đun chuyển đổi, tuy nhiên, mô-đun Accordion xuất hiện dưới dạng một nhóm các nút chuyển đổi và khi một nút chuyển đổi mới được mở, nút chuyển đổi đã mở trước đó sẽ đóng lại. Theo mặc định, nút chuyển đổi đầu tiên được đặt để hiển thị dưới dạng nút chuyển đổi mở.

8. Contact Form

Mô-đun Contact Form Divi giúp khách truy cập website của bạn dễ dàng liên lạc với bạn. Mô-đun biểu mẫu liên hệ đi kèm với các trường đầu vào, trường email, vùng văn bản, hộp kiểm, nút radio và khả năng thả xuống. Bạn có thể tạo các trường bắt buộc để điền, tích hợp với tính năng chống thư rác và tùy chỉnh thông báo email cũng như thông báo thành công.

9. Countdown Timer

Mô-đun Countdown Timer Divi là một cách phù hợp để hiển thị đồng hồ đếm ngược trên website của bạn. Đồng hồ đếm ngược có thể được sử dụng để đếm ngược đến ngày ra mắt sản phẩm, sự kiện sắp tới, đợt giảm giá theo mùa hoặc thậm chí trên trang sắp ra mắt thông báo ra mắt website của bạn!

10. Search

Mô-đun Search Divi cho phép bạn đặt thanh tìm kiếm ở bất cứ đâu trên trang web của bạn. Thêm thanh tìm kiếm vào đầu trang, chân trang, trang và bài đăng. Bạn cũng có thể kiểm soát những yếu tố nào trong trang web của bạn sẽ hiển thị trong kết quả tìm kiếm. Mô-đun tìm kiếm Divi có thể dễ dàng tùy chỉnh với cài đặt thiết kế của Divi, cho phép bạn tạo thanh tìm kiếm tích hợp hoàn hảo với thiết kế website của bạn.

Xem thêm: 17 Tiêu Chí Quan Trọng Khi Lựa Chọn Hosting

11. Menu

Mô-đun Menu Divi cho phép bạn đặt menu điều hướng toàn chiều rộng ở bất kỳ đâu trên trang của bạn. Bạn có thể sử dụng mô-đun này để đặt điều hướng phụ ở phía dưới thiết kế trang nhằm giúp nâng cao khả năng sử dụng website và hướng dẫn khách truy cập qua nội dung của bạn.

12. Video

Mô-đun Video Divi là một cách dễ dàng để hiển thị video ở bất kỳ đâu trên trang web của bạn. Video có thể được tải trực tiếp lên trang web của bạn thông qua thư viện phương tiện WordPress hoặc được nhập bằng URL nếu video của bạn được lưu trữ trên trang web của bên thứ 3 như YouTube hoặc Vimeo.

13. Audio

Mô-đun Audio Divi giúp bạn dễ dàng chia sẻ tệp âm thanh trên trang web của mình. Điều này thật tuyệt vời để chia sẻ các tệp nhạc và các tập podcast cũng như giới thiệu danh mục âm thanh của bạn.

14. Bar Counter

Mô-đun Bar Counter Divi là một mô-đun để hiển thị thông tin số trên website của bạn. Phù hợp khi truyền đạt thông tin ở dạng phần trăm như số liệu thống kê của công ty, mục tiêu bằng số, số liệu tăng trưởng, v.v. Bar Counter được kích hoạt bằng cách sử dụng tính năng tải chậm, điều này làm cho mô-đun này trở nên bắt mắt và hấp dẫn.

15. Call To Action

Mô-đun Call To Action Divi có thể giúp bạn phát triển danh sách email của mình, tăng số lần gửi biểu mẫu liên hệ, quảng cáo sản phẩm, v.v.
Có lời kêu gọi hành động rõ ràng trên trang web của bạn là điều quan trọng để tạo trải nghiệm người dùng thú vị và tăng chuyển đổi.

Xem thêm: Hướng Dẫn Cài Đặt Plugin Akismet – Công Cụ Chống Spam Hàng Đầu Trên WordPress

16. Circle Counter

Mô-đun Circle Counter Divi là một cách tương tác để hiển thị số liệu thống kê và thông tin số trên trang web của bạn. Đó là một mô-đun ảnh động sử dụng tính năng tải từng phần.

17. Code

Mô-đun Code Divi cho phép bạn dễ dàng chèn mã (như HTML, CSS và JavaScript) ở bất kỳ đâu trên website của bạn. Bạn cũng có thể sử dụng nó cho shortcode (như nhúng mã ngắn từ plugin khác) hoặc dán mã từ phần mềm của bên thứ ba như phần mềm lập lịch hoặc tích hợp CRM.

18. Comments

Mô-đun Comments Divi giúp bạn dễ dàng chỉnh sửa kiểu phần nhận xét trên các bài đăng hoặc trang blog. Với mô-đun này, bạn có toàn quyền kiểm soát giao diện của phần nhận xét và bạn có thể đặt mô-đun này ở bất kỳ đâu trong bố cục của mình.

19. Tabs

 

Tab là một cách tuyệt vời để củng cố thông tin và cải thiện trải nghiệm người dùng trên trang của bạn. Sử dụng Divi, bạn có thể tạo số lượng tab bất kỳ trông đẹp mắt bên trong bất kỳ cột có kích thước nào.

20. Toggle

Mô-đun Toggle Divi cho phép bạn hiển thị hoặc ẩn nội dung chỉ bằng một nút bấm. Đó là một cách đơn giản để chia sẻ nhiều thông tin mà không làm lộn xộn thiết kế của bạn bằng cách hợp nhất nội dung và cải thiện trải nghiệm người dùng. Mô-đun chuyển đổi có thể được đặt trong bất kỳ cột có kích thước nào và bạn có thể thêm bao nhiêu chuyển đổi tùy thích. Bạn có thể sử dụng mô-đun chuyển đổi để xây dựng phần Câu hỏi thường gặp, menu nhà hàng, phần dịch vụ, chia sẻ thông tin về giá, v.v.!

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.