Thay đổi hình ảnh slider bằng UX Theme Flatsome

Bạn vẫn thắc mắc cách để có thể đổi hình ảnh slider bằng UX Theme Flatsome trên website wordpress. Trong bài viết này, Thanh Hoá Web sẽ hướng dẫn cho bạn cách để có thể thay đổi hình ảnh slider một cách dễ dàng. Cùng chúng mình theo dõi bài viết dưới đây nhé!

1. Các dạng hiển thị hình ảnh slider

Slider thường được hiển thị ở 3 dạng dưới đây:

Dạng 1: Danh mục sản phẩm sẽ ở góc trái, vị trí hình ảnh slider lớn ở chính giữa và bên phải sẽ là 2 ảnh nhỏ

Dạng 2: Danh mục sản phẩm sẽ ở góc trái, vị trí hình ảnh slider lớn ở chính giữa và bên phải sẽ là các bài viết tin tức hoặc bài viết tin tức kết hợp 1 ảnh nhỏ phí bên dưới.

Dạng 3: Hình ảnh slider hiển thị trọn màn hình giao diện

2. Vị trí đặt hình ảnh slider trên website bán hàng

Hình ảnh slider thường sẽ được đặt ở 2 vị trí tuỳ theo mẫu giao diện website.

Vị trí 1: Hình ảnh slider được để trong Trang UX Blocks

– Sau khi đăng nhập vào hệ thống quản trị, Di chuột vào UX Blocks =>> chọn UX Blocks =>> Tích chọn Edit with UX Builder

– Hoặc sau khi vào trong hệ thống quản trị. Đúp chuột vào vị trí tiêu đề trang (hình vẽ) để ra ngoài giao diện quản trị website. Tiếp theo di chuột gần vị trí hình ảnh slider. Xuất hiện chữ Edit Block =>> Đúp chuột vào UX Builder.

Vị trí 2: Hình ảnh slider được để trong Trang chủ

– Sau khi đăng nhập vào hệ thống quản trị, Di chuột vào Trang =>> Tất cả trang =>> Trong phần Trang chủ =>> Tích chọn Edit with UX Builder

– Hoặc sau khi vào trong hệ thống quản trị. Đúp chuột vào vị trí tiêu đề trang (hình vẽ) để ra ngoài giao diện quản trị website. Tiếp theo di chuột gần vào Sửa trang =>> Đúp chuột vào Edit with UX Builder.

3. Cách thay đổi hình ảnh slider bằng UX Theme Flatsome

Sau khi thực hiện xong bước tìm đến vị trí đặt hình ảnh slider. Ta tiến hành thay đổi hình ảnh slider. Trước khi thực hiện thay đổi hình ảnh slider. Có một lưu ý nho nhỏ: đấy là các bạn nên xử lý kích cỡ hình ảnh trước khi thay thế hình ảnh slider hiện có. Để có thể xử lý kích cỡ hình ảnh slider rất đơn giản. Bạn bấm chuột phải vào ảnh slider hiện tại để tải ảnh về máy. Dùng công cụ (ví dụ Paint,..) để kiểm tra xem kích thước chuẩn của hình ảnh đó hiện tại là bao nhiêu. Sau đó xử lý những hình ảnh slider thay thế theo chuẩn kích thước đó (để tránh tình trạng ảnh hiển thị không bằng nhau sẽ bị xấu giao diện trang website nha).

– Với Dạng 3: Hình ảnh slider hiển thị trọn màn hình giao diện. Slider hình ảnh sẽ nằm ngay luôn tại Section hoặc Row đầu tiên trong giao diện chỉnh sửa (hình bên dưới).

– Với Dạng 1 & 2: Hình ảnh slider hiển thị ở chính giữa giao diện. Bạn click chuột tại hình tam giác ngược theo thứ tự. Tới khi xuất hiện vị trí Row chứa Slider hình ảnh cần thay thế (ví dụ bên dưới thì Slider hình ảnh nằm ở Column 9/12). Tại ảnh cần thay thế. Đúp chuột 2 lần để mở ảnh thay thế.

Sau khi mở ảnh cần thay thế =>> Ấn vào Change media 

Tại đây, bạn có thể dùng ảnh sẵn có đã đăng tải trước đó trong mục Thư viện hoặc Upload files sau đó đi tới phần chứa ảnh cần thay thế, tích chọn và đợi tải ảnh lên. Sau khi chọn được ảnh cần thay thế =>> Ấn chọn Use this image (góc phải cuối cùng theo hình vẽ)

Ấn Apply =>> Update để cập nhật lại ảnh chỉnh sửa. Vậy là xong rồi nè. Quá đơn giản phải không nào.

=>> Xem thêm: Hướng dẫn đăng sản phẩm cơ bản website bán hàng

4. Cách thêm mới một hình ảnh slider

Trường hợp nếu thêm mới một hình ảnh slider. Ấn đúp tại icon hình cài đặt của Image =>> Chọn Duplicate =>> Tại đây sẽ hiện Change media =>> Chọn Upload files hoặc Thư viện =>> Tích chọn ảnh thêm mới =>> Apply =>> Update (thao tác tương tự trình tự phần thay đổi hình ảnh slider).

5. Video hướng dẫn thay đổi hình ảnh slider bằng UX Theme Flatsome

Trên đây là những hướng dẫn thay đổi và thêm mới hình ảnh slider bằng UX Theme Flatsome. Nếu có thắc mắc gì, các bạn cứ để lại bình luận dưới bài viết. Hoặc có thể liên hệ với chúng tôi để được giải đáp tư vấn MIỄN PHÍ nhé! Chúc các bạn thành công.

Hotline: 0919 357 194

Zalo: Nguyễn Thị Phương Anh

Page Facebook: Thiết kế website

Email: ntpa625@gmail.com

Địa chỉ: Nguyễn Huy Tự, Phương Lam Sơn, TP. Thanh Hoá