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

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

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

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

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

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

Đỗ Minh Nhựt

Chia sẻ tất cả trên chính website của mình: https://dominhnhut.com/ về WordPress.

Cùng nhau xây dựng một kiến thức vững chắc trên con đường WordPress.