Bỏ qua đến nội dung chính

Đánh giá plugin WordPress: Divi Mega Pro

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Menu Mega là một yếu tố thiết kế phổ biến có thể giúp trang web của bạn tăng sự sang trọng trong khi cung cấp cho khách truy cập thêm một lớp điều hướng. Có một số cách để thêm các menu lớn vào Divi. Một trong những phương pháp đơn giản nhất tôi đã sử dụng làmột plugin của bên thứ ba có tên Divi Mega Pro .

Divi Mega Pro giúp bạn dễ dàng tạo các menu lớn bằng Divi Builder. Mỗi menu có thể được thêm vào bất kỳ phần tử nào bằng lớp CSS. Điều này có nghĩa là bạn có thể thêm bố cục Divi vào bất kỳ liên kết menu nào, nhưng bạn có thể tiến thêm một bước và thêm chúng vào bất kỳ yếu tố nào của bố cục Divi chỉ bằng cách thêm một lớp CSS.

Thật tuyệt vời khi tạo menu và cửa sổ bật lên với các mô-đun lưu trữ, hình ảnh, thanh trượt, danh mục đầu tư, biểu tượng, văn bản trình bày, video, blog, v.v. Nó cũng hoạt động với Extra.

Tạo một menu Mega Pro Mega

tạo một menu divi mega với divi mega.png

Menu Divi Mega Pro được thêm vào menu bảng điều khiển. Tại đây bạn có thể nhập mã cấp phép của mình, xem các menu bạn đã tạo và tạo một menu mới. Khi bạn bấm vào để thêm một menu mới, bạn sẽ thấy một trình soạn thảo cho loại ấn phẩm menu. Màn hình đơn giản, nhưng rất nhiều thứ đang diễn ra ở đây.

thiết kế menu Mega Pro.png

Nhà phát hành - bạn có thể tạo menu mega hoặc tooltip bằng Divi Builder.

thay đổi nền của mega menu.png

Nền tảng Mega Pro - bạn có thể chọn nền và màu của phông chữ.

chọn vị trí của menu.png

Xem địa điểm - chọn tất cả các trang hoặc đặt tên trang cụ thể, sau đó nhập ngoại lệ.

chọn hình ảnh động của menu.png

Hoạt hình Mega Pro - chọn một hình ảnh động. Chọn từ offset, offset, phối cảnh, mờ dần hoặc tỷ lệ.

chọn kích hoạt css.png

Kích hoạt Mega Pro - thêm một kích hoạt như một bộ chọn CSS. Khi bạn đã lưu nó, bạn sẽ thấy lớp CSS mà bạn sẽ dán vào trường lớp CSS của một mục menu, mô-đun, hàng hoặc phần. Điều này được nhấp hoặc bay để hiển thị menu. Tất cả mọi thứ có thể được sử dụng như một kích hoạt và không chỉ là một mục menu. Điều này có nghĩa là bạn cũng có thể sử dụng Divi Mega Pro để tạo cửa sổ bật lên hoặc chú giải công cụ.

kiểu cấu hình menu divi.png

Cài đặt hiển thị Mega Pro : chọn hướng hiển thị (lên hoặc xuống), nhập lề trên và dưới bằng pixel, chọn tỷ lệ phần trăm chiều rộng và kích hoạt một mũi tên. Bật mũi tên cho thấy nhiều tùy chỉnh hơn trong đó bạn có thể chọn loại mũi tên (hình tam giác hoặc hình tròn), chọn màu, đặt chiều rộng và chiều cao và xem trước mũi tên.

tùy chỉnh các nút divi.png

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

tùy chỉnh nút đóng: Kích hoạt nút đóng trên máy tính để bàn hoặc trên điện thoại di động và tùy chỉnh nút đóng. Nếu bạn bật nó, màu văn bản, màu nền, kích thước phông chữ, bán kính đường viền, điền và hiển thị các tùy chỉnh sẽ được xem trước.

cấu hình bổ sung divi mega pro.png

Thông số bổ sung Mega Pro - chọn loại kích hoạt (di chuột hoặc nhấp), loại đầu ra (di chuột qua hoặc nhấp) và nhập độ trễ thoát.

Mô hình Divi Mega Pro

các mẫu khác nhau có sẵn divi mega pro.png

Nhà phát triển đã cung cấp một số mô hình cho Divi Mega Pro. Khi bạn mua plugin, các mẫu này có sẵn trong tài khoản của bạn, trong tab Mẫu bố cục của plugin. Đây là những thứ tuyệt vời để giúp bạn bắt đầu thiết kế các menu lớn của mình. Tôi sẽ sử dụng một số trong số họ trong các ví dụ của tôi.

Menu Divi Mega Pro

menu divi mega pro.png

Khi bạn tạo một menu lớn, nó sẽ xuất hiện trong danh sách. Tại đây bạn có thể chỉnh sửa, chỉnh sửa nhanh chóng hoặc xóa menu. Bạn cũng có thể tìm kiếm, lọc theo ngày, xem theo trạng thái, v.v. Nó cũng cung cấp lớp Mega Pro duy nhất để bạn có thể sao chép chúng từ đây thay vì mở từng lớp để lấy lớp.

Khi bạn sao chép lớp, hãy chắc chắn để dán nó mà không có khoảng trắng bổ sung. Nếu không, tất cả các menu lớn trên trang sẽ không hoạt động nữa.

