子比缩略图使用OSS图片处理规则-zibll教程分享社区-zibll子比主题-WordPress主题模板-zibll子比主题

子比缩略图使用OSS图片处理规则

教程

之前在需求那里向老唐建议了,也不知道后续做不做,我就暂时研究了一下,因为我不是PHP开发的,目前只是暂时找到代码,具体如何修改看哪位大佬研究一下。

子比缩略图的先后顺序有点怪:

image-24

具体代码是在zibll/inc/functions/zib-theme.php1252-1270代码处

如有不同搜索//输出链接即可找到

image-25

如果主题开启懒加载,首页返回的缩略图链接就是第一个,反正是第二个

其实这个方法只适合那种用了OSS,还开启图片裁剪的人,我是不习惯一张图片裁剪成多张去适应缩略图大小。

将你的图片规则添加在src="%s"%s后面

我使用的是多吉OSS,图片规则是/sakura

那我就修改为src="%s/sakura"

效果

image-11

image-10

灯塔测试

基本上是90分以上,因为首页的缩略图缩小了很多。

 

我比较喜欢二次元,所以基本上塞了很多图片当封面,没改之前图片加载是3秒,现在直接减少一半,后续自己再优化一下规则直接起飞。

目前遇到的问题

如果是中途使用OSS的,之前文章的图片连接还是本地的,没单独设置使用OSS的图片作为特色图像,你的缩略图会报错。

如果能在这里判定URL的域名是不是OSS的就好了,不会写PHP,现在要么等大佬写,要么就看老唐心情做不做。

修改版

//输出链接
    if ($show_url) {
        return $img_url;
    }

    $lazy_thumb = zib_get_lazy_thumb();
    $r_attr     = '';
    $alt        = $post->post_title . zib_get_delimiter_blog_name();
    if (!$img_url) {
        $img_url = zib_get_spare_thumb();
        $r_attr  = ' data-thumb="default"';
    }
    $thumbnail = '/thumbnail'; //''里面填自己OSS设置的规则
    if(strpos($img_url,'file') !== false){
        if (zib_is_lazy('lazy_posts_thumb')) {
            return sprintf('<img' . $r_attr . ' src="%s%s" data-src="%s%s" alt="%s" class="lazyload ' . $class . '">', $lazy_thumb, $thumbnail, $img_url,$thumbnail, $alt);
        } else {
            return sprintf('<img' . $r_attr . ' src="%s%s" alt="%s" class="' . $class . '">', $img_url,$thumbnail, $alt);
        }
    } else {
        return sprintf('<img' . $r_attr . ' src="%s" alt="%s" class="' . $class . '">', $img_url, $alt);
    }

如果更好的代码,还请大佬评论区发表!

请登录后发表评论

    • 老糖的头像-WordPress主题模板-zibll子比主题代理会员老糖徽章-备受瞩目-WordPress主题模板-zibll子比主题等级-LV8-WordPress主题模板-zibll子比主题超级版主1
        • 老糖的头像-WordPress主题模板-zibll子比主题代理会员老糖徽章-备受瞩目-WordPress主题模板-zibll子比主题等级-LV8-WordPress主题模板-zibll子比主题超级版主0