Tạo nút back to top trong giao diện Genesis

Hướng dẫn cách tạo nút Back to Top trong giao diện Genesis đơn giản – Tính năng Back to Top hay còn được gọi là quay lên đầu trang được sử dụng để tạo thuận lợi cho độc giả nếu họ muốn cuộn trang lên phía trên đầu trang Web. Đây là chức năng rất hữu ích, cung cấp trải nghiệm người dùng tích cực với blog hoặc website của bạn. Nó giúp độc giả đơn giản hơn với các thao tác di chuyển thay vì phải sử dụng liên tục các thao tác để di chuyển thì chỉ cần thực hiện thao tác kích chuột là độc giả có thể quay lên đầu trang nhanh chóng.

Thực hiện 3 bước sau đây để tích hợp Back to Top vào giao diện Genesis

Đầu tiên bạn hãy truy cập vào tài khoản hosting và tạo một tập tin với tên là “scroll.js”, hãy tạo tập tin này trong thư mục JS của giao diện con đang sử dụng (…/public_html/wp-content/themes/<your_child_theme>/ js/scroll.js), sau đó hãy sao chép toàn bộ đoạn mã bên dưới và dán vào tập tin “scroll.js”.

Sau khi tạo được tập tin “scroll.js”, tiếp tục hãy sao chép đoạn mã bên dưới và dán vào trong tập tin Functions.php của giao diện con đang sử dụng (dán ở cuối tập tin Functions.php).

Tùy biến nút Back to Top

Như vậy là bạn đã tạo được nút Back to Top rồi đấy, tuy nhiên còn rất xấu vì thế bạn hãy sao chép đoạn mã bên dưới và dán vào cuối tập tin “style.css” của giao diện con đang sử dụng là xong.

Sau đó hãy lưu lại và xóa Cache, ra ngoài trang chủ và tận hưởng thành quả.

Leave a Reply