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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/text_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/button_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/image-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/blurb_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/testimonial_options-small.mp4
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ở. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/accordion_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/contact_options-small.mp4
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! https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/countdown_timer_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/search_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/menu_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/video_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/audio_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/bar_counter_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/call_to_action_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/circle_counter_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/code_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/comments_options-small.mp4
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. https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/tabs_options-small.mp4
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.! https://www.elegantthemes.com/modules/wp-content/uploads/2022/06/toggle_options-small.mp4
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.
Câu hỏi thường gặp
1. Theme Divi là gì và có gì đặc biệt?
Theme Divi là một theme WordPress phổ biến, cho phép người dùng dễ dàng tạo ra các website chuyên nghiệp mà không cần phải biết code. Điểm đặc biệt của Divi là có tích hợp Divi Builder cùng hơn 40 mô-đun giúp bạn tùy chỉnh website theo ý muốn.
2. Theme Divi có những gói cước nào?
Theme Divi có hai gói chính:
- Gói Divi cơ bản: Dành cho người dùng thông thường với tính năng không giới hạn số lượng website và hỗ trợ 24/7.
- Gói Divi Pro: Dành cho các chuyên gia với nhiều công cụ mạnh mẽ như Divi AI, Divi Cloud, và hỗ trợ VIP.
3. Mô-đun Divi là gì?
Mô-đun Divi là các thành phần nội dung mà bạn có thể thêm vào trang web. Mỗi mô-đun có các tính năng và cài đặt riêng, giúp bạn dễ dàng tạo ra các trang web độc đáo và tùy chỉnh theo nhu cầu.
4. Làm thế nào để sử dụng các mô-đun Divi?
Các mô-đun Divi đi kèm sẵn trong theme và bạn có thể thêm chúng vào trang web bằng cách chọn từ danh sách mô-đun. Sau đó, bạn có thể tùy chỉnh hoàn toàn mô-đun với các cài đặt thiết kế có sẵn.
5. Làm sao để nhận theme Divi miễn phí?
Bạn có thể nhận Theme Divi miễn phí bằng cách tham gia khóa học “Tạo Website WordPress LvA” trên ABC Digi. Khóa học này hoàn toàn miễn phí và bạn sẽ được cung cấp theme khi tham gia.
