Chào bạn. Bài viết này tôi muốn chia sẻ một plugin 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à plugin DIvi Supreme Pro, plugin này hỗ trợ tốt cho 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 plugin 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″]

Divi Supreme là gì?

Divi Supreme là plugin của bên thứ ba dành cho Divi, bổ sung nhiều mô-đun và tính năng mới cho Divi Builder và các theme WordPress. Nó sẽ cung cấp cho bạn các công cụ để xây dựng website của mình.

Phù hợp với ai

Với Divi Supreme, bạn có quyền truy cập vào 60 mô-đun tùy chỉnh Divi giúp bạn tạo các website Divi tuyệt vời một cách nhanh chóng dễ dàng hơn bao giờ hết. Divi Supreme rất dễ sử dụng và giúp tăng thêm khả năng cũng như tính linh hoạt trong thiết kế cho Divi cực kỳ đơn giản – ngay cả đối với những người mới sử dụng Divi.

Đặc điểm

• Tiết kiệm – hơn 50 mô-đun & 8 tiện ích mở rộng trong MỘT PLUGIN
• Không cần phải hiểu biết về code
• Dễ dàng sử dụng
• Được thiết kế với code tinh gọn để giảm thiểu sự cồng kềnh
• Tùy chọn cho hình ảnh động đẹp, tinh tế
• Dễ dàng chỉnh sửa
• Kiểm soát thiết kế
• Trực quan, dễ tiếp cận và thân thiện với người dùng
• Giao diện được thiết kế phù hợp với Divi
• Đội ngũ hỗ trợ chuyên nghiệp, đáng tin cậy và tận tình

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

Tính năng

Divi Supreme có tới 60 tính năng giúp website của bạn trông tuyệt vời hơn.

1. Animated Gradient Text

Animated Gradient Text áp dụng chuyển màu cho văn bản. Chọn kiểu, tạo độ dốc với nhiều màu sắc và điều chỉnh hướng cũng như tốc độ của hoạt ảnh.

2. Before/After Image Slider

Before/After Image Slider cho phép bạn thêm hai hình ảnh, trước và sau, đồng thời bao gồm một thanh trượt để so sánh chúng. Nó cũng thêm nhãn và lớp phủ khi di chuột. Bạn có thể tùy chỉnh nhãn, lớp phủ và thanh trượt xử lý.

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

3. Business Hours

Mô-đun Business Hours bao gồm các mô-đun phụ cho mỗi ngày với các trường về ngày và giờ. Điều chỉnh thiết kế của từng thành phần hoặc toàn bộ module. Điều chỉnh kiểu dáng cho ngày, giờ và dấu phân cách giữa chúng. Tôi đã thêm bốn ngày và tăng kích thước, chiều rộng và chiều cao của ngày, màu sắc và kích thước của giờ, đồng thời thêm đường nét đứt với màu tùy chỉnh.

3. Supreme Button

Supreme Button cung cấp hai nút khác nhau trong cùng một mô-đun với các điều khiển và tính năng bổ sung riêng lẻ. Điều chỉnh văn bản, căn chỉnh, nền, viền, văn bản phân cách.

4. Supreme Card

Supreme Card hoạt động giống như một lời giới thiệu nhưng có nhiều chức năng hơn đối với các yếu tố như điều chỉnh kích thước và vị trí hình ảnh, chọn giữa hai bố cục khác nhau và điều chỉnh logo, nút, văn bản, v.v.

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

5. Card Carousel

Card Carousel hoạt động giống như Supreme Card nhưng bổ sung thêm nhiều thẻ phụ hiển thị dưới dạng băng chuyền với thanh trượt điều hướng. Bạn có quyền kiểm soát các thẻ và cài đặt băng chuyền.

6. Dual Heading Text

Dual Heading Text bao gồm ba bộ văn bản khác nhau: Before, Middle, và After. Bạn có quyền kiểm soát từng bộ hoặc điều khiển tất cả văn bản cùng lúc.

7. Embedded Google Map

Embedded Google Map là một bản đồ đơn giản không yêu cầu API Google. Chỉ cần nhập địa chỉ và điều chỉnh kích thước bản đồ của bạn.

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

