Divi là một trong những theme WordPress hàng đầu hiện nay giúp bạn có thể tạo ra những website đẹp mắt mà không đòi hỏi nhiều kiến thức về lập trình chuyên sâu. Trong bài viết sau, hãy cùng Vietnix tìm hiểu về Divi theme và cách sử dụng theme này để xây dựng website của mình một cách dễ dàng, chuyên nghiệp.
Giới thiệu Divi theme
Divi theme của Elegant Themes là một trong những lựa chọn hàng đầu cho việc xây dựng và thiết kế website trên nền tảng WordPress. Không chỉ sở hữu thiết kế đẹp mắt, tốc độ tải nhanh và tối ưu cho SEO, Divi theme còn có nhiều tính năng hữu ích, đặc biệt là khả năng tạo ra template không giới hạn.
Divi tích hợp sẵn plugin Divi Builder và cung cấp nhiều mẫu website có sẵn từ nhiều lĩnh vực khác nhau, giúp người dùng dễ dàng tạo ra các mẫu template riêng tùy vào mục đích sử dụng. Ngoài ra, hệ thống Modules và Premade Layouts đa dạng, mang đến cho người dùng nhiều tùy chọn để sử dụng hoặc chỉnh sửa website theo ý thích.
Ngoài ra, Divi tích hợp một bộ công cụ giúp người dùng dễ dàng tối ưu hóa website để có thứ hạng cao trên các công cụ tìm kiếm. Không chỉ vậy, việc tích hợp các công cụ như WooCommerce cũng giúp người dùng có thể xây dựng các cửa hàng trực tuyến dễ dàng, thuận tiện.
Để sở hữu Divi theme miễn phí, bạn có thể đăng ký dịch vụ hosting hoặc VPS của Vietnix. Vietnix cung cấp đa dạng các gói hosting đáp ứng mọi mục đích của bạn. Đặc biệt, nếu bạn đang tìm một dịch vụ hosting hỗ trợ việc phát triển và quản trị website trên nền tảng WordPress, bạn nên xem xét đăng ký dịch vụ WordPress Hosting của Vietnix. WordPress Hosting của Vietnix là giải pháp được thiết kế chuyên biệt cho các website sử dụng mã nguồn WordPress và có nhiều ưu điểm nổi bật như:
- Tốc độ tải trang dưới 1 giây nhờ sử dụng ổ cứng NVMe siêu tốc kết hợp với công nghệ LiteSpeed Enterprise.
- Được hỗ trợ và tư vấn tăng tốc độ website trực tiếp với chuyên gia WordPress 24/7.
- Đảm bảo an toàn dữ liệu với hệ thống sao lưu tự động 4 lần/ngày, có thể khôi phục dữ liệu nhanh chóng khi cần.
- Website luôn ổn định nhờ hạ tầng hiện đại và được tích hợp công nghệ Firewall chống DDoS toàn diện do Vietnix phát triển.
- Tạo website WordPress dễ dàng chỉ với một click chuột thông qua WordPress Toolkit.
Ngoài ra, khi sở hữu WordPress Hosting, bạn còn được tặng 500 template trong kho giao diện và plugin bản quyền. Đăng ký ngay để không bỏ lỡ những ưu đãu vô cùng hấp dẫn.
1 Core1GB RAM1 GB NVME1 DomainBackup tự động 4 lần/ngày1 - 5.000 Traffic/tháng
Tặng theme & plugin trị giá 50.000.000 VND- Plugin: Rank Math SEO Pro
- Plugin: Elementor Pro
- Plugin: WPML
- Plugin: WP Smush Pro
- Theme: Divi
- Theme + plugin: MyThemeShop
- Theme: Bricks
Bán chạy nhất3 Core6GB RAM10 GB NVME2 DomainBackup tự động 4 lần/ngày5.000 - 15.000 Traffic/tháng
Tặng theme & plugin trị giá 50.000.000 VND- Plugin: Rank Math SEO Pro
- Plugin: Elementor Pro
- Plugin: WPML
- Plugin: WP Smush Pro
- Theme: Divi
- Theme + plugin: MyThemeShop
- Theme: Bricks
8 Core12GB RAM25 GB NVME4 DomainBackup tự động 4 lần/ngày15.000 - 100.000 Traffic/tháng
Tặng theme & plugin trị giá 50.000.000 VND- Plugin: Rank Math SEO Pro
- Plugin: Elementor Pro
- Plugin: WPML
- Plugin: WP Smush Pro
- Theme: Divi
- Theme + plugin: MyThemeShop
- Theme: Bricks
Tính năng nổi bật của Divi theme
Divi theme cung cấp nhiều tính năng giúp người dùng có thể thiết kế, xây dựng website theo ý muốn mà không cần phải hiểu sâu về lập trình hay viết code. Dưới đây là một số tính năng nổi bật của Divi theme:
Giao diện quản lý dễ sử dụng
Divi theme sẽ tự động tạo ra một menu quản lý tính năng riêng sau khi được kích hoạt. Mỗi mục trong menu tương ứng với một nhóm tính năng và bạn có thể tùy chỉnh giao diện theo ý muốn.
Trong phần Theme Options, bạn có thể thực hiện nhiều điều chỉnh như thêm logo tùy chỉnh, chọn màu sắc chủ đạo, kết nối Google API key, lựa chọn layout, tùy chỉnh hiệu suất, thêm liên kết xã hội, định dạng ngày, bật/tắt điều hướng, bật/tắt tính năng kéo thả trên trang/bài viết, quản lý quảng cáo, SEO, chèn code vào Header/Footer,….
Ngoài ra, có một khu vực Theme Customize với giao diện trực quan, cho phép bạn thấy ngay các thay đổi khi chỉnh sửa. Tại khu vực này, bạn có thể chỉnh sửa kích thước font chữ, header, footer, màu sắc, nền, cách thể hiện trên giao diện di động, blog,…
Trình tạo trang kéo và thả Divi Builder trực quan
Một trong những tính năng nổi bật của Divi đó là trình tạo trang Divi Builder. Đây là một công cụ giúp người dùng có thể tạo page một cách dễ dàng, nhanh chóng chỉ bằng cách kéo và thả, không cần có kiến thức lập trình. Đặc biệt là các trang phổ biến như trang chủ, blog, trang bán hàng, trang liên hệ…
Bạn có thể kích hoạt Divi Builder và thực hiện tất cả thao tác tạo trang từ giao diện soạn thảo, có thể chọn giao diện trực quan (front-end) hoặc giao diện bố trí theo dạng block (back-end).
Mặc dù giao diện back-end có thể trông gọn gàng nhưng lại có thể hơi khó hiểu với người không chuyên. Trong khi đó, giao diện front-end có thể giúp bạn thấy rõ thiết kế của mình một cách rõ ràng và trực quan. Ngoài ra, bạn cũng có thể dễ dàng chuyển đổi giữa hai giao diện trong quá trình sử dụng.
Thư viện layout đa dạng
Thư viện layout của Divi cung cấp hơn 142 gói layout (trong đó có khoảng 1051 layout riêng lẻ) phục vụ đa dạng lĩnh vực như thiết kế, sức khỏe, sự kiện, doanh nghiệp, ẩm thực, nhà hàng khách sạn, giáo dục, cửa hàng điện tử,… Bạn chỉ cần chọn layout ưa thích và tiến hành tùy chỉnh theo ý muốn của mình.
Bộ sưu tập các module đa năng
Divi theme sở hữu một bộ sưu tập đa dạng với hơn 40 module như call to action, sidebar, gallery, contact form, testimonial, blog, comment, portfolio, video slider,… Điều này giúp tạo ra các website chuyên nghiệp một cách dễ dàng và linh hoạt.
Cho phép tùy chỉnh các tùy chọn dễ dàng
Divi giúp bạn dễ dàng điều chỉnh cả bố cục trang web và các thành phần khác nhau trên trang. Điều này cho phép bạn linh hoạt quản lý, sắp xếp và tổ chức website theo ý muốn.
Ngoài ra, việc điều chỉnh khoảng cách giữa các yếu tố trên website ảnh hưởng trực tiếp đến trải nghiệm của người dùng. Thông thường, để thực hiện việc này bạn phải viết code CSS với các thuộc tính như margin và padding. Tuy nhiên, điều này đòi hỏi phải có kiến thức chuyên sâu và tốn nhiều thời gian.
Sử dụng Divi theme có thể giúp bạn dễ dàng điều chỉnh khoảng cách và kích thước bằng thao tác kéo thả các phần tử. Điều này giúp tối ưu hóa quá trình thiết kế mà không yêu cầu kiến thức về lập trình CSS.
Xem trước và tùy chỉnh kích thước trên từng thiết bị
Đây là một tính năng quan trọng giúp bạn có thể mang lại trải nghiệm tốt nhất cho người dùng của mình. Trong giao diện thiết kế của Divi, bạn có thể xem trước các thiết kế trên nhiều thiết bị phổ biến như desktop, tablet, mobile,… và chủ động điều chỉnh chúng theo ý muốn của mình.
Đặc biệt, Divi cho phép tùy chỉnh chuyên sâu cho từng chi tiết trên mỗi thiết bị như text button, kích thước, hiệu ứng rê chuột, khoảng cách chữ, màu sắc,…
Tối ưu SEO, quảng cáo
Divi Theme không chỉ là một theme đẹp mắt, đa năng mà còn hỗ trợ tối ưu cho SEO và quảng cáo. Đối với SEO, Divi không chỉ đáp ứng đầy đủ và tối ưu về cấu trúc chuẩn SEO, tốc độ tải trang nhanh, thân thiện với thiết bị di động mà còn cung cấp khu vực cấu hình SEO. Tab SEO cung cấp các tính năng tối ưu về homepage, single post page, index page. Tuy nhiên, để tối ưu SEO tốt nhất, bạn nên dùng các plugin chuyên về SEO như Yoast SEO, All In SEO hoặc Rank Math.
Với tính năng tối ưu quảng cáo, Divi cung cấp một tab Ads riêng biệt trong mục Theme Options, giúp bạn dễ dàng tích hợp quảng cáo vào nhiều vị trí trên website bằng cách dán code HTML quảng cáo hoặc Google Adsense. Sau đó bạn lưu lại là xong.
Nhược điểm của Divi
Bên cạnh những tính năng nổi bật vừa trình bày ở trên, Divi theme cũng tồn tại một số nhược điểm sau đây:
- Khó khăn khi chuyển sang một trình tạo trang khác. Bởi vì Divi theme tạo shortcode khi bạn tạo trang, nhưng bạn chỉ thấy chúng khi chuyển sang sử dụng một theme khác. Điều này có thể tạo ra tình trạng code lộn xộn trên trang và bạn phải xóa thủ công.
- Divi cung cấp quá nhiều tùy chọn và chức năng. Việc này đôi khi làm cho việc tìm kiếm một tùy chọn trở nên khó khăn và mất thời gian.
Hướng dẫn cách sử dụng Divi theme
Để sử dụng Divi theme, bạn có thể thực hiện theo hướng dẫn sau đây:
Cài đặt và kích hoạt Divi theme bản quyền
Tải và cài đặt Divi theme như các theme khác. Nếu bạn mua hosting hoặc VPS của Vietnix thì có thể download Divi theme miễn phí từ portal Vietnix.
Nếu gặp lỗi khi upload, hãy tăng giá trị upload_max_filesize và max_execution_time của PHP. Để kích hoạt bản quyền Divi theme, bạn vào Menu Admin > Divi > Updates > Nhập key kích hoạt > Save Changes. Sau khi kích hoạt, bạn có thể vào các tab khác để tùy chỉnh các thông số như tab SEO, Ads,…
Import/Export premade layout
Để có thể dễ dàng thêm vào các thiết kế có sẵn cho website của mình, bạn có thể thực hiện như sau:
Trong Dashboard, bạn chọn Divi > Divi Library > Import & Export.
Lúc này sẽ xuất hiện một pop up, bạn chọn Import hoặc Export > Choose File > Chọn Import hoặc Export Divi Builder Layouts.
Khi bạn thích một template và muốn sử dụng cho các website khác hoặc lưu lại, bạn có thể sử dụng tính năng Export để lưu template đó thành premade layout.
Load Demo Templates
Demo của Divi là những premade layouts do ElegantThemes thiết kế. Bạn có thể import từ server của ElegantThemes mà không cần tải về máy tính. Để sử dụng demo của Divi, bạn chọn Page > Add New > Use The Divi Builder.
Tiếp theo, chọn Use Visual Builder và load demo trực tiếp trên front-end hoặc chọn Load From Library để load ở back-end.
Sau đó, bạn sẽ có 2 tùy chọn đó là Add From Library để load các template trong mục Divi Library và Predefined Layout để load demo từ ElegantThemes. Cuối cùng, bạn nhấn Load để import demo, sau đó nhấn Publish là hoàn tất.
Hướng dẫn sử dụng Divi Visual Builder
Divi Builder có tích hợp sẵn Visual Builder, giúp bạn dễ dàng chỉnh sửa và kéo thả các phần website ngay trên giao diện front-end. Để sử dụng Divi Visual Builder, bạn thực hiện như sau:
Trong Dashboard, bạn chọn Page > Add New để tạo một page mới hoặc vào page cần chỉnh sửa và nhấn Use Visual Builder. Bạn có thể chỉnh sửa bằng cách nhấp vào phần cần thay đổi hoặc thêm một section mới và thực hiện tải các template từ Divi Library.
Menu chính của Visual Builder nằm ở nút tròn màu tím dưới cùng. Bạn hãy di chuột vào đó để xem công cụ của mỗi icon. Sau khi chỉnh sửa, bạn chỉ cần Save Draft hoặc Publish là xong.
Bạn có thể tham khảo thêm một số bài viết liên quan dưới đây:
Lời kết
Trên đây là những thông tin chia sẻ về Divi theme và hướng dẫn sử dụng theme này, mong rằng bài viết đã cung cấp cho bạn những kiến thức hữu ích. Nếu có bất cứ thắc mắc nào, bạn có thể liên hệ với Vietnix để được hỗ trợ tư vấn nhanh chóng.
