3.5. Shape
Last updated
Last updated
Tiện ích Shape là công cụ đa năng hỗ trợ người dùng trong việc thiết kế, trình bày nội dung một cách sáng tạo và trực quan. Với các tính năng đa dạng như Social logo, Pattern, Background, Arrows và Icons, tiện ích này giúp bạn tạo ra các sản phẩm thiết kế chuyên nghiệp và bắt mắt.
Nhấn vào Tiện ích ở thanh sidebar của trình chỉnh sửa.
Chọn Shape trong mục Phương tiện.
Chọn phần tử Shape và kéo vào trang landing page.
Để thay đổi Shape cho phù hợp với thiết kế của bạn, click vào Shape muốn chỉnh sửa trên màn hình ⇒ Chọn Thay đổi Shape trên thanh thiết lập nhanh.
Sau đó, popup Quản lý Shape sẽ được hiển thị trên màn hình với đa dạng các mẫu shape:
Socials: Cung cấp bộ sưu tập các biểu tượng của các nền tảng mạng xã hội như Facebook, Instagram, LinkedIn, Messenger, YouTube, Zalo, Spotify, Telegram, và nhiều nền tảng khác.
Pattern: Cung cấp bộ sưu tập các họa tiết, đường nét và hình khối trang trí, giúp tạo điểm nhấn cho thiết kế.
Background: Cung cấp bộ sưu tập các họa tiết trang trí nền được thiết kế đơn giản và đẹp mắt, giúp tạo không gian riêng cho các nội dung chính.
Arrows: Cung cấp các biểu tượng mũi tên với nhiều kiểu dáng, giúp điều hướng hoặc nhấn mạnh các nội dung cụ thể.
Icons: Cung cấp các biểu tượng minh họa nhỏ giúp truyền tải thông tin một cách nhanh chóng và trực quan.
Để mở trình chỉnh sửa Nội dung, bạn click vào Shape muốn chỉnh sửa trên màn hình ⇒ Chọn Nội dung trên thanh thiết lập nhanh.
Tính năng Tùy chỉnh Shape cho phép người dùng chỉnh sửa chi tiết Shape bằng cách sử dụng mã SVG (Scalable Vector Graphics). Điều này giúp nâng cao khả năng thiết kế, hỗ trợ tạo ra các hình dạng độc đáo, phù hợp với yêu cầu và ý tưởng sáng tạo của bạn.
Để mở trình chỉnh sửa Thiết kế, bạn click vào Shape muốn chỉnh sửa trên màn hình ⇒ Chọn Thiết kế trên thanh thiết lập nhanh.
Căn chỉnh: Giúp bạn căn chỉnh Shape theo khung chứa, chi tiết tại đây.
Kích thước: Trong trình chỉnh sửa thiết kế giúp bạn điều chỉnh kích thước và vị trí của Shape trên trang landing page, chi tiết tại đây.
Hiển thị: Cho phép bạn kiểm soát việc hiển thị Shape trên các thiết bị khác nhau bao gồm máy tính và điện thoại.
Thiết kế: Cho phép bạn thay đổi màu nền và hiệu ứng đổ bóng của Shape đã chọn, chi tiết tại đây.
Đường viền: Cho phép bạn thêm và tùy chỉnh viền xung quanh của Shape, bạn cũng có thể điều chỉnh độ bo tròn của viền, chi tiết tại đây.
Để mở trình chỉnh sửa Nâng cao, bạn click vào Shape muốn chỉnh sửa trên màn hình ⇒ Chọn Nâng cao trên thanh thiết lập nhanh.
Sự kiện: Cho phép bạn thiết lập sự kiện cho hành động khi nhấp chuột hoặc hover vào tiện ích, chi tiết tại đây.
Hiệu ứng: Cho phép bạn thêm các hiệu ứng động cho tiện ích trên landing page để tạo sự thu hút và sinh động hơn, chi tiết tại đây.
Đồng bộ thiết kế Máy tính/ Điện thoại: Cho phép bạn cài đặt tùy chọn đồng bộ thiết kế giữa máy tính và điện thoại, chi tiết tại đây.
Kiểu định vị: Cho phép bạn lựa chọn kiểu định vị phù hợp để tối ưu hóa trang web và mang lại trải nghiệm tốt nhất cho khách hàng, chi tiết tại đây.
Tùy chỉnh nâng cao: Cho phép bạn tùy biến giao diện và hành vi của thành phần thông qua các lớp CSS và mã CSS tùy chỉnh, chi tiết tại đây.