Blog
Chia sẻ code làm ảnh kéo trước sau (Enable Media Replace)
Th6
Tính năng này được sử dụng để thể hiện hình ảnh trước và sau bạn sẽ thường thấy trên các website đặc biệt là về mỹ phẩm, phẫu thuật hiển thị rõ tác dụng thay đổi “trước – sau” khi khách hàng sử dụng 1 quy trình nào đó!
1. Sử dụng code
<img-comparison-slider>
<img slot=”first” src=”sample1.jpg” style=”width: 100%; height: auto;” />
<img slot=”second” src=”sample2.jpg” style=”width: 100%; height: auto;” />
</img-comparison-slider>
<script src=”https://unpkg.com/img-comparison-slider@7/dist/index.js” async>
</script>
2.1 Cài đặt và kích hoạt Plugin Enable Media Replace
Để bắt đầu, hãy cài đặt và kích hoạt plugin bằng cách điều hướng đến mục Plugin → Thêm mới trong bảng điều khiển WordPress của bạn.
Tìm plugin Enable Media Replace trong thanh tìm kiếm, sau đó cài đặt và kích hoạt như hình dưới đây.
Sau khi kích hoạt, nó hoạt động rất tốt và không có cài đặt nào để bạn cấu hình.
2.2 Thay thế các tập tin phương tiện WordPress
Để thay thế các tệp phương tiện của bạn, hãy điều hướng đến Phương tiện → Thư viện từ bảng điều khiển WordPress của bạn. Bạn sẽ phải chuyển sang chế độ xem danh sách nếu bạn đang sử dụng chế độ xem lưới.
Bây giờ, hãy định vị tệp mà bạn muốn thay thế. Khi đã tìm thấy tệp, hãy di chuột gần tên tệp và bạn sẽ thấy liên kết có nhãn Thay thế phương tiện , như hiển thị bên dưới.
Bạn sẽ được điều hướng đến trang thay thế phương tiện khi nhấp vào liên kết. Bạn cần tải tệp mới lên bằng cách nhấp vào nút Chọn tệp .
Sau khi bạn chọn tệp, bạn có hai tùy chọn thay thế. Bạn chỉ có thể chọn
- Thay thế tập tin hoặc
- Thay thế tệp, sử dụng tên tệp mới và cập nhật tất cả các liên kết trỏ đến tệp cũ.
Sau khi bạn đã chọn bất kỳ tùy chọn nào, hãy nhấp vào nút Tải lên . Plugin cũng cung cấp Tùy chọn ngày và bạn có thể chọn bất kỳ tùy chọn nào phù hợp nhất với nhu cầu của mình.
WordPress hiện sẽ tải tệp phương tiện của bạn lên và plugin sẽ thay thế tệp trước đó. Plugin cũng sẽ sử dụng tên tệp mới và cập nhật liên kết nếu bạn chọn làm như vậy.
Bây giờ tệp mới đã được tải lên, bạn có thể truy cập các bài đăng hoặc trang mà trước đó bạn đã đính kèm tệp phương tiện để xem tệp đó đã được thay thế như thế nào.
