全百科精品资源分享
免费优质资源下载平台

wordpressDUX主题首页缩略图无图时随机图片方法

播放按钮
文章目录

教程简介

今天全百科网给大家分享的是wordpressDUX主题首页文章特色图片,如果在文章内容无图或未开启第一张作为特色图片时则自动调用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');
        }
    }

附件下载

下载random文件夹
免费下载地址链接:https://pan.baidu.com/s/1nwsxfUrM6lxGjCdC_VN-QA
提取码:

温馨提示: 此处内容需要 评论本文刷新本页 才能查看!

将random.zip 解压到主题目录中的img 文件夹中!

如果您对random.zip中的图片不满意,自行找差不多相同大小的图片替换。

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(1) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » wordpressDUX主题首页缩略图无图时随机图片方法
分享到: 更多 (0)

评论 7

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    分享好用的适合国人使用的中文汉化版的WordPress网

    mybbsky 2个月前 (06-30) 来自天朝的朋友 火狐浏览器5.0 Windows 10 回复
  2. #2

    不错!!1

    念旧 1个月前 (07-14) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  3. #3

    支持img

    苍蓝 3周前 (07-28) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  4. #4

    支持支持img

    苍蓝 3周前 (07-29) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  5. #5

    支持img

    暗香 3周前 (07-31) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  6. #6

    支持支持支持支持,下载下来看看

    小小 2周前 (08-02) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  7. #7

    我要下载图片

    卓卓 2周前 (08-02) 来自天朝的朋友 谷歌浏览器 Windows 10 回复

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

支付宝扫一扫打赏

微信扫一扫打赏