8. Embedded Twitter Timeline

Embedded Twitter Timeline hiển thị feeds của Twitter. Bạn có thể nhúng bất kỳ feeds nào và bạn có thể giới hạn số lượng tweet, chọn chủ đề sáng hoặc tối, hiển thị đầu trang, chân trang, đường viền và thanh cuộn cũng như xóa màu nền. Bạn có thể điều chỉnh nó bằng các cài đặt thiết kế tiêu chuẩn.

9. Facebook Comments

Facebook Comments có thể thay thế bình luận WordPress của bạn. Điều này cung cấp khả năng sắp xếp nhận xét, đánh dấu là spam, báo cáo cho Facebook, v.v. Người dùng cần có tài khoản Facebook để nhận xét, điều này có thể giúp tăng cường bảo mật. Nhập ID ứng dụng Facebook, URL trang, giới hạn số lượng bài đăng, chọn giữa màu sáng và màu tối cũng như thứ tự sắp xếp. Bạn cũng có thể điều chỉnh nó bằng các cài đặt thiết kế thông thường.

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

10. Breadcrumbs module

Divi Breadcrumbs là một cách tuyệt vời để giúp người dùng điều hướng trang web của bạn dễ dàng hơn và tốt hơn cho SEO.

Nó hiển thị một tập hợp các liên kết trên một trang đại diện cho “thứ bậc” trong hành trình của một khách truy cập cụ thể từ trang này sang trang khác.

Điều này có thể hữu ích trong việc cho phép khách truy cập nhanh chóng tìm đường quanh trang web mà không cần phải tìm kiếm qua menu hoặc ghi nhớ các URL dài.

Ngoài ra, những đường dẫn này có thể có lợi cho việc tối ưu hóa công cụ tìm kiếm vì chúng cung cấp cấu trúc và ngữ cảnh giúp trình thu thập thông tin thu thập dữ liệu và lập chỉ mục các website hiệu quả hơn.

11. Icon Divider

Bộ chia biểu tượng thêm các đường phân chia xung quanh biểu tượng Divi hoặc một hình ảnh. Điều chỉnh kích thước, màu sắc, hình ảnh và biểu tượng, căn chỉnh với dải phân cách, v.v. Bạn cũng có thể điều chỉnh màu sắc, kích thước, vị trí của dải phân cách với biểu tượng hoặc hình ảnh, v.v.

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

12. Image Hotspot

Image Hotpot cho phép bạn đặt các biểu tượng hoặc văn bản trong hình ảnh của mình bằng chú giải công cụ mở khi di chuột hoặc nhấp chuột. Điều chỉnh màu sắc, văn bản, biểu tượng, hình động, v.v. Điều này rất tốt để hình ảnh sản phẩm cung cấp thông tin. Thêm bao nhiêu tùy thích và tùy chỉnh chúng riêng lẻ.

13. Timeline layout

Mô-đun Dòng thời gian Divi là một công cụ mạnh mẽ cho phép bạn nhanh chóng và dễ dàng tạo các dòng thời gian đầy phong cách và hấp dẫn bằng cách sử dụng nội dung của mình.

Giao diện trực quan của nó giúp mọi người dễ dàng tập hợp dòng thời gian chỉ trong vài phút – không cần mã hóa! Ngoài ra, mô-đun này được thiết kế để xem nhanh, mang lại cho bạn sự yên tâm khi biết rằng tác phẩm của bạn sẽ trông tuyệt vời trên mọi thiết bị.

14. Floating Multiple Images

Nhiều hình ảnh nổi cho phép bạn thêm bất kỳ số lượng hình ảnh nào với các cài đặt cho từng hình ảnh. Những hình ảnh chồng lên nhau. Nó không cung cấp khả năng kiểm soát việc di chuyển, vì vậy bạn không thể thay đổi tốc độ hoặc hướng. Nó bao gồm tất cả các cài đặt mô-đun tiêu chuẩn, vì vậy bạn có thể điều chỉnh kích thước khu vực của mô-đun, thêm đường viền, v.v.

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

15. Mask Text

