Trong bài viết trước mình đã giới thiệu đến bạn Ux Builder Là Gì? Để hiểu hơn về bài này, mình khuyên bạn nên giành vài phút để đọc lại bài viết trước. Bạn bấm vào đây để đọc lại nhé: UX Builder Themes WordPress Là Gì?
Để thành thạo việc thiết kế một giao diện website trong trình giao diện Ux Builder bạn cần biết và làm chủ các thành phần của trình giao diện này. Đây là lý do mình viết bài này, mục tiêu giúp bạn biết và hiểu hơn các thành phần bộ sưu tập, chức năng của trình giao diện kéo thả Ux Builder này.
Trình giao diện Ux Builder là công cụ tối ưu nhất trong thời điểm hiện tại này về việc tạo ra các trang web đáp ứng đầy đủ nhu cầu mà không cần có bất kỳ kinh nghiệm nào về mã code và lập trình.
3 lợi thế khi bạn sử dụng Ux Builder
- Trình giao diện người dùng thân thiện., bạn có thể sắp xếp và kéo thả để thay đỗi bố cục với các thành phần khác nhau
- Bạn có thể thiết kế phù hợp với các giao diện máy tính laptop, Ipad và di động smartphone
- Tốc độ tải nhanh giúp cho người xem có một sự trãi nghiệm thích thú
Trình giao diện Ux Builder có những thành phần
Bố cục
- Section: Đây là các phần trong một trang, thường section là thành phần đầu tiên khi bạn cần kéo những thứ khác vào.
- Row: Bạn có thể sắp xếp số hàng, số cột dựa vào thành phần này
- Slider: Bạn hay thấy các banner chạy ngang trên trang chủ hay các landing page là nhờ silder này
- Grid: Bạn có thể thiết kế các ô theo hình dạng mà bạn thích
- Page Header: Tiêu đề đầu của page
- Widget: những khu vực bạn muốn đưa vào
Content
- Button: Là những nút nhấn xem thêm, hay tìm hiểu thêm…
- Khung Html: Khung html giúp bạn nhúng các đoạn mã html vào
- Menu: Bạn có thể hiển thị thanh menu ở bất kỳ đâu với menu
- Navigation
Shop (Trường hợp bạn cài đặt Woocommerce sẽ có phần này)
- Sản phẩm (products)
- Products list (danh sách sản phẩm)
- Products Categories
- Flip book
Nội dung khác
- Text: Khung văn bản, giúp bạn trình này các nội dung liên quan đến chữ viết
- Banner: Bạn thường thấy xuất hiện nhiều nhất là ở phần đầu trang web, nhất là ở trang chủ chứa các nội dung giới thiệu hay quảng cáo về một nội dung nào đó.
- Accorditon: Là một nội dung thu gọn, khi bạn cần thì sổ ra
- Blog post: Nơi giúp bạn hiển thị các bài viết lên trang web, có thể hiển thị tất cả bài viết hoặc hiển thị theo chuyên mục
- Countdown: Bạn hay thấy nó dùng để đếm ngược thời gian trong các landing page hoặc sales page, giúp người dùng ra hành động nhanh hơn
- Divider: Những đường kẻ
- Follow icons: Các icon của mạng xã hội bạn muốn mọi người theo dõi
- Form: Đây là khung giúp người dùng điền và để lại thông tin như tên, số điện thoại, địa chỉ, nội dung…
- Galley: Thư viện
- Gap: Khoảng cách, giúp bạn chèn vào những nơi muốn giãn cách chiều cao
- Hồ sơ
- Icon box: Hộp icon
- Image: Hình ảnh
- Image box: Hộp hình ảnh
- Logo
- Map: Nơi giúp bạn hiển thị bản đồ
- Message box: Hộp để lại thông tin
- Page: Trang
- Price table: Bảng giá
- Scroll to: Thành cuộn
- Search box: Hộp tìm kiếm
- Team member: Thành viên
- Testimonian: Phản hồi
- Tile: Các tiêu đề
- Video: Các video, clip
- Video button: Nút video
- Và còn nhiều thành phần khác phụ thuộc vào các plugin khi bạn cài vào
Cơ bản là có những thành phần trên, khi quyết định thiết kế website trên trình giao diện UX Builder này, bạn cần phải biết những chức năng này. Mình sẽ có những bài viết chi tiết hướng dẫn đến bạn từng thành phần chi tiết bên trong trình giao diện thiết kế kéo thả này.
Lê Xuân Din – Founder Dinmarketing
