Thay đổi gravatar mặc định WordPress

Thay Đổi Gravatar Mặc Định WordPress: Hướng Dẫn Chi Tiết

Gravatar là một dịch vụ toàn cầu cho phép bạn liên kết hình ảnh đại diện của mình với địa chỉ email. WordPress sử dụng Gravatar làm hệ thống ảnh đại diện mặc định cho bình luận, cho phép người dùng hiển thị ảnh đại diện quen thuộc của họ trên nhiều trang web khác nhau. Tuy nhiên, đôi khi bạn có thể muốn thay đổi ảnh Gravatar mặc định được hiển thị cho những người dùng không có tài khoản Gravatar hoặc không liên kết ảnh đại diện với địa chỉ email của họ.

Bài viết này sẽ hướng dẫn bạn từng bước cách thay đổi Gravatar mặc định trong WordPress, bao gồm cả việc sử dụng các tùy chọn tích hợp sẵn và thêm các tùy chỉnh nâng cao bằng code.

Tại Sao Cần Thay Đổi Gravatar Mặc Định?

Có nhiều lý do để bạn muốn thay đổi Gravatar mặc định:

Tăng cường tính nhất quán hình ảnh: Sử dụng một ảnh đại diện mặc định phù hợp với thương hiệu hoặc phong cách trang web của bạn.
Cải thiện trải nghiệm người dùng: Một hình ảnh đại diện được thiết kế tốt sẽ tạo cảm giác chuyên nghiệp và thân thiện hơn.
Tránh các hình ảnh mặc định không mong muốn: Đôi khi, hình ảnh Gravatar mặc định có thể không phù hợp với nội dung hoặc chủ đề trang web của bạn.

Các Tùy Chọn Thay Đổi Gravatar Mặc Định Trong WordPress

WordPress cung cấp một số tùy chọn để bạn thay đổi Gravatar mặc định mà không cần phải viết code:

1. Thay Đổi Trong Cài Đặt WordPress

Cách đơn giản nhất để thay đổi Gravatar mặc định là thông qua cài đặt WordPress:

Đăng nhập vào trang quản trị WordPress của bạn.
Di chuyển đến Settings > Discussion (Cài đặt > Thảo luận).
Cuộn xuống phần Avatars (Ảnh đại diện).
Trong phần Default Avatar (Ảnh đại diện mặc định), bạn sẽ thấy một số tùy chọn có sẵn, bao gồm:
- Mystery Person: Hình đại diện mặc định của Gravatar.
- Blank: Không hiển thị ảnh đại diện nào.
- Gravatar Logo: Logo của Gravatar.
- Identicon: Một hình ảnh hình học dựa trên hash của địa chỉ email.
- Wavatar: Một hình ảnh avatar được tạo ngẫu nhiên dựa trên hash của địa chỉ email.
- Retro: Một hình ảnh avatar pixelated theo phong cách retro.
Chọn ảnh đại diện mặc định mà bạn muốn sử dụng.
Nhấp vào nút Save Changes (Lưu thay đổi) ở cuối trang.

Sau khi lưu thay đổi, ảnh đại diện mặc định mới sẽ được hiển thị cho những người dùng không có Gravatar.

2. Sử Dụng Plugin Thay Đổi Gravatar

Nếu bạn muốn có nhiều tùy chọn hơn, bạn có thể sử dụng một plugin WordPress để thay đổi Gravatar mặc định. Một số plugin phổ biến bao gồm:

Simple Custom Avatars: Cho phép bạn tải lên hình ảnh tùy chỉnh để sử dụng làm ảnh đại diện.
WP User Avatar: Cho phép người dùng tải lên ảnh đại diện của riêng họ.
Avatar Manager: Cung cấp các tính năng quản lý avatar nâng cao.

Để sử dụng plugin, bạn cần cài đặt và kích hoạt nó. Sau đó, làm theo hướng dẫn của plugin để tải lên hoặc chọn ảnh đại diện bạn muốn sử dụng làm mặc định.

Thay Đổi Gravatar Mặc Định Bằng Code

Nếu bạn muốn kiểm soát nhiều hơn và tích hợp tùy chỉnh sâu hơn, bạn có thể thay đổi Gravatar mặc định bằng cách sử dụng code. Cách này đòi hỏi bạn phải chỉnh sửa file functions.php của theme hoặc sử dụng một plugin tùy chỉnh code.

1. Sử Dụng Filter ‘get_avatar’

WordPress cung cấp filter get_avatar cho phép bạn tùy chỉnh HTML của ảnh đại diện trước khi nó được hiển thị. Bạn có thể sử dụng filter này để thay đổi ảnh đại diện mặc định dựa trên điều kiện nhất định.

Ví dụ, đoạn code sau sẽ thay đổi ảnh đại diện mặc định thành một hình ảnh tùy chỉnh nếu người dùng không có Gravatar:


  function my_custom_default_avatar( $avatar, $id_or_email, $size, $default, $alt ) {
    $default_avatar_url = get_stylesheet_directory_uri() . '/images/default-avatar.png';

    if ( empty( get_gravatar( $id_or_email ) ) ) {
      $avatar = '';
    }

    return $avatar;
  }
  add_filter( 'get_avatar', 'my_custom_default_avatar', 10, 5 );

Giải thích code:

get_stylesheet_directory_uri(): Lấy URL của thư mục theme con (nếu có), nếu không sẽ lấy URL của thư mục theme chính.
'/images/default-avatar.png': Đường dẫn tương đối đến hình ảnh avatar mặc định trong thư mục theme. Lưu ý: Bạn cần thay đổi đường dẫn này để trỏ đến vị trí thực tế của hình ảnh của bạn.
get_gravatar( $id_or_email ): Kiểm tra xem địa chỉ email có liên kết với Gravatar hay không.
Nếu không có Gravatar, code sẽ tạo một thẻ <img> với thuộc tính src trỏ đến hình ảnh avatar mặc định của bạn.
Các thuộc tính khác như alt, class, height và width được thiết lập để đảm bảo hình ảnh được hiển thị chính xác.

Lưu ý quan trọng:

Sao lưu file functions.php trước khi chỉnh sửa.
Đảm bảo hình ảnh avatar mặc định của bạn có kích thước phù hợp và được đặt ở vị trí được chỉ định trong code.
Nếu bạn không quen thuộc với code, hãy tìm kiếm sự trợ giúp từ một nhà phát triển web có kinh nghiệm.

2. Sử Dụng Filter ‘default_avatar_select’ (WordPress 4.2+)

WordPress 4.2 giới thiệu filter default_avatar_select, cung cấp một cách dễ dàng hơn để thêm hình ảnh avatar mặc định vào danh sách tùy chọn trong trang cài đặt Thảo luận.

Ví dụ, đoạn code sau sẽ thêm một tùy chọn mới có tên “My Custom Avatar” vào danh sách các avatar mặc định:


  function my_custom_default_avatar_list( $avatar_defaults ) {
    $myavatar = get_stylesheet_directory_uri() . '/images/my-custom-avatar.png';
    $avatar_defaults[$myavatar] = __( 'My Custom Avatar', 'textdomain' );
    return $avatar_defaults;
  }
  add_filter( 'default_avatar_select', 'my_custom_default_avatar_list' );

Giải thích code:

$avatar_defaults: Là một mảng chứa các avatar mặc định hiện có.
Code thêm một mục mới vào mảng với key là URL của hình ảnh avatar tùy chỉnh và value là tên hiển thị của avatar.
__( 'My Custom Avatar', 'textdomain' ): Hàm dịch thuật WordPress, cho phép bạn dịch tên hiển thị của avatar sang các ngôn ngữ khác. Thay thế 'textdomain' bằng text domain của theme hoặc plugin của bạn.

Sau khi thêm code này, bạn sẽ thấy tùy chọn “My Custom Avatar” trong trang cài đặt Thảo luận. Bạn có thể chọn nó làm avatar mặc định giống như bất kỳ avatar mặc định nào khác.

Kết Luận

Thay đổi Gravatar mặc định trong WordPress là một cách đơn giản nhưng hiệu quả để cải thiện tính nhất quán hình ảnh và trải nghiệm người dùng trên trang web của bạn. Bạn có thể sử dụng các tùy chọn tích hợp sẵn của WordPress, sử dụng một plugin hoặc tùy chỉnh code để đạt được kết quả mong muốn. Hãy chọn phương pháp phù hợp nhất với kỹ năng và nhu cầu của bạn.

Hy vọng bài viết này đã cung cấp cho bạn đầy đủ thông tin cần thiết để thay đổi Gravatar mặc định trên trang web WordPress của bạ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

Thay đổi gravatar mặc định WordPress