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

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中的图片不满意,自行找差不多相同大小的图片替换。

Download Nulled WordPress Themes
Download Nulled WordPress Themes
Download WordPress Themes Free
Download Best WordPress Themes Free Download
free download udemy paid course
download lava firmware
Download WordPress Themes Free
free download udemy course

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

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

评论 12

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

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

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

    不错!!1

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

    支持img

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

    支持支持img

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

    支持img

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

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

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

    我要下载图片

    卓卓 4个月前 (08-02) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  8. #-492

    4wqersadf时光网

    234 3个月前 (09-16) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  9. #-491

    支持支持img

    的点点滴滴 3个月前 (09-23) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  10. #-490

    不错不错不错不错不错不错不错不错

    asss 2个月前 (10-13) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  11. #-489

    我要下载图片

    ass 2个月前 (10-13) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  12. #-488

    感谢真打算学习下

    gezj 2个月前 (10-19) 来自天朝的朋友 谷歌浏览器 Windows 10 回复