Người dùng WordPress có lẽ còn lạ lẫm với cái tên Spectra, nhưng nếu đề cập đến Ultimate Addons for Gutenberg, thì cộng đồng WordPress đã quá quen thuộc.
Spectra là brand-name mới của plugin Ultimate Addons for Gutenberg (UG) – plugin số 1 thế giới hỗ trợ thiết kế trên Gutenberg – Block Editor.
Được Brainstorm Force (Astra Agency) cho ra đời cách đây 4 năm, Ultimate Addons for Gutenberg hiện đã có hơn nửa triệu lượt active và tổng số 12 triệu lượt download, không plugin addons cho Gutenberg đạt được con số này:
Giới thiệu Spectra
Năm 2021, các nhà phát triển Astra Agency quyết định đổi tên Ultimate Addons for Gutenberg (UG) thành Spectra – với sứ mệnh biến nó thành công cụ thiết kế số 1 cho WordPress Block Editor, tương tự như cách Elementor đang làm.
Spectra là dạng số nhiều của từ Spectrum – nghĩa là Quang phổ
Ultimate Addons for Gutenberg có được số lượng người dùng đông đảo như vậy vì một lý do rất đơn giản: nó cực mạnh và ổn định & hoàn toàn miễn phí, hiếm có addons miễn phí nào mà tính năng nhiều và mạnh mẽ như UG.
Brainstorm Force vạch ra lộ trình rất rõ ràng cho Spectra, đầu tiên là bản miễn phí, sau đó sẽ ra mắt bản trả phí với các tính năng cao cấp hơn, giống như những người anh em nổi tiếng khác Ultimate Addons for Beaver Builder(UB), Ultimate Addons for Visual Composer (UV) và Ultimate Addons for Elementor (UE).
Các nhà phát triển Astra Agency đã dành 2 năm để liên tục cải tiến phiên bản miễn phí của Spectra và âm thầm phát triển các tính năng cho phiên bản thương mại Spectra Pro.
Bây giờ là thời điểm chín mùi để ra mắt Spectra Pro, khi WordPress Full Site Editing và Gutenberg đã có những bước tiến rõ rệt, được sử dụng phổ biến, các plugin đối thủ như Stackable, đặc biệt là GenerateBlocks đã có lượng người dùng cực lớn.
Spectra vốn đã mạnh mẽ, vậy Spectra Pro, chắc chắn phải có những tính năng chất hơn rất nhiều!
Các tính năng của Spectra Pro
Mới đây các nhà phát triển Astra Agency đã gởi email thông báo về việc ra mắt Spectra Pro, với các tính năng mà bản free không có, như đề cập trong email:
Ngoài nhóm 11 tính năng đã sẵn sàng trên Spectra Pro, thì có 3 tính năng sắp được bổ sung. Cụ thể:
- Globally linked styles.
- Spectra Cloud: chúng ta đã có Thư viện Templates Spectra Free rất ngon lành rồi, nhưng bản Pro sẽ bổ sung thêm nhiều web mẫu chuyên nghiệp hơn nữa, bao gồm Site Templates, Wireframe và Block Patterns nâng cao.
- Spectra AI: không phải kiểu tạo nội dung như ChatGPT đâu, mà là tính năng gởi yêu cầu (promt) để Spectra Pro tự động thực hiện các thiết kế và tính năng, Elementor cũng mới giới thiệu tính năng hỗ trợ thiết kế bằng AI, rất hứa hẹn!
WPVUI sẽ giới thiệu kỹ 3 tính năng này sau.
Ở bài này, ta sẽ nói về các tính năng đã có sẵn trên phiên bản hiện tại.
Dynamic Content
Dynamic Content là các nội dung ‘động’ của WordPress, ví dụ các nội dung thuộc về post như Tiêu đề, Featured Image, Tác giả, Category… và kể các content từ các plugin mở rộng nội dung như ACF, PODS hay Meta Box.
Tính năng hỗ trợ thêm Dynamic Content sẽ giúp chúng ta thiết kế dễ dàng các trang web phức tạp, cho phép hiển thị nhiều loại nội dung một cách vô cùng linh hoạt.
Ví dụ đơn giản nhất, bạn có thể hiển thị một bài viết (hoặc sản phẩm,..) ở bất cứ chỗ nào trên trang, theo thiết kế riêng, không phụ thuộc vào thuộc tính có sẵn trên theme, bằng cách kết hợp các nội dung động liên quan, như hình:
Loop Builder
Loop là trái tim của WordPress, hiểu nôm na nó là một vòng lặp có điều kiện để hiển thị danh sách nội dung lấy từ database: danh sách bài viết, danh sách sản phẩm, danh sách khách sạn, tour du lịch, khóa học….
Tính năng Loop Builder cho phép đưa các danh sách kể trên vào bất cứ chỗ nào trên trang web và hơn nữa, cho phép tùy chỉnh thiết kế danh sách (theo dạng list/grid) và thiết lập các thuộc tính liên quan (như số lượng, lọc theo danh mục/ tag,…).
Ví dụ, ở một trang nào đó, bạn có thể kéo thả Loop Builder block để hiện thị danh sách các bài viết mới nhất, như này:
Thực tế, tính năng Loop Builder mở rộng từ tính năng Query Loop có sẵn trên Gutenberg – Block Editor, nhưng Query Loop trên Gutenberg chỉ hỗ trợ tùy chỉnh thiết kế ở mức rất cơ bản, nếu không muốn nói là nghèo nàn:
So với các plugin đối thủ như WP Stackable, GenerateBlocks thì Loop Builder trên Spectra Pro hứa hẹn mạnh mẽ hơn, đặc biệt là phần hỗ trợ thiết kế – vốn là thế mạnh theme Astra và các sản phẩm trong gói Astra Agency nói chung.
Slider Pro
Tính năng này đặt tên là Slider Pro, nghĩa là tính năng Slider đã có trên Spectra Free, và ở phiên bản trả phí Spectra Pro sẽ cho phép tạo Slider với nhiều tính năng tùy chỉnh nâng cao hơn.
Ví dụ:
- Cho phép thay đổi các slides ứng với mỗi lượt xem.
- Chế độ lấy nét để thu hút sự chú ý vào slide đang được trình chiếu.
- Thêm thanh điều hướng cho từng slide.
Popup Builder Pro
Pop Builder thậm chí còn quan trọng hơn Slider, tính năng này cho phép chúng ta tạo các popup nâng cao. Ví dụ:
- Opt-in Popup kết nối với Mailchimp/ MailerLite,… để thu thập email người dùng (Mailing Lists)
- Popup hiển thị mã giảm giá.
- Popup dạng Notification Bar.
Pop Builder Pro cho phép tạo popup với các điều kiện hiển thị phức tạp như hiển thị theo trang/ theo hành động của người dùng.
Với tính năng này, trong nhiều trường hợp, bạn không cần phải cài plugin Popup chuyên dụng như ConvertPro hay Ninja Popups nữa.
Modal
Dù trong thiết kế UI/ UX thì Modal và Popup được phân định khá rõ theo mục đích sử dụng nhưng nói chung bạn có thể dùng cái nào cũng được miễn là nó giải quyết được vấn đề.
Thường thì Popup bạn dùng như Opt-in Form để tạo danh sách email, còn Modal, dùng hiển thị thông báo, menu phụ hoặc thu thập thông tin như hình này:
Tính năng Modal trên Spectra Pro bao gồm:
- Cho phép hiển thị Modal theo kiểu Off Canvas (như Menu Off Canvas, bật tắt trên mobile).
- Cho phép dùng Cookie để kích hoạt Modal tự động.
- Cho phép tùy chọn thời điểm hiển thị Modal.
Animation Pro
Hiệu ứng chuyển động đang rất thời thượng, sử dụng animation hợp lý sẽ hỗ trợ cho Storytelling trong thiết kế vô cùng hiệu quả.
Spectra Pro hỗ trợ bạn tự tạo hiệu ứng động cơ bản, đủ dùng cho các thành phần trên trang web, cho phép tùy chỉnh các thuộc tính delay – duration & smoothness.
Countdown Timer Pro
Tính năng Countdown giúp kích thích tương tác người dùng và tăng tỉ lệ chuyển đổi.
Countdown Timer Pro hỗ trợ:
- Nhiều lựa chọn giao diện đồng hồ đếm ngược.
- Cho phép thiết lập tự động hành động kế tiếp khi hết thời gian.
Image Gallery Pro
Block Gallery ảnh cũng có tính năng Pro cao cấp hơn các tính năng trên Spectra Free.
Hỗ trợ tùy chỉnh nâng cao khi click, như:
- Chuyển hướng người dùng đến một URL cụ thể.
- Hỗ trợ 4 bố cục Gallery thông dụng nhất:
- Cho phép tùy chọn nhiều kiểu thiết kế và phong cách khác nhau.
Instagram Block
Block dành riêng cho cá nhân/ thương hiệu đẩy mạnh tương tác Instagram.
Instagram Block cho phép nhúng ảnh từ tài khoản Instagram vào mọi vị trí trên trang web:
- Cho phép chọn 3 kiểu bố cục và các kiểu hiển thị phụ đề khác nhau.
- Hỗ trợ nhiều bộ lọc hình ảnh & hiệu ứng chuyên nghiệp.
- Liên kết nhiều tài khoản Instagram cùng lúc.
User Login/ User Registration Block
Block User Login và Registration giúp bạn thiết kế lại trang Login/ Register mặt định của WordPress, cũng như đặt nó ở mọi vị trí bạn muốn.
Với các tính năng như:
- Thiết kế nâng cao cho Form Đăng nhập/ Đăng ký.
- Tùy chọn chuyển hướng đến trang bất kỳ khi Login thành công.
- Tự động thiết lập nhiều hành động/ chuyển hướng khi Đăng ký thành công.
Spectra Site Templates
Như đã nói, các mẫu thiết kế từ Astra Agency có chất lượng nổi trội hơn so với nhiều theme đối thủ khác, đặc biệt là thư viện web mẫu của Astra Agency luôn rất đầy đủ, các mẫu thiết kế chỉnh chu về nội dung và bố cục y hệt các dự án web chuyên nghiệp thực tế.
Dù Site Templates của Spectra mới chỉ là phiên bản Free, nhưng đã có hàng trăm mẫu chất lượng cao, đáp ứng hầu hết cho các loại website phổ biến hiện nay:
Bạn có thể triển khai một dự án website chuyên nghiệp một cách rất nhanh chóng từ các mẫu web có sẵn trên Spectra Site Templates.
Xem toàn bộ các web mẫu của Spectra tại đây:
Bảng giá Spectra Pro
Giá của Spectra Pro cho 1 domain, có cung cấp kèm các gói bổ sung Astra Pro, hoặc SureWriter & ProjectHuddle:
Nếu bạn mua gói cho 1000 websites, thì chi phí tốt hơn rất nhiều:
Hoặc mua cùng gói Astra Agency (Essential Bundle/ Growth Bundle), bạn sẽ được key unlimited websites:
Nếu bạn đầu tư cho việc thiết kế web thì nên mua trực tiếp license từ Astra Agency để có thể thoải mái kích hoạt license trên nhiều domains. Chi phí gói Astra Agency Growth Bundle khoản $249/năm (vào đợt khuyến mãi chỉ còn $187).
Tham khảo:
Nếu bạn là thành viên của WPVUI Premium, có thể yêu cầu WPVUI Support cài đặt và kích hoạt key cho Spectra Pro ngay từ lúc này.
Kích hoạt miễn phí Spectra Pro
Với các thành viên của WPVUI Premium, thì các bạn được hỗ trợ kích hoạt key license của các sản phẩm của bộ Astra Agency:
- Astra theme – Astra Pro & Premium Sites
- WP Schema Pro
- Convert Pro
- Ultimate Addons for Elementor
- Spectra Pro
Chúc thành công!
Cùng với Spectra Pro, Astra Agency cũng cho ra mắt block theme – theme chuyên dụng để thiết kế Site Editor trên Gutenberg Block, với cái tên Spectra One:
Giới thiệu Spectra One – block theme cực mạnh của Astra Agency
Bạn có thể tải bản dùng thử Spectra Pro tại đây:
Link download Spectra Pro
Note: không dùng trên Live site quan trọng vì có thể gặp nhiều lỗi tương thích.
Phiên bản Spectra Pro ổn định đầu tiên – version 1.0 đã được bổ sung vào gói Astra Agency, bạn nào là thành viên của WPVUI Premium có thể gởi yêu cầu để WPVUI Support hỗ trợ active key ngay từ bây giờ.