适用情况
- 使用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
结束
其实我一开始不是很想改这玩意,但是图片分辨率一旦过大就看着很难受,就比如官网这个。
我自己的网站效果
就个人感觉吧,还是稍微有那么一丢丢用处。
没有回复内容