Tôi chắc chắn sẽ không dễ dàng để thêm, nhưng chức năng sao chép và chỉnh sửa sẽ thuận tiện. Bạn có thể lưu bố cục Divi vào thư viện của mình để sử dụng lại, nhưng điều này không bao gồm các cài đặt xung quanh.

Thêm một kích hoạt

chọn bộ chọn divi.png

Trong trường Mega Pro Triggers, bạn sẽ thấy một lớp Mega Pro độc đáo. Sao chép và dán nó vào trường Lớp CSS của mục bạn muốn sử dụng làm trình kích hoạt.

lớp css.jpg

Để thêm trường Lớp CSS vào một mục menu, bạn phải bật các lớp CSS. Trong màn hình menu, chọn Tùy chọn màn hình và kích hoạt các lớp CSS.

thêm một menu css lớp divi.png

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Dán lớp CSS trong trường menu. Bây giờ, mục menu này sẽ hiển thị menu mega bằng cách di chuột và đưa bạn đến trang nhấp để nhấp.

thiết kế menu divi mega pro.png

Bạn sẽ nhận thấy rằng Divi Mega Pro cũng là một tùy chọn trong tùy chọn liên kết menu. Chúng rất tuyệt để thêm một mục menu vào menu không thực sự đi đâu cả. Thêm lớp CSS giống như bất kỳ mục menu nào khác.

Phần liên hệ trên menu mega

phần liên hệ menu lớn pro.png

Menu mở trong di chuột. Tôi luôn có thể nhấp vào liên kết Liên hệ để mở trang liên hệ nếu tôi muốn. Nếu tôi chỉ muốn menu mega được hiển thị, tôi chỉ cần sử dụng liên kết menu chính Liên hệ và đổi tên nó (như trong ví dụ trên).

Trong phần này, tôi thay đổi màu sắc một chút bằng cách sử dụng cài đặt nền và hiển thị thay vì sử dụng Divi Builder. Anh ta thêm một thanh ở dưới cùng của menu.

Gọi hành động đơn giản với các cột menu

phần liên hệ thiết kế divi mega pro.png

Đây là một trong những mẫu có thêm nhiều cột. Tôi thực hiện điều chỉnh màu nền và phông chữ. Tôi cũng đã thêm một mũi tên và tạo độ rộng của 75%.

thay đổi màu nền divi mega pro.png

Các tùy chọn màu nền và phông chữ thêm một chút nữa để làm cho nó nổi bật. Tôi để lại căn chỉnh mặc định, đặt menu ở bên phải màn hình. Bạn có thể điều chỉnh vị trí trong cài đặt.

tab

thiết kế menu với các tab menu lớn divi.png

Mẫu tab bao gồm một mô-đun mã với jQuery để tạo hiệu ứng cuộn qua.

menu demo với tab divi mega pro.png

Tôi đã thêm nội dung vào các tab và điều chỉnh chúng cho trang web. Mỗi liên kết bên trái hiển thị một tab khác nhau trong hầu hết các menu.

Cấu hình bong bóng thông tin

bản giới thiệu infobulles divi.png

Đối với cái này, tôi đã thêm lớp CSS vào một văn bản trình bày để nó mở ra một cửa sổ bật lên nhỏ. Cửa sổ bật lên chỉ là một hình ảnh với một cái bóng bên dưới.

Trong hình trên, chuột của tôi di chuyển qua các từ TRỰC TIẾP. Tôi chưa điều chỉnh vị trí, nhưng thật dễ dàng để làm cho nó xuất hiện ở nơi bạn muốn.

thông tin thiết kế bull divi mega pro.png

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

Đối với cái này, tôi đã tạo một cửa sổ bật lên để hiển thị một hình ảnh với văn bản. Tôi đặt hướng hiển thị thành Thấp và để làm cho nó xuất hiện bên cạnh hình ảnh tôi muốn thêm, tôi đã thêm một lề của -300.

thông tin kết quả bong bóng divi.png

Cửa sổ bật lên bây giờ xuất hiện ở bên trái và trên cùng của hình ảnh khi tôi bay qua nó. Tôi đã thêm một màu nền trong suốt, màu viền, tô màu và đường viền tròn.

Giấy phép và tài liệu

giấy phép và trình diễn.png

Bạn có thể lựa chọn giữa bốn giấy phép:

  • Trang web đơn - 15 $ mỗi năm
  • Ba trang web - $ 29 mỗi năm
  • Trang web không giới hạn - 59 $ mỗi năm
  • Không giới hạn trọn đời - 129 $ một lần

Tài liệu được cung cấp bởi một trình diễn video và một bài viết trên trang web giải thích các tính năng và giải thích, từng bước, cách sử dụng plugin.

Hướng dẫn Divi khác

Bài viết này chứa comments 2
  1. Xin chào:
    Tôi có thể thấy cửa sổ bật lên được tạo ở đâu?
    Tôi không có cách nào để có được nó. Tôi chỉ có thể tạo một menu lớn, nhưng các cửa sổ bật lên mà tôi liên kết không mở.
    Tôi đã gặp một số email với Divi Life nhưng họ không làm rõ bất cứ điều gì.
    Merci beaucoup.

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
4 cổ phiếu
cổ phiếu4
tweet
Enregistrer