WordPress DUX主题文章无图片 首页(搜索结果页)缩略图随机显示指定图片

DUX主题有一个“微分类”功能,效果可以参考本站的微分享目录。相对于普通的博客文章,微分类下的文章可以直接全文显示。这个特点非常适合分享一些简短的文字内容,跟微博(说说)非常相像。

只是如果DUX主题下,单纯发布文字内容,即文章不带图片,网站首页(搜索结果页)不会显示文章缩略图,看起来不够美观。

我们可以通过一些设置,使它可以正常显示缩略图,而且可以随机进行显示。那么,该如何进行设置呢?

在functions-theme.php中,找到如下代码:

if( $r_src ){
if( _hui('thumbnail_src') ){
return sprintf('<img data-src="%s" alt="%s" src="%s" class="thumb">', $r_src, $post->post_title._get_delimiter().get_bloginfo('name'), get_stylesheet_directory_uri().'/img/thumbnail.png');
}else{
return sprintf('<img src="%s" alt="%s" class="thumb">', $r_src, $post->post_title._get_delimiter().get_bloginfo('name'));
}
}else{
return sprintf('<img data-thumb="default" src="%s" class="thumb">', get_stylesheet_directory_uri().'/img/thumbnail.png');
}
}

将其修改成以下代码:

 /*文章无图片或未开启第一张图作为缩略图,则用random文件夹中随机一张为缩略图*/ 
if( $r_src ){
if( _hui('thumbnail_src') ){
return sprintf('<img data-src="%s" alt="%s" src="%s" class="thumb">', $r_src, $post->post_title._get_delimiter().get_bloginfo('name'), get_stylesheet_directory_uri().'/img/thumbnail.png');
}else{
return sprintf('<img src="%s" alt="%s" class="thumb">', $r_src, $post->post_title._get_delimiter().get_bloginfo('name'));
}
}else{
/*return sprintf('<img data-thumb="default" src="%s" class="thumb">', get_stylesheet_directory_uri().'/img/thumbnail.png');*/
$random = mt_rand(1, 9);//数字1-9的图片
return sprintf('<img data-thumb="default" src="%s" class="thumb">', get_stylesheet_directory_uri().'/img/random/'.$random.'.jpg');
}
}

random下载

https://url26.ctfile.com/f/948726-548644684-0bd524(访问密码:7890)

https://1itao.lanzouf.com/iqKxmoecsha

将random.zip解压后的文件夹,放到DUX主题目录中的img文件夹中。random中的图片,您可以根据喜好添加替换。

具体效果参考下图↓

0

评论0

没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码