Home / WordPress / Hướng dẫn / Hướng dẫn làm slider fullwidth trong Landing page

Hướng dẫn làm slider fullwidth trong Landing page

Yêu cầu:

– Cài đặt và kích hoạt theme PPO landing page, bạn nên tải bản mới nhất này về cài đặt thay thế bản bạn đang dùng nhé.
– Cài đặt và kích hoạt plugin Visual Composer, được bản mới nhất thì tốt nhất.

Tạo một slider bằng Image Carousel

Trong bài này Thắng sẽ hướng dẫn bạn tạo Slider Fullwidth bằng cách sử dụng Image Carousel trong Visual Composer, chỉ là có một chút thay đổi nhỏ so với sử dụng Image Carousel đơn thuần.

Trước tiên bạn tạo một ROW mới sau đó add phần từ Image Carousel rồi upload ảnh lên sẽ được một slide tương tự như dưới đây :

slider-fullwidth Hướng dẫn làm slider fullwidth trong Landing page

Lưu ý: Sử dụng hình ảnh có chiều rộng là 1600 px hoặc 1920 px nhé, còn chiều cao thì tùy ý bạn.

Tạo slider fullwidth

Tiếp theo là chỉnh sửa phần tử Image Carousel rồi cuộn xuống phần Extra class name

slider-fullwidth Hướng dẫn làm slider fullwidth trong Landing page

Tại đây bạn điền vào là “fullwidth”  rồi lưu lại, sau đó ra ngoài xem kết quả, còn dưới đây là kết quả của Thắng. Chúc bạn thành công!

slider-fullwidth Hướng dẫn làm slider fullwidth trong Landing page

Check Also

Hướng dẫn tích hợp Google Form vào web WordPress

Số người xem bài viết 123 Ngoài việc bạn chia sẻ link biểu mẫu cho …