✨ Bản cập nhật mới Elementor 3.34: Atomic Tabs, Entrance Interactions & nhiều hơn nữa
Elementor tiếp tục phát triển hướng tới Editor V4 với mục tiêu xây dựng một trình chỉnh sửa mạnh mẽ hơn, linh hoạt hơn và dễ sử dụng hơn. Bản Elementor 3.34 lần này giới thiệu Atomic Tabs – tính năng được người dùng mong chờ nhất – cùng với giai đoạn đầu của hệ thống Interactions, cùng nhiều cải tiến nền tảng giúp các Atomic Elements nhất quán và dễ dùng hơn.
🔹 Atomic Tabs là gì?
Atomic Tabs là hệ thống tab hoàn toàn mới, được thiết kế theo mô hình atomic design, cho phép bạn xây dựng giao diện tab linh hoạt và hoàn toàn tùy chỉnh mà không cần dùng widget cứng nhắc như trước.
Với Atomic Tabs, bạn có thể:
- Chia nhỏ thành các phần riêng biệt:
- Tabs – khung chính
- Tabs menu – chứa các kích hoạt tab
- Tab trigger – từng nút tab
- Tabs content area – chứa nội dung các tab
- Tab content – nội dung mỗi tab riêng lẻ
- Chèn bất kỳ loại nội dung nào vào tab trigger hoặc tab panel, mở ra khả năng thiết kế phức tạp mà trước đây khó làm được.
🎨 Tùy chỉnh dễ dàng
- Thêm Global Classes vào bất kỳ phần nào của Atomic Tabs để tái sử dụng kiểu thiết kế.
- Có trạng thái Selected riêng cho mỗi tab trigger, giúp bạn định kiểu cho tab đang hoạt động mà không cần thêm code CSS.
2. Entrance Interactions – Hoạt ảnh vào/ra nhẹ nhàng
Giới thiệu
Entrance Interactions là giai đoạn đầu của một hệ thống tương tác mới. Tính năng này cho phép bạn thêm các hiệu ứng chuyển động tinh tế, tải nhẹ và hiệu năng cao cho các phần tử khi chúng xuất hiện trên trang.
Các điều khiển chính
Bạn có thể cấu hình hiệu ứng dựa trên các thuộc tính:
- Triggers: Khi tải trang (On page load), Khi cuộn vào view (On scroll into view)
- Effects: Fade – mờ dần, Slide – trượt, Scale – phóng to/thu nhỏ
- Type: Hiệu ứng vào (In) hoặc ra (Out)
- Directions: Lên, xuống, trái, phải
- Duration: 0.1s–3s
- Delay: 0–2s
Bạn có thể kết hợp nhiều hiệu ứng trên cùng một phần tử (ví dụ: Fade + Slide + Scale) để tạo chuyển động phong phú hơn. Có nút Preview để xem trước hiệu ứng ngay trong editor.
3. Cách kích hoạt các tính năng mới
Nếu bạn đang dùng Elementor và muốn thử các tính năng mới này:
- Cập nhật lên phiên bản mới nhất (3.34).
- Vào WordPress → Elementor → Settings → Editor V4.
- Nhấn “Activate” để bật các tính năng Atomic Editor.
Phiên bản Beta hoàn chỉnh sẽ được phát hành trong quý 1 năm 2026, và tiếp sau đó là bản chính thức.
Tóm lại
Bản cập nhật 3.34 mang đến:
- Atomic Tabs – hệ thống tab hoàn toàn mới, linh hoạt và dễ tùy chỉnh.
- Entrance Interactions – hiệu ứng động đơn giản, hiệu suất cao.
- Nhiều cải tiến khác hỗ trợ quá trình phát triển với atomic design.
