您当前的位置:网站首页>wordpressDUX主题首页缩略图无图时随机图片教程

wordpressDUX主题首页缩略图无图时随机图片教程

2019-07-16 00:04:17 投稿作者:yeweizeng 围观人数:91 评论人数:0次

DUX主题发布文章的时候缩略图会自动使用,文章内第一张图片作为缩略图,或者文章特色图片的,如果文章没有图片,也没有设置特色图片,就会显示灰色的默认缩略图比较难看,下面来介绍通过代码,让无图无特色图片的时候文章缩略图随机使用random目录的随便一张图片作为缩略图。

在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');}}

然后进入主题的img文件夹里创建一个名为random的文件夹,在里面放入9张缩略图,数字分别为1jpg-9.jpg,这样在无图无特色图片的时候,缩略图就会在random里面9张随机选一张作为缩略图。

如果随机缩图太少了可以自己增加,比如你要放20张,你要把$random = mt_rand(1, 9);//数字1-9的图片改为$random = mt_rand(1, 20);//数字1-20的图片。这里给大家找好了9张缩略图,自己在找的时候按照里面的尺寸来,放相同尺寸的。 

 链接: https://pan.baidu.com/s/1Hkoh0G-k7Z3DBeH0wLzfKg 提取码: j6gi

版权说明
免责声明:本文来自福利线报站发布,但不代表本站的观点和立场