Sau đây Nam sẽ hướng dẫn các bạn cách thêm hình ảnh băng chuyền với Elementor bản free các bạn nhé! Hãy cùng bắt đầu thôi!
Note: Hình ảnh băng chuyền tiếng Anh là carousel các bạn nhé!
Cách Thêm Hình Ảnh Băng Chuyền Với Elementor
Đầu tiên là chúng ta sẽ tìm kiếm widget “Hình ảnh băng chuyền” và sử dụng nó.
Các bạn click vào phần như trong ảnh bên dưới để upload ảnh hoặc chọn các ảnh có sẵn trong thư viện của bạn nhé! Lưu ý là dạng này bạn phải upload vài tấm ảnh nó mới ra băng chuyền được nhé!
Có ảnh xong nó sẽ ra giống vầy.
Rồi các bạn các bạn chọn kích thước hình ảnh, Nam đề xuất bạn chọn Hết mức để hình ảnh được sắc nét như file gốc và bạn nên crop các hình lại theo tỷ lệ giống nhau để đều và đẹp.
Rồi bạn chỉnh Hiển thị trang trình bày sẽ có bao nhiêu hình show ra trong 1 khung. Như băng chuyền của bạn có 8 hình mà bạn chọn 3 thì 5 hình còn lại bạn slide qua thì mới thấy.
Tiếp là bạn tuỳ chỉnh Cuộn trang Slides tức là bạn slide 1 cái là sẽ lướt qua bao nhiêu hình.
Bạn có thể tuỳ chỉnh thêm các mục bên dưới như là:
Thanh điều hướng tức là chọn kiểu hiển thị các chi tiết của băng chuyền như mũi tên, dấu chấm,…
Previous Arrow Icon và Previous Arrow Icon là icon của 2 mũi tên tới và lùi của băng chuyền.
Liên kết là bạn có thể thêm liên kết tuỳ thích khi click vào băng chuyền hay click vào là zoom mấy tấm hình ra bằng cách chọn Tệp Media.
Về phần Tuỳ chọn bổ sung:
Lazyload sẽ làm cho các hình ảnh slide tới đâu thì load tới đó chứ không cần phải load hết 1 lượt. Điều này giúp băng chuyền load nhanh hơn khi có rất nhiều hình.
Tự động chơi là băng chuyền sẽ tự động slide.
Ngừng lại khi di chuột là băng chuyền sẽ không tự động slide nữa khi bạn trỏ chuột vào băng chuyền.
Pause on Interaction là băng chuyền sẽ không tự động slide nữa khi bạn có tương tác với băng chuyền như bấm vào mũi tên chẳng hạn.
Tốc độ tự động phát là thời gian băng chuyền tự slide 1 lần.
Lặp lại vô hạn là băng chuyền sẽ quay lại từ đầu nếu đã slide đến hình cuối cùng.
Tốc độ Animation là thời gian của animation cho 1 lần slide.
Hướng là tuỳ chỉnh hướng băng chuyền sẽ di chuyển là từ trái qua hay ngược lại.
Chúc các bạn ứng dụng thành công hướng dẫn này và hãy thường xuyên ghé thăm web của Nam để tham khảo hướng dẫn về Elementor nhé!
