Xóa hiệu ứng rung khi đăng nhập WordPress

2 ngày ago, Hướng dẫn WordPress, Views

Giới Thiệu Về Hiệu Ứng Rung Khi Đăng Nhập WordPress

Khi bạn nhập sai thông tin đăng nhập vào WordPress, bạn có thể nhận thấy một hiệu ứng rung lắc nhẹ trên trường nhập liệu. Mặc dù đây là một phản hồi trực quan nhỏ, nhưng nó có thể gây khó chịu cho một số người dùng, đặc biệt là những người có vấn đề về thị lực hoặc nhạy cảm với chuyển động. Bài viết này sẽ hướng dẫn bạn cách tắt hiệu ứng rung này một cách dễ dàng.

Hiệu ứng rung này được thêm vào WordPress để cung cấp một dấu hiệu trực quan nhanh chóng rằng thông tin đăng nhập bạn vừa nhập là không chính xác. Mục đích chính của nó là cải thiện trải nghiệm người dùng bằng cách cung cấp phản hồi ngay lập tức. Tuy nhiên, như đã đề cập, không phải ai cũng thích hiệu ứng này.

Tại Sao Bạn Nên Tắt Hiệu Ứng Rung?

Có một vài lý do chính đáng để tắt hiệu ứng rung khi đăng nhập WordPress:

Cải thiện trải nghiệm người dùng: Đối với một số người, đặc biệt là những người có các vấn đề về thị lực hoặc nhạy cảm với chuyển động, hiệu ứng rung có thể gây khó chịu và mất tập trung. Việc tắt nó có thể mang lại trải nghiệm đăng nhập mượt mà và thoải mái hơn.
Tối ưu hóa hiệu suất: Mặc dù hiệu ứng rung không tiêu tốn nhiều tài nguyên, nhưng việc loại bỏ nó có thể góp phần nhỏ vào việc cải thiện hiệu suất trang web, đặc biệt là trên các máy chủ có tài nguyên hạn chế.
Tùy biến giao diện: Một số người thích giao diện tối giản và không thích các hiệu ứng động. Việc tắt hiệu ứng rung cho phép bạn tùy chỉnh giao diện đăng nhập theo sở thích cá nhân.

Các Phương Pháp Tắt Hiệu Ứng Rung Khi Đăng Nhập

Có một vài phương pháp khác nhau để tắt hiệu ứng rung khi đăng nhập WordPress. Chúng ta sẽ xem xét hai phương pháp phổ biến nhất:

Sử dụng đoạn mã trong file functions.php của theme
Sử dụng plugin

Phương Pháp 1: Sử Dụng Đoạn Mã trong File `functions.php`

Phương pháp này yêu cầu bạn chỉnh sửa trực tiếp file functions.php của theme WordPress đang sử dụng. Lưu ý quan trọng: Trước khi chỉnh sửa bất kỳ file nào của theme, hãy sao lưu (backup) toàn bộ website của bạn. Điều này sẽ giúp bạn khôi phục lại website nếu có bất kỳ sự cố nào xảy ra.

Truy cập file functions.php: Bạn có thể truy cập file này thông qua trình quản lý file trong cPanel của hosting hoặc sử dụng FTP. File functions.php thường nằm trong thư mục /wp-content/themes/tên-theme-của-bạn/.
Chèn đoạn mã sau vào cuối file:


function disable_login_shake() {
  remove_action('login_head', 'wp_shake_js', 12);
}
add_action('login_enqueue_scripts', 'disable_login_shake');

Giải thích đoạn mã:

function disable_login_shake(): Định nghĩa một hàm mới có tên là disable_login_shake.
remove_action('login_head', 'wp_shake_js', 12): Loại bỏ action wp_shake_js (chịu trách nhiệm cho hiệu ứng rung) khỏi hook login_head. Số 12 là độ ưu tiên (priority) của action này.
add_action('login_enqueue_scripts', 'disable_login_shake'): Thêm hàm disable_login_shake vào hook login_enqueue_scripts. Điều này đảm bảo rằng hàm sẽ được thực thi khi trang đăng nhập được tải.

Lưu file functions.php: Sau khi chèn đoạn mã, hãy lưu file.
Kiểm tra kết quả: Truy cập trang đăng nhập WordPress của bạn và cố gắng đăng nhập với thông tin sai. Bạn sẽ thấy rằng hiệu ứng rung đã biến mất.