Mask Text là một trong những mô-đun yêu thích của tôi. Nhập văn bản bạn muốn hiển thị và thực hiện tất cả các điều chỉnh văn bản tiêu chuẩn và thêm hình ảnh. Văn bản hiển thị dưới dạng phần cắt ra và hiển thị hình ảnh đằng sau nó. Tất cả các điều khiển hình ảnh tiêu chuẩn đều có ở đây. Tôi đang sử dụng văn bản được cung cấp và đã thay đổi kích thước, viết hoa toàn bộ, chọn cực đậm và thêm bóng văn bản.

16. Shapes

Hình dạng có thể hiển thị một trong 17 hình dạng với bất kỳ kích thước và màu sắc nào bạn muốn. Chọn hình dạng, đặt kích thước, thêm đường viền, bóng, v.v.

17. Tilt Image

Hình ảnh nghiêng cho phép bạn đặt hình ảnh nghiêng khi di chuột dựa trên vị trí của con trỏ chuột. Điều chỉnh cài đặt độ nghiêng, thêm hiệu ứng bật ra 3D, tạo lớp phủ hình ảnh với phương tiện và biểu tượng, đồng thời điều chỉnh từng thành phần bằng cài đặt kiểu.

18. Image Carousel Module

Image Carousel Module có khả năng tạo băng chuyền hình ảnh đẹp mắt một cách nhanh chóng và đơn giản mà còn có nhiều tính năng như hiệu ứng di chuột, tự động phát, lặp lại và nhiều người khác. Với mô-đun này, giờ đây người dùng có khả năng tùy chỉnh cài đặt để tạo băng chuyền hình ảnh thực sự phù hợp với nhu cầu của họ. Cho dù bạn muốn trình bày các phần portfolio, hình ảnh sản phẩm hay biểu trưng của khách hàng, mô-đun này mang đến cơ hội tuyệt vời để tạo các phần tử trình chiếu có tác động trực quan ấn tượng.

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

19. Floating multi images module

Hiển thị hình ảnh của bạn theo cách hoàn toàn mới với mô-đun Nhiều hình ảnh nổi! Chuyển đổi bất kỳ trang nào bằng cách thêm các hình ảnh động bắt mắt có thể di chuyển lên, xuống và sang trái hoặc sang phải.

20. Text Divider Module

Làm cho tiêu đề của bạn nổi bật với Text Divider Module Từ đường viền đến văn bản ở giữa các ngăn, bạn sẽ có thể tùy chỉnh từng dòng tiêu đề và căn chỉnh nó một cách hoàn hảo để có giao diện ấn tượng.

Tiện ích

Dưới đay là tổng quan về 8 tiện ích mở rộng có trong Divi Supreme. Divi Supreme bao gồm 8 tiện ích mở rộng mà bạn có thể kích hoạt trong cài đặt của plugin.

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

1. Divi Popup

Divi Popup là cài đặt được thêm vào mô-đun Divi trong tab Nâng cao. Chọn loại cửa sổ bật lên, có thể là bố cục từ Thư viện Divi, iFrame, hình ảnh hoặc video của bạn, sau đó chọn bố cục và thêm trình kích hoạt. Trình kích hoạt có thể là mục đích nhấp chuột, tải trang, cuộn hoặc thoát. Đồng thời chọn cách đóng, hoạt ảnh thoát, vị trí, chiều rộng, lớp phủ và kiểu nút đóng. Mở khi tải trang cho phép bạn sử dụng nó như một sự đồng ý với cookie. Bạn có thể đặt thời gian hết hạn của cookie, thời gian trễ và nhiều hơn thế nữa.

2. Scheduled Element

Phần tử được lập lịch thêm một tùy chọn mới trong cài đặt Nâng cao của các phần, cột, hàng và mô-đun trong tab Hiển thị. Tại đây, bạn có thể hiển thị hoặc ẩn phần tử dựa trên ngày bạn chọn. Chọn giữa các thời điểm nhất định và thời gian làm việc, đồng thời chọn người dùng áp dụng.

3. Responsive Viewer

