Mặc định wordpress sử dụng gavatar làm hình ảnh đại diện cho user, để thay đổi biểu tượng avatar của users bạn cần kích hoạt plugin WP User avatar.
Download tại: https://wordpress.org/plugins/wp-user-avatar/
Hiển thị avatar:
* Lấy avatar của user bằng cách sử dụng shortcode.
Sử dụng shortcode trong lặp post, nó sẽ tìm author đăng bài viết đó hoặc bạn có thẻ chỉ định một author bởi username.
Bạn có thể chỉ định kích thước, vị trí và liên kết tới file hình avatar.
|
// You can specify a size, alignment, and link,
[avatar user="admin" size="96" align="left" link="file" /]
-->output
<a href="{fileURL}" class="wp-user-avatar-link wp-user-avatar-file">
<img src="{imageURL}" width="96" height="96" class="wp-user-avatar wp-user-avatar-96 alignleft" />
</a>
|
Thêm captions cho avatar.
|
// adds captions to other images.
[avatar user="admin" size="96" align="left" link="file"]Photo Credit: Your Name[/avatar]
--> output
<div style="width: 106px" class="wp-caption alignleft">
<a href="{fileURL}" class="wp-user-avatar-link wp-user-avatar-file">
<img src="{imageURL}" width="96" height="96" class="wp-user-avatar wp-user-avatar-96" />
</a>
<p class="wp-caption-text">Photo Credit: Your Name</p>
</div>
|
* Lấy avatar của user với cách sử dụng hàm PHP.
Thay vì sử dụng hàm get_avatar trong wordpress, chúng ta gọi get_wp_user_avatar.
|
// show avatar with different size
get_wp_user_avatar($user_id, 'medium'); #"original", "large", "medium", or "thumbnail"
-->output
<img src="{imageURL}" class="wp-user-avatar wp-user-avatar-medium" />
|
Cho phép bạn sử dụng tùy biến kích thước đăng ký bởi hàm add_image_size
|
get_wp_user_avatar($user_id , 'custom-size');
|
Chỉ định một kích thước:
|
echo get_wp_user_avatar($user_id, 96, 'left'); #user_id, size, class
-->output:
<img src="{imageURL}" width="96" height="96" class="wp-user-avatar wp-user-avatar-96 alignleft" />
|
Lấy đường dẫn ảnh avatar.
|
// retrieves just the image URL
get_wp_user_avatar_src($user_id, 'original');
|
Bạn có thể kiểm tra một user có tồn tại avatar hay không.
|
// checks if the user has a WP User Avatar image
<?php
if ( has_wp_user_avatar($user_id) ) {
echo get_wp_user_avatar($user_id, 96);
} else {
echo '<img src="my-alternate-image.jpg" />';
}
?>
|
Một vài ví dụ cụ thể:
Trong vòng lặp loop, lấy avatar của user thuộc về post hiện tại:
|
<?php echo get_wp_user_avatar(get_the_author_meta('ID'), 96); ?>
|
Trang author: Gọi bên ngoài loop.
|
<?php
//get by author name
$user = get_user_by('slug', $author_name);
echo get_wp_user_avatar($user->ID, 96);
?>
|
Trang comment:
|
<?php echo get_wp_user_avatar($comment, 32); ?>
|
Unregistered version