Phương Pháp 2: Sử Dụng Plugin

Nếu bạn không muốn chỉnh sửa trực tiếp file functions.php, bạn có thể sử dụng một plugin để tắt hiệu ứng rung. Phương pháp này đơn giản và an toàn hơn, đặc biệt là đối với những người mới bắt đầu sử dụng WordPress.

Cài đặt và kích hoạt plugin “Code Snippets”: Plugin này cho phép bạn thêm các đoạn mã PHP vào website của bạn mà không cần chỉnh sửa trực tiếp file functions.php.
Tạo một snippet mới: Sau khi kích hoạt plugin, hãy truy cập vào trang “Snippets” trong bảng điều khiển WordPress và nhấp vào nút “Add New”.
Nhập đoạn mã sau vào snippet:


add_action( 'login_enqueue_scripts', function() {
  remove_action( 'login_head', 'wp_shake_js', 12 );
} );

Đặt tên cho snippet và lưu: Đặt một tên dễ nhớ cho snippet (ví dụ: “Disable Login Shake”) và lưu snippet. Đảm bảo rằng snippet được kích hoạt (active).
Kiểm tra kết quả: Tương tự như phương pháp 1, hãy truy cập trang đăng nhập WordPress của bạn và cố gắng đăng nhập với thông tin sai để kiểm tra xem hiệu ứng rung đã bị tắt hay chưa.

Lựa Chọn Phương Pháp Nào?

Cả hai phương pháp đều hiệu quả trong việc tắt hiệu ứng rung khi đăng nhập WordPress. Tuy nhiên, mỗi phương pháp có những ưu và nhược điểm riêng:

Chỉnh sửa file functions.php:
- Ưu điểm: Không cần cài đặt plugin, giảm số lượng plugin trên website.
- Nhược điểm: Yêu cầu kiến thức về chỉnh sửa code PHP, nguy cơ gây lỗi cho website nếu chỉnh sửa không cẩn thận.
Sử dụng plugin:
- Ưu điểm: Dễ dàng thực hiện, an toàn hơn vì không cần chỉnh sửa trực tiếp file theme.
- Nhược điểm: Cần cài đặt và quản lý thêm một plugin, có thể ảnh hưởng nhỏ đến hiệu suất website (mặc dù plugin “Code Snippets” rất nhẹ).

Nếu bạn cảm thấy tự tin khi chỉnh sửa code PHP và có kiến thức về WordPress, bạn có thể sử dụng phương pháp chỉnh sửa file functions.php. Nếu không, phương pháp sử dụng plugin “Code Snippets” là lựa chọn an toàn và dễ dàng hơn.

Các Vấn Đề Thường Gặp và Cách Khắc Phục

Hiệu ứng rung vẫn còn sau khi thực hiện các bước trên:

Kiểm tra cache: Hãy thử xóa cache trình duyệt và cache của website (nếu bạn đang sử dụng plugin cache). Đôi khi, các file cũ có thể được lưu trữ trong cache và gây ra hiện tượng này.
Xung đột plugin: Có thể có một plugin khác đang can thiệp vào quá trình đăng nhập. Hãy thử tắt tất cả các plugin và kích hoạt lại từng plugin một để xác định plugin gây ra xung đột.
Kiểm tra theme: Một số theme có thể có chức năng riêng để điều khiển hiệu ứng rung. Hãy kiểm tra cài đặt của theme hoặc liên hệ với nhà phát triển theme để được hỗ trợ.
Sai cú pháp code: Nếu bạn chỉnh sửa file functions.php, hãy kiểm tra lại cú pháp của đoạn mã đã chèn. Một lỗi nhỏ trong cú pháp có thể khiến code không hoạt động.

Kết Luận

Việc tắt hiệu ứng rung khi đăng nhập WordPress là một điều chỉnh nhỏ nhưng có thể mang lại sự khác biệt lớn cho trải nghiệm người dùng. Bằng cách sử dụng một trong hai phương pháp được mô tả trong bài viết này, bạn có thể dễ dàng loại bỏ hiệu ứng này và tạo ra một trang đăng nhập mượt mà và thoải mái hơn cho người dùng của bạn. Hãy nhớ sao lưu website của bạn trước khi thực hiện bất kỳ thay đổi nào để đảm bảo an toàn. Chúc bạn thành công!

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa