Global Avatar – Cách dùng Gravatar trong WordPress

Gravatar có lẽ đã không còn lạ với tất cả các blogger chuyên nghiệp hơn nữa các mã nguồn hiện đại hầu như đều hỗ trợ tính năng này, tuy nhiên có một số bạn vẫn còn chưa biết đến do vậy hôm nay mình sẽ giới thiệu với các bạn cách sử dụng ảnh đại diện với Gravatar.

1. Gravatar là gì?

Gravatar là viết tắt của Globally Recognized Avatar là ảnh đại diện nhận dạng toàn cầu, chỉ với một email đó bạn có thể hiển thị được avatar của mình ở bất cứ nơi đâu, mã nguồn hay website có hỗ trợ tính năng này, và ngày nay tất cả đều được hỗ trợ và Gravatar được phát triển rộng rãi.

Hỗ trợ Gravatar

Hỗ trợ Gravatar

Bạn nhìn hình trên đó là một số mã nguồn blog, comment … hỗ trợ sử dụng avatar với Gravatar. Gravatar được sử dụng ở mọi định dạng kích thước tùy vào tùy chỉnh của bạn, riêng ở WordPress chúng ta có hẳn các hàm chức năng này. Vì mình chỉ sử dụng WordPress nên mấy cái khác thì chịu.

2. Đăng ký Gravatar

Để đăng ký Gravatar bạn vào website: http://gravatar.com/ và bấm nhập Email vào và submit, sau đó hệ thống của Gravatar sẽ gửi cho bạn một email để kích hoạt tài khoản của bạn, sau đó tiến hành nhập pass và các thông tin khác.

Đăng ký tài khoản Gravatar

Đăng ký tài khoản Gravatar

Sau khi xác nhận, bạn upload hình ảnh lên set cho Email và lưu lại, chú ý bạn chọn vào kiểu G: tương thích với mọi lứa tuổi cho nó lành. 😀 Như vậy coi như bạn đã đăng ký và setup thành công bây giờ thì Avatar của bạn có thể hoạt động được rồi.

Upload hình avatar đại diện cho Gravatar

Upload hình avatar đại diện cho Gravatar

3. Dùng Gravatar đặt làm Favicon cho WordPress

Đây mới là phần chính của bài viết, hi phía trên thì các bạn tự mò cũng ra. Ai cũng đã biết Favicon là một icon nhỏ ở gần thanh địa chỉ của trình duyệt, vậy để tạo được Favicon là ảnh Gravatar thì làm thế nào?

Đầu tiên bạn vào trong file functions.php của theme đang sử dụng gõ vào hàm sau:

   function GravatarFavicon() {
       $GetTheHash = md5(strtolower(trim('you@yourdomain.com')));
       echo 'http://www.gravatar.com/avatar/' . $GetTheHash . '?s=32';
   }

Ở đây bạn chú ý hai tham số bạn cần quan tâm, là you@yourdomain.com và s=32 đó là địa chỉ email đã khai báo với Gravatar ở trên, s=16 là khai báo size của avatar hiển thị, bao gồm 16, 32, 48 … tùy vào tùy chỉnh của bạn.Tiếp đến bạn vào file header.php của theme đang sử dụng khai báo thêm đoạn code sau là thành công. Bạn có thể dùng theme option để tạo cho người dùng cách chỉnh sửa trong admin thay vi phải nhập trực tiếp trong code.

<!--
    <link rel="shortcut icon" href="<?php GravatarFavicon(); ?>" />
    <link rel="apple-touch-icon" href="<?php GravatarFavicon(); ?>">
-->
4. Dùng Gravatar làm ảnh đại diện trong WordPress

Hầu hết các theme wordpress bạn download free hay mua về sử dụng đều đã hỗ trợ sẳn tính năng dùng Gravatar làm ảnh đại diện. Tuy nhiên đối với các bạn tự code theme thì cần quan tâm đến hết tất cả các đặc điểm nhỏ này. Gravatar hỗ trợ từ phiên bản wordpress WordPress 2.5 trở lên, và được sử dụng trong wordpress bằng hàm get_avatar().

<!--
<?php
      echo get_avatar( $id_or_email, $size, $default, $alt );
?> 
-->

Giải thích hàm get_avatar:

  • Tham số đầu tiên là id_or_email: đây là tham số bắt buộc, nhận giá trị ID User hay Email
  • size: kích cở của avatar lớn nhất là 512.
  • default: là ảnh mặc định
  • alt: thuộc tính Alternate text của avatar.
su dung gravatar trong wordpress

Sử dụng Gravatar trong WordPress

5. Một vài ví dụ sử dụng về việc sử dụng gravatar trong WordPress

Dùng gravatar cho comment:: Hàm có hai tham số 1 là biến toàn cục comment, 2 là cở ảnh avatar.

<!--
    <?php echo get_avatar( $comment, 32 ); ?>
-->

Dùng gravatar trong vòng loop wordpress: Hàm cho phép lấy ra avatar tùy vào email tác giả viết bài trong vòng lặp wordress.

<!--
    <?php echo get_avatar( get_the_author_meta('ID'), 32 ); ?>
-->

Dùng Gravatar cho email xác định: Lấy avatar theo email nào đó theo khai báo bạn đầu.

<!--
     <?php echo get_avatar( 'email@example.com', 32 ); ?>
-->

Tham khảo:

Kết luận: Coi như mình đã đăng ký được tài khoản Gravatar và sử dụng cơ cho wordpress, tuy công việc này đơn giản nhưng sẽ có ích cho các bạn muốn lập trình, thiết kế theme WordPress. Chúc mọi người thành công!

VN:F [1.9.22_1171]
Rating: 10.0/10 (1 vote cast)
Global Avatar - Cách dùng Gravatar trong WordPress, 10.0 out of 10 based on 1 rating
Share This