教程简介
今天全百科网给大家分享的是wordpressDUX主题首页文章特色图片，如果在文章内容无图或未开启第一张作为特色图片时则自动调用random目录的随便一张图片作为缩略图，让缩略图区域不在是单调的黑白框和劣质的图片展示。
效果截图
操作方法
在functions-theme.php中，找到下面一段代码。
原代码：
代码语言：javascript复制 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');
}
}修改为：
代码语言：javascript复制 /*首页文章特色图片，如果文章内容无图，或未开启第一张作为特色图片，则用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文件夹 下载地址链接：http://www.quanbaike.com/news/2487.html
将random.zip 解压到主题目录中的img 文件夹中！
如果您对random.zip中的图片不满意，自行找差不多相同大小的图片替换。
