Làm thế nào để thêm một hình ảnh động xếp chồng lên nhau trên WordPress với Elementor

Muneeb Hướng dẫn WordPress Oct 20, 2021

Hình ảnh xếp chồng chuyển động trên WordPress là một nhóm các hình ảnh xếp chồng lên nhau có trật tự di chuyển theo khi người dùng cuộn. Những loại hình ảnh này rất tốt để tăng mức độ tương tác và tạo ấn tượng tốt hơn về trang web của bạn.

Một trang web được xây dựng độc đáo luôn có nhiều cơ hội thu thập lưu lượng truy cập hơn một trang web được xây dựng mà không có tùy chỉnh thực sự. Trong hướng dẫn này, chúng ta sẽ hiểu cách bạn có thể thêm hình ảnh xếp chồng lên nhau trên trang web WordPress của mình bằng Elementor .

Ví dụ về hoạt ảnh hình ảnh xếp chồng

Bạn hẳn đã thấy trên một số trang web mà khi bạn cuộn xuống, một số hình ảnh sẽ chảy xuống một mức độ phù hợp với việc cuộn của bạn. Những hình ảnh này được xếp chồng lên nhau có trật tự, đôi khi là ba hoặc có thể là bốn hình ảnh với nhau.

Bạn có thể sử dụng hình ảnh Xếp chồng chuyển động như một hình ảnh cải tiến trực quan cho trang web của mình hoặc để thu hút người dùng về tổng thể và thu hút sự chú ý của họ khi họ cuộn qua trang web của bạn.

Tạo trang web tuyệt vời

Với trình tạo trang miễn phí tốt nhất Elementor

Bắt đầu bây giờ

Cách thêm hình ảnh xếp chồng chuyển động bằng Elementor

Để bắt đầu, bạn cần thêm Phần bên trong trên trang của mình, nơi bạn sẽ kéo các tiện ích hình ảnh của mình.

Tiếp theo, đặt một cột trong phần bên trong mà bạn vừa tạo.

Kéo một Tiện ích hình ảnh và thả nó vào cột phần bên trong.

Bắt đầu thêm các hình ảnh theo từng lớp tức là chồng lên nhau và đặt Âm bản lề trên lớp thứ 2 và thứ 3 từ Tab Nâng cao , trong hướng dẫn này, chúng ta sẽ sử dụng ba hình ảnh.

Sử dụng bảng Hiệu ứng Chuyển động để thêm các hiệu ứng chuyển động. Từ đó, bạn có thể giải quyết Tốc độ di chuyển và kích thước (Dọc hoặc Ngang) của chuyển động.

Xuất bản những gì bạn đã tạo và sau đó kiểm tra trang web của bạn xem nó trông như thế nào. Bạn luôn có thể quay lại và thực hiện những thay đổi cần thiết để làm cho nó trông đẹp hơn.

Đó là tất cả cho hướng dẫn này, hãy cho chúng tôi biết trong phần nhận xét về cách bạn tạo hình ảnh Xếp chồng chuyển động của mình bằng Elementor . Tham gia với chúng tôi trên Facebook  và Twitter  để tiếp tục được cập nhật về các hướng dẫn của chúng tôi.

Divi WordPress Theme