技术成就梦想
努力展现自我

WordPress 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, 30);//数字1-30的图片
        	return sprintf('<img data-thumb="default" src="%s" class="thumb">', get_stylesheet_directory_uri().'/img/random/'.$random.'.jpg');
        }
    }

上传functions-theme.php到网站的主题目录下的文件替换,然后网上下载找差不多相同大小的图片,建立random文件夹,并上传至DUX主题里的IMG文件夹中,然后刷新页面既可展示效果。

赞(3) 打赏
未经允许不得转载:鸿华工作室 » WordPress Dux 主题缩略图显示随机缩略图片方法
分享到: 更多 (0)

鸿华网络工作室,收集各类技术类优秀文章,少走弯路学习

NAS数据存储中心鸿华在线音乐

觉得文章有用就打赏一下文章作者

微信扫一扫打赏