Cách tạo trang tương tự Fullpage js bằng theme Flatsome

Đỗ Minh Nhựt 17/03/2022 361 Views

4.4/5 - (7 bình chọn)

Bạn có muốn tạo một trang tương tự như https://alvarotrigo.com/fullPage/

Sau đây mình sẽ hướng dẫn bạn cách tạo trang tương tự Fullpage js bằng theme Flatsome

Đầu tiên bạn tải plugin https://vi.wordpress.org/plugins/custom-css-js/

Bước 1: Tạo mới mục Custom JS của plugin vừa tải phía trên (đặt tên gì cung được) và copy đoạn js này vào tương tự như hình

Lấy đoạn JS TẠI ĐÂY

Cách tạo trang tương tự Fullpage js

Bước 2: Thêm đoạn script này vào mục Flatsome > Advanced -> Footer Scripts của theme Flatsome

<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.15/fullpage.min.js" integrity="sha512-rNf09cQHIWzD8BU37lIb3rInygeWXW2hVqJ7niVtTPXWuVR3aFiph1eFIeDiEQV8J45u0qfp7ng8I3TzJHY4Eg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Bước 3: Vào tạo 1 trang Full-Width

Nên Đặt ảnh cho từng section và chỉnh min-height cho section là 600px

fullpage demo

Bước 4: Đặt class cho mục Row là fullpage

fullpage demo 2

Cuối cùng là Upadate và tận hưởng thôi!

Chúc các bạn thành công!

Chia sẻ bài viết:
0 0 đánh giá
Đánh giá bài viết
1 Bình luận
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận