适用情况

• 使用OSS作为媒体附件库
• 优化前端速度

因为要修改主题代码，所以在修改之前请备份自己的网站，如有操作失误导致无法还原的，概不负责！

教程

关键函数

get_user_cover_img

修改位置

/wp-content/themes/zibll/inc/functions文件夹下的zib-theme.php

搜索作者封面图

我修改之后代码

function get_user_cover_img($user_id)
{
    $url = get_user_cover_img_url($user_id);
    $thumbnail = '/thumbnail';
    $cover_lazy_attr = zib_get_lazy_attr('lazy_cover', $url.$thumbnail, 'fit-cover user-cover user-cover-id-' . $user_id, ZIB_TEMPLATE_DIRECTORY_URI . '/img/thumbnail-lg.svg');
    $img             = '<img ' . $cover_lazy_attr . ' alt="用户封面缩略图">';
    return $img;
}

$thumbnail写自己OSS设置的图片处理规则

但是这里修改的是全局，意思就是你用户中心的封面图也是使用了规则，会导致图片显示模糊。

解决办法

新增代码

function get_user_cover_img_user($user_id)
{
    $url = get_user_cover_img_url($user_id);
    $cover_lazy_attr = zib_get_lazy_attr('lazy_cover', $url, 'fit-cover user-cover user-cover-id-' . $user_id, ZIB_TEMPLATE_DIRECTORY_URI . '/img/thumbnail-lg.svg');
    $img             = '<img ' . $cover_lazy_attr . ' alt="用户封面">';
    return $img;
}

修改/wp-content/themes/zibll/inc/functions/user文件夹下的page.php

结束

其实我一开始不是很想改这玩意，但是图片分辨率一旦过大就看着很难受，就比如官网这个。

我自己的网站效果

就个人感觉吧，还是稍微有那么一丢丢用处。