Mục này đặt tất cả các tiện ích bổ sung Trình tạo trang WPBakery hiện có của tôi ( giá trị trên 300 đô la ) vào một gói chỉ với 26 đô la và sẽ bổ sung thêm nhiều tiện ích bổ sung miễn phí trong bản cập nhật trong tương lai. Tất cả các tiện ích bổ sung đều có thiết kế đơn giản và mở rộng Trình tạo trang WPBakery với nhiều chức năng hơn. Gói này hoạt động tốt với WPBakery Page Builder được cài đặt dưới dạng plugin hoặc trong chủ đề. Tiện ích bổ sung sẽ tải nội dung javascript/css một cách nhanh chóng và bạn có thể chọn bật/tắt từng tiện ích bổ sung thông qua Trình quản lý vai trò của trình tạo trang.
Lưu ý: Plugin này là tiện ích bổ sung cho WPBakery Page Builder , nó yêu cầu cài đặt và kích hoạt WPBakery Page Builder trên trang web của bạn. Một số tính năng chuyển tiếp 3D CSS3 chỉ khả dụng trong trình duyệt hiện đại như Chrome, Firefox, Safari, Opera hoặc IE10+. Phần tử HotSpot cần bật trình chỉnh sửa giao diện người dùng để kéo nhằm cập nhật vị trí của biểu tượng.
Bạn có thể kéo biểu tượng điểm phát sóng để cập nhật vị trí của nó trong trình chỉnh sửa giao diện người dùng, nhấp vào hình ảnh để xem bản demo video Youtube:
Đánh giá
Bao gồm:
Thư viện video YouTube hoặc Vimeo![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
Giúp bạn thêm thư viện video YouTube hoặc Vimeo, với hình thu nhỏ và chú thích hoặc chú giải công cụ tùy chọn.
So sánh thẻ![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
Hiển thị 2 thẻ cạnh nhau, nút hỗ trợ và hộp đèn avatar, hộp đèn có thể là hình ảnh, video youtube hoặc google map v.v.
Thanh trượt thị sai![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
tự động trì hoãn trình chiếu với hình ảnh, chú thích, mũi tên và điều hướng dấu chấm.
Thẻ dòng thời gian![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
Cung cấp sự linh hoạt để thêm thẻ dòng thời gian đáp ứng với hình ảnh, video youtube hoặc bản đồ google, v.v.
Thanh trượt vật liệu![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
Giúp bạn thêm thanh trượt độ trễ tự động theo phong cách Google Material một cách dễ dàng.
Hộp xiên
Giúp bạn thêm hình ảnh 2 cạnh nhau vào hộp văn bản, bạn có thể thêm thanh trượt so sánh với nó.
Thẻ bóng tối
Giúp bạn thêm hình ảnh di chuột nghiêng 3D giống như Apple TV, với chú thích tùy chọn bên dưới.
Mở rộng lưới
- Thiết kế điều khiển hộp linh hoạt CSS3 , làm cho nó phản hồi nhanh và có thể mở rộng.
- Tùy chọn avatar, icon hỗ trợ avatar hoặc hình ảnh , icon với Icon Picker tích hợp trong WPBakery Page Builder .
- Tự động trì hoãn trình chiếu
- Kiểu màu gradient tích hợp, cũng hỗ trợ tùy chỉnh màu sắc .
- Thêm nội dung dễ dàng thông qua trình soạn thảo văn bản đa dạng thức tích hợp sẵn của WordPress, giúp bạn thêm bất kỳ HTML nào (như liên kết) một cách dễ dàng.
- Chú giải công cụ tùy chọn.
iHover
- Chuyển đổi CSS3 .
- 20 chuyển tiếp cho hình tròn, 15 chuyển tiếp cho hình vuông.
- Cả hai chuyển đổi đều hỗ trợ left_to_right, right_to_left, top_to_bottom và Bottom_to_top.
- Hỗ trợ hình thu nhỏ liên kết hoặc hộp đèn tùy chỉnh.
- Retina đã sẵn sàng, bạn có thể chọn hiển thị hình thu nhỏ ở retina.
Điểm truy cập hình ảnh với chú giải công cụ, hộp đèn hỗ trợ
- Bạn có thể dễ dàng tùy chỉnh vị trí của từng biểu tượng điểm phát sóng trong trình chỉnh sửa Giao diện người dùng của Trình tạo trang WPBakery.
- Liên kết Hotspot hỗ trợ YouTube, video Vimeo, hình ảnh hoặc bản đồ google dưới dạng hộp đèn .
- Hỗ trợ biểu tượng Hotspot Phông chữ Biểu tượng hoặc số tuyệt vời , số hoặc dấu chấm đơn.
- Biểu tượng Hotspot (và dấu chấm tròn) hỗ trợ mọi loại màu.
- Responsive và retina đã sẵn sàng.
- Biểu tượng điểm phát sóng hỗ trợ hoạt ảnh xung và có thể có màu trắng, xám, đỏ, lục, lam hoặc tím.
- Tùy chọn mở mọi chú giải công cụ theo mặc định khi tải trang.
- Chú giải công cụ hỗ trợ mọi loại nội dung, như hình ảnh hoặc video.
- Kiểu chú giải công cụ tùy chọn: bóng, ánh sáng, đen tối, punk.
- Hoạt ảnh chú giải công cụ tùy chọn: phát triển, trượt, mờ dần, giảm.
- Vị trí mũi tên chú giải công cụ tùy chọn: trên, phải, dưới, trái, trên cùng bên phải, trên cùng bên trái, dưới cùng bên phải, dưới cùng bên trái.
Hộp lật![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
- Hình nền tùy chọn ở cả hai bên.
- Tùy chọn avatar, hỗ trợ hình ảnh hoặc biểu tượng vòng tròn.
- Hình ảnh hoặc biểu tượng vòng tròn hỗ trợ Avatar.
- Hỗ trợ biểu tượng Bộ chọn biểu tượng tích hợp sau WPBakery Page Builder 4.4
- Responsive và retina đã sẵn sàng.
- Avatar có thể ở cả hai bên hoặc cố định ở trên cùng.
- Liên kết tùy chọn cho toàn bộ phần tử.
- Nút liên kết tùy chọn ở mặt sau.
- Chuyển tiếp lật CSS3 mượt mà.
Hộp chuyển màu![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
- Tùy chọn avatar, icon hỗ trợ avatar hoặc hình ảnh , icon với Icon Picker tích hợp trong WPBakery Page Builder .
- Avatar (biểu tượng hoặc hình ảnh) có thể có hình tròn, tròn nhỏ, tròn lớn hoặc hình vuông .
- Toàn bộ hộp có thể là hình vuông, tròn nhỏ hoặc tròn lớn.
- Kiểu màu gradient tích hợp, cũng hỗ trợ tùy chỉnh màu sắc .
- Khu vực nội dung có thể được căn giữa theo chiều dọc hoặc chỉ có phần đệm.
- Màu nền tùy chọn cho vùng nội dung, giúp bạn tạo đường viền chuyển màu.
- Nền biểu tượng tùy chọn.
- Liên kết tùy chọn cho toàn bộ hộp.
- Thêm nội dung dễ dàng thông qua trình soạn thảo văn bản đa dạng thức tích hợp sẵn của WordPress, giúp bạn thêm bất kỳ HTML nào (như liên kết) một cách dễ dàng.
- Chú giải công cụ tùy chọn cho toàn bộ hộp.
- Căn chỉnh tiêu đề hộp có thể ở bên trái, giữa hoặc bên phải.
- Và hơn thế nữa…
Trước & Sau![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
- Hỗ trợ Bộ chọn biểu tượng sau WPBakery Page Builder 4.4
- Tùy chọn trượt độ trễ tự động tùy chọn.
- Tùy chọn màu biểu tượng không giới hạn.
- Được xây dựng theo kiểu tay cầm.
- Chú giải công cụ tùy chọn cho tay cầm.
- Võng mạc, đáp ứng.
Hộp hình khối![new](data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E)
- Hình nền tùy chọn ở cả hai bên.
- Tùy chọn avatar, hỗ trợ hình ảnh hoặc biểu tượng vòng tròn.
- Hình ảnh hoặc biểu tượng vòng tròn hỗ trợ Avatar.
- Hỗ trợ biểu tượng Bộ chọn biểu tượng tích hợp sau WPBakery Page Builder 4.4
- Responsive và retina đã sẵn sàng.
- Liên kết tùy chọn cho toàn bộ phần tử.
- Chuyển tiếp khối CSS3 mượt mà.
Thị sai
- Tùy chọn hình ảnh, nội dung văn bản, bạn có thể chọn hình ảnh hoặc văn bản để hiển thị đầu tiên.
- Tùy chọn màu nội dung văn bản, nền nội dung văn bản, phần đệm nội dung văn bản.
- Chiều rộng thùng chứa tùy chọn.
- Hình ảnh hỗ trợ liên kết tùy chỉnh.
- Thị sai bị tắt trong chế độ xem trên thiết bị di động, giữ cho hình ảnh và văn bản có thể đọc được.
Dòng thời gian có thể kéo được
- Hỗ trợ nhãn dòng thời gian Chỉ có biểu tượng, hình ảnh hoặc văn bản thuần túy Font Awesome.
- Biểu tượng và hình ảnh có thể ở dạng hình vuông, hình tròn hoặc hình tròn.
- Tự động phát slideshow cho dòng thời gian.
- Hỗ trợ thanh cuộn tự động cho nội dung dài trong cửa sổ dòng thời gian.
- Võng mạc đã sẵn sàng.
- Màu thanh tùy chọn, kiểu màu cửa sổ dòng thời gian, màu phông chữ nhãn.
- Nút kéo tùy chọn.
- Tiêu đề dòng thời gian tùy chọn, nội dung dòng thời gian.
Chuyển đổi trang
- Hoạt ảnh ở 2 chế độ: chế độ bình thường hoặc chế độ lớp phủ.
- 58 hình ảnh động khác nhau.
- Màu lớp phủ tùy chọn.
- Tùy chọn tốc độ hoạt ảnh vào và ra trang.
Hình thu nhỏ có chú thích
- Hình thu nhỏ hỗ trợ hộp đèn hoặc liên kết tùy chỉnh.
- Tự động phát slideshow cho hình thu nhỏ.
- Retina sẵn sàng và đáp ứng.
- Tiêu đề chú thích tùy chọn, nội dung chú thích và nút.
- Chú thích tùy chọn và màu nền của nút.
Dấu phân cách bằng văn bản hoặc biểu tượng
- Liên kết hỗ trợ văn bản hoặc biểu tượng.
- Nhiều biểu tượng, bạn có thể chọn hiển thị 1 ~ 5 biểu tượng giống nhau trong dấu phân cách.
- Hình dạng tùy chọn, kiểu đường viền (rắn, chấm, nét đứt, màu gradient), màu phông chữ, màu nền, màu đường viền, họ phông chữ cho văn bản, chiều rộng phần tử, lề của toàn bộ dấu phân cách, v.v.
Giới thiệu toàn màn hình
- Nền có thể ở dạng hình ảnh (lặp lại hoặc không lặp lại) hoặc màu đồng nhất.
- Văn bản giới thiệu tùy chọn, biểu tượng Phông chữ tuyệt vời bên dưới văn bản giới thiệu, cỡ chữ, màu phông chữ, họ phông chữ, vị trí văn bản giới thiệu tùy chọn.
- Tùy chọn nhấp vào văn bản giới thiệu để cuộn, phần tử tùy chọn để cuộn đến phần tử, tốc độ cuộn tùy chọn, độ lệch cuộn.
- Chiều cao thùng chứa tùy chọn.
Metro Carousel và Ngói
- Bạn có thể chọn hiển thị hình ảnh ở chế độ Carousel hoặc Tile.
- Nút điều hướng trong Carousel hỗ trợ các vị trí sau: dưới cùng bên trái, dưới cùng ở giữa, dưới cùng bên phải, trên cùng bên trái, trên cùng ở giữa và trên cùng bên phải.
- Nút điều hướng trong Carousel có thể là một trong 3 loại sau: mặc định (dòng ngắn), chu kỳ và hình vuông.
- Nút điều hướng trong Carousel với 12 tùy chọn màu hoạt động có sẵn.
- Hỗ trợ hoạt ảnh trượt: trượt, làm mờ, chuyển đổi hoặc làm chậm ở chế độ Carousel.
- Hỗ trợ hiệu ứng trượt: slideLeft, slideRight, slideLeftRight, slideUp, slideDown và slideUpDown ở chế độ Ngói.
- Hình thu nhỏ hỗ trợ hộp đèn hoặc liên kết tùy chỉnh ở cả hai chế độ.
- Tự động phát slideshow ở cả hai chế độ, bạn có thể tùy chỉnh thời gian trễ trong trình chỉnh sửa.
- Retina sẵn sàng và đáp ứng.
- Metro UI CSS được điều khiển, chỉ bao gồm thành phần cần thiết, giữ cho tệp nhẹ.
Băng chuyền & Phòng trưng bày
- Bạn có thể chọn hiển thị hình ảnh trong Carousel hoặc Gallery.
- Điều hướng dấu chấm và mũi tên tùy chọn.
- Hộp đèn hỗ trợ băng chuyền hoặc liên kết tùy chỉnh.
- Retina sẵn sàng, đáp ứng.
- Tự động phát trình chiếu.
- Chú giải công cụ tùy chọn cho hình thu nhỏ.
- Chiều rộng vùng chứa tùy chọn và chiều rộng tối đa, tự động căn giữa.
Thu phóng hoặc phóng to (hình ảnh)
- Bạn có thể chọn hiển thị hình ảnh ở chế độ Zoom hoặc Magnify.
- Ở chế độ Thu phóng, bạn có thể chọn vị trí thanh điều khiển, mẫu nền vùng chứa, chiều rộng vùng chứa, v.v. trong phần phụ trợ.
- Thanh điều khiển có thể ở trên, dưới, trái hoặc phải.
- Hình ảnh thu phóng có thể được hiển thị trong võng mạc.
- Ở chế độ Phóng to, bạn có thể tùy chỉnh bán kính kính, kích thước đường viền, màu đường viền, áp dụng bộ lọc màu xám cho hình ảnh, cách di chuyển kính lúp (nhấn hoặc di chuột qua), tùy chỉnh vị trí mặc định của kính khi tải trang, v.v.
Tab
- Tiêu đề menu tab tùy chọn, màu menu không giới hạn, nền menu, màu nội dung, nền nội dung.
- Hỗ trợ menu tab Biểu tượng Font Awesome.
- 3 phong cách tab có sẵn.
- Chuyển tiếp suôn sẻ.
- Võng mạc đã sẵn sàng.
- Mục tab không giới hạn, nội dung hỗ trợ bất kỳ loại nội dung nào.
- Tùy chọn xoay độ trễ tự động cho các tab.
- Chiều rộng vùng chứa tùy chọn, tự động căn giữa.
Hiệp ước CSS3
- Tiêu đề menu accordion tùy chọn, màu menu, nền menu, mẫu nền menu, màu nội dung, nền nội dung, kích thước phông chữ, v.v.
- 2 phong cách accordion có sẵn.
- Chuyển tiếp CSS3 mượt mà.
- Responsive và retina đã sẵn sàng.
- Mục accordion không giới hạn, accordion hỗ trợ bất kỳ loại nội dung nào.
- Đường viền tùy chọn.
- Chiều rộng vùng chứa tùy chọn, tự động căn giữa.
Hình ảnh có mũi tên
-
- Tùy chọn hình ảnh, nội dung văn bản, vị trí nội dung có thể ở trên, phải, dưới hoặc trái.
Tùy chọn màu nội dung, nền nội dung, cỡ chữ, vị trí mũi tên,
- Hình ảnh có thể được mở dưới dạng hộp đèn hoặc liên kết tùy chỉnh.
- Võng mạc và đáp ứng.
Thư viện bìa sản phẩm
- Tùy chọn ảnh bìa, nhãn bìa, màu nhãn, chú thích khi người dùng di chuột.
- Hình thu nhỏ tùy chọn khi người dùng di chuột, hình thu nhỏ có thể được mở trong chế độ xem hiện tại, hộp đèn hoặc liên kết tùy chỉnh.
- Võng mạc và đáp ứng.
Thư viện vừa
- Tùy chọn bố cục của Thư viện Trung bình, bạn có thể đặt thủ công một chuỗi số để chỉ định số lượng hình ảnh mà mỗi hàng chứa trong thư viện.
- Tùy chọn chiều rộng, lề, tiêu đề và alt của thư viện cho hình ảnh trong Thư viện Trung bình.
- Nhãn ruy băng tùy chọn, liên kết ruy băng, vị trí, nền ruy băng, màu ruy băng, liên kết hình ảnh, v.v. trong tiện ích bổ sung Ribbon.
- Võng mạc và đáp ứng.
Danh sách việc cần làm hoặc bảng giá
- Bạn có thể tùy chỉnh nó thành danh sách việc cần làm hoặc bảng giá .
- Giao diện người dùng tùy chọn chỉ tương tác với danh sách việc cần làm.
- Font Awesome icon 4.2, màu tùy chọn cho từng icon.
- Responsive và retina đã sẵn sàng.
- Tùy chọn văn bản tiêu đề, màu sắc, nền, mẫu nền.
- Danh sách vật phẩm không giới hạn.
- Bộ chia nhãn tùy chọn bên trong danh sách.
- Nút tùy chọn bên dưới danh sách vật phẩm.
- Tùy chọn chia từng mục bằng nền hoặc viền.
Điều hướng hình
- Nhãn hình tùy chọn, nền, màu sắc, màu đường viền, tiêu đề, mô tả và kích thước phông chữ, v.v.
- Hỗ trợ mã ngắn Trình tạo trang khác, ví dụ: bạn có thể đặt các nút Trình tạo trang bên trong nội dung.
- Tùy chọn ảnh nền cho từng khối, bạn có thể chọn ảnh lặp lại hoặc không.
- Hình ảnh tiêu đề và kích thước hình ảnh tùy chọn.
- Retina, bạn có thể chọn hiển thị hình ảnh tiêu đề ở retina hoặc không.
- Tùy chọn chiều cao khối, nền khối.
- Tùy chọn hiển thị khối nào theo mặc định.
Phòng trưng bày ngăn xếp
- Hình ảnh tùy chọn, kích thước hình ảnh tùy chọn, đường viền hình ảnh, hình ảnh võng mạc tùy chọn.
- Chú giải công cụ tùy chọn cho mỗi hình ảnh.
- Tùy chọn dễ dàng thêm vào và loại bỏ hình ảnh động.
- Võng mạc và đáp ứng.
- Điều hướng mũi tên tùy chọn, màu mũi tên tùy chọn (trắng/đen).
- Chiều cao vùng chứa tùy chọn, nền vùng chứa.
- Tùy chọn trình chiếu độ trễ tự động và độ trễ thứ hai.
Băng chuyền chứng thực
- Hình đại diện tùy chọn, kích thước hình đại diện tùy chọn và lề CSS, hình đại diện retina tùy chọn, liên kết tùy chọn cho mỗi hình đại diện.
- Số chứng thực tùy chọn sẽ được hiển thị theo mặc định.
- Chiều rộng lời chứng thực tùy chọn, màu nền và màu văn bản, họ phông chữ, kiểu phông chữ và cỡ chữ.
- Tùy chọn tự động phát và độ trễ trình chiếu thứ hai.
- Vòng lặp vô hạn tùy chọn cho băng chuyền.
- Hỗ trợ biểu tượng Font Awesome.
- Responsive và retina đã sẵn sàng.
- Tùy chọn kích thước, màu sắc, vị trí biểu tượng.
Phòng trưng bày nề
- Lưới đáp ứng.
- Chiều rộng hình thu nhỏ tùy chọn, phần đệm hình thu nhỏ, độ lệch vùng chứa, chiều rộng tối thiểu của hình ảnh hộp đèn.
- Hộp đèn hỗ trợ hình thu nhỏ, liên kết tùy chỉnh, hình ảnh thu nhỏ có thể ở dạng võng mạc.
Thông báo cuộn
- Chuyển đổi CSS3 (được điều khiển bởi animate.css , với hơn 20 tùy chọn chuyển đổi) cho thông báo bật lên.
- Tùy chọn nền cửa sổ bật lên, màu văn bản, chiều rộng và lề trên.
- Thông báo có thể ở bất kỳ vị trí nào của trang, ví dụ: phía trên bên trái, phía trên bên phải, phía dưới bên trái, phía dưới bên phải, v.v.
- Nhiều thông báo, bạn có thể thêm một thông báo duy nhất cho mỗi bài đăng hoặc trang.
- Tùy chọn độ mờ, vị trí, màu sắc, kiểu hoạt ảnh và tính năng cookie cho thông báo.
Thư viện DA (Nhận biết hướng)
- Hiệu ứng di chuột 3D.
- Chiều rộng thư viện tùy chọn, chiều rộng hình thu nhỏ, lề hình thu nhỏ, chú thích (tiêu đề và mô tả hình thu nhỏ).
- Tùy chọn màu chú thích, nền chú thích, độ mờ.
- Hộp đèn hỗ trợ hình thu nhỏ, liên kết tùy chỉnh, hình ảnh thu nhỏ có thể ở dạng võng mạc.
Thư viện mô hình ứng dụng
- Hiệu ứng CSS3 3D cho hình thu nhỏ.
- Tùy chọn chiều rộng, chiều cao hình thu nhỏ, độ lệch vùng chứa, chú giải công cụ.
- Hộp đèn hỗ trợ hình thu nhỏ hoặc liên kết tùy chỉnh.
- Nền gradient tùy chọn.
- Hình thu nhỏ võng mạc tùy chọn.
Phông chữ Hoạt hình tuyệt vời
- Hỗ trợ tất cả các biểu tượng Font Awesome.
- Tùy chọn kích thước biểu tượng, hoạt ảnh biểu tượng, màu sắc biểu tượng, biểu tượng nổi.
Và hơn thế nữa..
Bao gồm Depth Modal, Profile Card, Fluidbox, Ribbon, Animate Button 01, v.v., tất cả đều có thiết kế đơn giản và giúp bạn thêm hiệu ứng bắt mắt cho trang web của mình.