如何在 Wordpress 中将 Gravatar 设置为背景图片?
How to set Gravatar as background image in Wordpress?
我正在开发自定义 WordPress 主题,根据设计要求,我必须在图片背景中设置 Author Gravatar。
我试过使用 get_avatar_url()
和 wp_get_attachment_image_src
如下,但无法实现:
PHP 行内代码:
<?php $thumb = wp_get_attachment_image_src(get_avatar_url($post->ID), '80'); ?>
<div class="author" style="background-image: url('<?php echo $thumb[0]; ?>')"></div>
CSS:
.author {
width:120px;
height:120px;
background: no-repeat center;
}
我该如何实现?
我在这里找到了答案 ():
function my_gravatar_url() { // Get user email
$user_email = get_the_author_meta('user_email');
// Convert email into md5 hash and set image size to 80 px
$user_gravatar_url = 'http://www.gravatar.com/avatar/' . md5($user_email) . '?s=120';
echo $user_gravatar_url;
}
<div class="author" style="background: url('<?php echo my_gravatar_url(); ?>') center center no-repeat; top: 50%; left: 50%;">
</div>
这是解决方案。它在我的网站上运行良好。
<div
style = "background-image:
url('<?php echo get_avatar_url(get_the_author_meta('ID'), array("size"=>450)); ?>');
height: 450px;
width:450px">
</div>
我正在开发自定义 WordPress 主题,根据设计要求,我必须在图片背景中设置 Author Gravatar。
我试过使用 get_avatar_url()
和 wp_get_attachment_image_src
如下,但无法实现:
PHP 行内代码:
<?php $thumb = wp_get_attachment_image_src(get_avatar_url($post->ID), '80'); ?>
<div class="author" style="background-image: url('<?php echo $thumb[0]; ?>')"></div>
CSS:
.author {
width:120px;
height:120px;
background: no-repeat center;
}
我该如何实现?
我在这里找到了答案 ():
function my_gravatar_url() { // Get user email
$user_email = get_the_author_meta('user_email');
// Convert email into md5 hash and set image size to 80 px
$user_gravatar_url = 'http://www.gravatar.com/avatar/' . md5($user_email) . '?s=120';
echo $user_gravatar_url;
}
<div class="author" style="background: url('<?php echo my_gravatar_url(); ?>') center center no-repeat; top: 50%; left: 50%;">
</div>
这是解决方案。它在我的网站上运行良好。
<div
style = "background-image:
url('<?php echo get_avatar_url(get_the_author_meta('ID'), array("size"=>450)); ?>');
height: 450px;
width:450px">
</div>