Hướng dẫn tạo nút Back to Top với plugin Scroll Back to Top

Nút “Back to To” là nút giúp chúng ta có thể dễ dàng quay trở về đầu trang mà không cần phải lăn chuột quá nhiều lần đặc biệt là đối với những bài viết có nội dung dài. Vậy  để tạo được một nút “Back to Top” như vậy thì có một plugin giúp bạn thực hiện công việc này đó là plugin Scroll Back to Top.

Giới thiệu về plugin Scroll Back to Top.
Plugin Scroll Back to Top được tạo bởi Joe Sexton giúp bạn dễ dàng thiết kế cho mình nút “Back to Top”, cho đến nay đã có hơn 50.000 lượt tải về và sử dụng nên bạn có thể hoàn toàn yên tâm về plugin này.

Cách cài đặt và kích hoạt plugin Scroll Back to Top.
Đầu tiên bạn cần cài đặt và kích hoạt plugin Scroll Back to Top vào trong Wordpress, bạn vào Plugins -> Add new -> nhập tên plugin Scroll Back to Top vào ô Search Plugins rồi tiến hành cài đặt và kích hoạt, (bạn có thể tham khảo thêm cách cài đặt và kích hoạt plugin trong Wordpress để nắm rõ hơn nhé)
Tiếp theo bạn vào Settings -> Scroll Back to Top để tùy chỉnh nhé

muc-scroll-back-to-top

Ở đây có 5 mục để bạn tùy chỉnh bao gồm: Visibility, Button Appearance, Button Location, Button LabelAnimation Options, mình sẽ đi vào từng mục một nhé.
+ Visibility: cấu hình cho nút “Back to Top”.
+ Button Appearance: cài đặt hiển thị như chiều dài, chiều rộng, màu sắc của nút…
+ Button Location: Vị trí của nút “Back to Top”.

button-location

+ Button Label: lựa chọn kiểu dáng cho nút “Back to Top”.

button-label
+ Animation Options: Ở đây bạn có thể cài đặt thêm các tính năng như thời gian nút đó mờ đi, thời gian xuất hiện…

animation-options
Sau khi tùy chỉnh xong các bạn nhớ ấn Save Changes nhé.

Lời kết
Như vậy với plugin Scroll Back to Top các bạn đã có thể dễ dàng tạo cho mình nút quay lại đầu trang mà không cần phải dùng đến dòng code nào, thật tiện lợi phải không nào. Mong rằng bài viết này sẽ giúp ích cho các bạn, chúc các bạn thành công!

Leave a Reply

Your email address will not be published. Required fields are marked *