Đã bao giờ bạn muốn hiển thị hình ảnh trước và sau trên cùng một vị trí? Giống như cách mà những người sử dụng Photoshop thường đặt các hình ảnh cạnh nhau. Trong bài này, chúng tôi sẽ chỉ cho bạn cách hiển thị hình ảnh trước và sau, cùng với một thanh trượt tương tác trong WordPress mà giữ nguyên kích thước và không làm mất chất lượng ảnh giống như minh họa sau:
– Đầu tiên bạn cần cài đặt và kích hoạt plugin TwentyTwenty. Sau đó thì bạn không cần phải cấu hình hay cài đặt gì thêm, đơn giản chỉ cần sử dụng cặp shortcodes [twentytenty] [/ twentytenty] (không có khoảng trắng) chèn vào bài đăng của bạn. Và ở giữa chúng là 2 hình ảnh mà bạn muốn hiển thị, ví dụ:
[ twentytwenty]< img src="http://www.example.com/wp-content/uploads/2014/12/before-photo.jpg" alt="Before photo" width="604" height="402" class="alignnone size-large wp-image-2367" /> < img src="http://www.example.com/wp-content/uploads/2014/12/after-photo.jpg" alt="After Photo" width="604" height="402" class="alignnone size-large wp-image-2366" />[ /twentytwenty]
– Và bây giờ bạn có thể kéo thanh trượt qua lại để xem hình ảnh trước và sau thay đổi nhé. Quá tuyệt phải không nào.
– Đó là tất cả chúng tôi muốn chia sẻ đến bạn thông qua bài viết này. Hy vọng nó sẽ giúp bạn tạo được những slide ảnh đẹp cho trang WordPress của mình.
– Ngoài ra, còn có nhiều website cung cấp ảnh đẹp, chất lượng cao được giới thiệu ở bài viết này, nếu bạn muốn tìm những hình ảnh thật phong cách cho trang web của mình thì đừng bỏ qua nhé. Chúc các bạn vui vẻ!