Với Responsive Viewer bạn chỉ cần chọn một tùy chọn xem trước ngay thiết kế ở các kích thước khác nhau rất dễ dàng. Ngoài ra, với bản xem trước, bạn có thể sử dụng kích thước của riêng mình, mang lại cho bạn sự linh hoạt khi tạo trang Divi cho thiết bị di động. Nhờ Responsive Viewer, tất cả các website Divi của bạn sẽ được tối ưu hóa cho tất cả các loại thiết bị, từ iPhone, iPad, Android và tất cả các thiết bị di động khác.

4. Easy Theme Builder For Header

Easy Theme Builder For Header cho phép bạn bật và định cấu hình cài đặt cho Theme Divi. Nó bao gồm các cài đặt để sửa tiêu đề, đẩy phần thân xuống, thu nhỏ khi cuộn và thu nhỏ phần đệm, hình ảnh theo một tỷ lệ phần trăm, ngưỡng nhất định và logo.

Tiêu đề cố định: Giúp trải nghiệm website của bạn tốt hơn nữa với tiêu đề cố định! Chỉ với một vài cú nhấp chuột, bạn có thể sử dụng Easy Theme Builder For Header để theo dõi khách truy cập mọi lúc mọi nơi trên website của bạn.

Thu nhỏ khi cuộn: không làm lộn xộn màn hình của khách truy cập. Thu nhỏ tiêu đề với Easy Theme Builder For Header chỉ bằng vài cú nhấp chuột để giảm kích thước và tối đa hóa chiều cao khung nhìn – không cần code.

Chuyển đổi logo khi cuộn: Khi khách truy cập cuộn trang, bạn có thể chuyển sang một logo độc đáo chỉ trong giây lát! Với Easy Theme Builder For Header, bạn sẽ có nhiều công cụ kiểm soát hơn đối với thiết kế website của mình và có thể làm cho trang web thực sự độc đáo.

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

5. Divi Library Widget

Tiện ích Thư viện Divi thêm một tiện ích sẽ hiển thị bất kỳ bố cục nào từ thư viện Divi của bạn. Điều này đặc biệt tốt cho các bố cục nhỏ mà bạn đã thiết kế cho thanh bên của mình.

6. Read More

Read More thêm cài đặt mới vào tab Nâng cao của mô-đun văn bản, lời giới thiệu, blog và lời kêu gọi hành động. Cài đặt này thêm các liên kết Đọc thêm và Đóng, đồng thời cho phép bạn đặt chiều cao thu gọn, nhập văn bản, điều chỉnh phông chữ, thêm bóng và thêm CSS tùy chỉnh.

7. Divi Library Shortcodes

Divi Library Shortcodes thêm một cột mới vào thư viện Divi của bạn bằng Shortcodes. Bạn có thể sao chép và dán Shortcodes này để hiển thị bố cục trong mô-đun Divi và mã PHP của bạn.

8. General Settings

Một trong những tính năng chính của Divi Supreme là trang cài đặt dễ sử dụng với một số tab, mỗi tab khám phá các tùy chọn tùy chỉnh khác nhau để người dùng khám phá. Trên trang cài đặt Divi Supreme, bạn sẽ tìm thấy tab General Settings, Divi Supreme cung cấp các nút bật tắt khác nhau để kích hoạt các thành phần được lên lịch, tính năng bật lên, tiện ích thư viện, liên kết đọc thêm nội dung, Library Shortcodes, v.v.

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

Giá cả

Divi Supreme Pro có 2 lựa chọn về giá cho các bạn lựa chọn là:

• Professional 79$ không giới hạn số website và 1 năm hỗ trợ.
• Agency 269$ Không giới hạn số website và được hỗ trợ trọn đời.

Lời kết

Trên đây là tổng quan về Plugin Divi Supreme Pro một Plugin với rất nhiều mô đun hỗ trợ thiết kế website hy vọng sẽ giúp ích cho bạn. Sau khi phân tích sâu về các khía cạnh khác nhau của plugin này, Divi Supreme Pro là một công cụ hữu ích cho bất kỳ ai muốn tạo website chuyên nghiệp với theme Divi. Từ tính thân thiện với người dùng đến khả năng tùy chỉnh và hiệu suất cao, Divi Supreme Pro mang đến nhiều giá trị hữu ích mà bạn khó có thể bỏ qua.

[divi_library_shortcode id=”34977″]