Một ví dụ minh họa website có banner hiển thị theo Slider như sau:
Bây giờ chúng ta thực hiện cách thay đổi hình ảnh Banner cho Slider của website theo các bước sau:
- Đăng nhập vào trang quản trị qua đường link: “ https://tenmiencuaban/wp-admin “ với tài khoản và mật khẩu đã được cung cấp
Trong khu vực quản trị website, “ Bảng tin “ di chuột tới mục “ UX Blocks ” nhấp chọn “ UX Blocks “ (hoặc nhấp đúp chuột vào trực tiếp “ UX Blocks “)
- Tìm và di chuột đến Blocks “ Home Slider “ để hiển thị ra các phần công cụ, Nhấp chuột chọn “ Edit with UX Builder “
- Giao diện chỉnh sửa xuất hiện có ảnh Banner đầu tiên của Slider, chúng ta nhấp đúp chuột vào hình ảnh và chọn “ Change media “ trên công cụ bên trái.
- Tiếp theo chọn “ Tải file ” và “ Chọn tập tin “ để tải hình ảnh Banner đã chuẩn bị sẵn trên máy tính lên website.
- Banner được thiết kế sẵn theo tỉ lệ của hình ảnh trong Slider website của bạn được bên thiết kế web cung cấp trước đó
{Ví dụ như trang web mà Sài Gòn Data đang làm mẫu trong bài viết này là tỉ lệ 12/5. Tức kích thước hình ảnh chiều dài x rộng sẽ tỉ lệ thuận với 12/5, có thể 1200 x 500px | 1440 x 600px … không được nhỏ quá nếu không ảnh sẽ mờ và xấu khi hiển thị trên các màn hình full HD)}
- Mở thư mục chứa hình ảnh banner đã thiết kế, Click chọn ảnh và nhấp chuột “ Open “ để tải hình banner lên website.
- Tiếp theo Click chuột chọn “ Use this image “ để chọn hình ảnh đó thay thế Banner website đang hiển thị.
- Tiếp tục thay các hình ảnh Banner khác trong Slider (nếu có), bằng cách nhấp chuột vào “ Image “ tiếp theo của hình ảnh banner có trong giao diện chỉnh sửa Slider trang web
- Chúng ta thực hiện lại thao tác Nhấp đúp chuột vào hình ảnh banner cần thay đổi hoặc mục “ image “ bên thanh công cụ, để tiếp tục các bước tải hình ảnh banner thay thế cho ảnh banner cũ trên website giống như bước 3
- Sau khi hoàn thành tất cả các hình ảnh banner muốn thay đổi xong, chúng ta nhớ chọn “ Apply “ và tiếp tục “ Update “để cập nhật và lưu tất cả thay đổi vừa thao tác.
>> Lưu ý nhớ Click chọn “ Update “ thì mới thay đổi ảnh Banner Slide của trang web thành công nhé!. Và đây là kết quả sau khi thay đổi Banner xong.
