Hướng dẫn thay đổi hình slideshow (slider) tạo bởi Flatsome

Flatsome là một trong những theme WordPress phổ biến nhất, đặc biệt với các website bán hàng. Việc thay đổi hình ảnh hoặc chỉnh sửa slideshow (slider) trên Flatsome khá đơn giản nhờ công cụ UX Builder tích hợp sẵn. Dưới đây là hướng dẫn chi tiết các bước thực hiện:

1. Xác định vị trí slider cần thay đổi

Slider trên Flatsome có thể được đặt ở nhiều vị trí khác nhau, phổ biến nhất là:

Trong UX Blocks (dùng cho các block tái sử dụng hoặc header, footer)

Ngay trên trang chủ hoặc các trang nội dung khác

Bạn cần xác định slider mình muốn thay đổi nằm ở đâu để truy cập đúng vị trí chỉnh sửa.

2. Truy cập vào UX Builder

Đăng nhập vào trang quản trị WordPress của bạn.

Nếu slider nằm trong UX Blocks: Vào "UX Blocks" → chọn block chứa slider → "Edit with UX Builder".

Nếu slider nằm trên trang chủ: Vào "Pages" → chọn trang chủ → "Edit with UX Builder".

3. Tìm và chỉnh sửa slider

Trong giao diện UX Builder, tìm đến phần chứa slider (thường là Section hoặc Row đầu tiên đối với slider toàn màn hình, hoặc nằm trong một cột nếu slider ở giữa giao diện).

Click vào slider hoặc hình ảnh bạn muốn thay đổi.

Nhấn “Change media” để thay ảnh mới. Bạn có thể chọn ảnh từ thư viện hoặc upload ảnh mới từ máy tính.

Lưu ý: Nên kiểm tra kích thước ảnh cũ để chuẩn hóa ảnh mới, tránh tình trạng ảnh hiển thị không đều hoặc bị méo.

4. Thêm hoặc xóa slide

Để thêm slide mới: Nhấn vào “Add Slide” hoặc “Duplicate” một slide có sẵn, sau đó thay ảnh và nội dung theo ý muốn.

Để xóa slide: Chọn slide cần xóa và nhấn biểu tượng thùng rác hoặc “Delete”.

5. Tùy chỉnh các thiết lập slider

Bạn có thể tùy chỉnh thêm:

Hiệu ứng chuyển slide (fade, slide, zoom…)

Tốc độ chuyển slide

Kích thước, vị trí, màu sắc, nút bấm trên slider

Thêm tiêu đề, mô tả, nút kêu gọi hành động cho từng slide.

6. Lưu và cập nhật

Sau khi hoàn tất chỉnh sửa, nhấn “Apply” hoặc “Update” để lưu thay đổi.

Nhấn “Preview” để xem trước kết quả trên website.

Nếu hài lòng, nhấn “Update” lần nữa để xuất bản thay đổi lên trang web.

Một số lưu ý nâng cao
Nếu muốn tạo slider có ảnh thumbnail (ảnh nhỏ bên dưới), bạn có thể tham khảo các hướng dẫn custom code hoặc sử dụng các element đặc biệt mà Flatsome hỗ trợ.

Nếu cần slider động lấy ảnh từ custom post type hoặc gallery, bạn có thể kết hợp với plugin Advanced Custom Fields Pro để tạo gallery và hiển thị slider bằng code tùy chỉnh.

Tóm tắt các bước thay đổi hình slideshow Flatsome
Đăng nhập WordPress, xác định vị trí slider cần chỉnh sửa.

Mở trang hoặc block chứa slider bằng “Edit with UX Builder”.

Chọn slider, thay ảnh hoặc thêm/xóa slide theo ý muốn.

Tùy chỉnh các thiết lập slider (hiệu ứng, tốc độ, nút…).

Lưu và cập nhật thay đổi.

Chỉ với vài thao tác đơn giản, bạn đã có thể thay đổi hình ảnh slideshow trên website sử dụng theme Flatsome một cách dễ dàng và chuyên nghiệp

Видео Hướng dẫn thay đổi hình slideshow (slider) tạo bởi Flatsome канала Trùm Wordpress