当前位置:首页一些小笔记WordPress DUX文章缩略图随机图优化

WordPress DUX文章缩略图随机图优化

写在前面

今天官网更新Dux7.2版本,更新后官网首页文章未设置特色图像的缺少文章缩略图,如果在文章内容无图或未开启第一张作为特色图片时则自动调用random目录的随便一张图片作为缩略图,让缩略图区域不在是单调的黑白框和劣质的图片展示,进而增加界面的美观性。

修改方法

效果图我就不放了,可以直接在官网查看:https://www.xzbzq.com

在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文件夹,然后找差不多相同大小的图片命名为1.jpg、2.jpg、3.jpg···10.jpg,找好想要图片并命名后直接导入img/random文件夹里即可,上传后刷新缓存即可。

【小白提示】如果仍然未显示,需要注意查看一下文件是否放置错误,以官网目录为例子:/wp-content/themes/Dux v7.2/img/random,放置主题目录而非程序根目录。

官网缩略图不是通用的我就不放压缩包了,这里提供一个壁纸库:http://tool.xzbzq.com/tools/bz/,官网缩略图有需要的可以自取(有点丑又懒得换…):

Wordpress DUX文章缩略图随机图优化

Wordpress DUX文章缩略图随机图优化

Wordpress DUX文章缩略图随机图优化

Wordpress DUX文章缩略图随机图优化Wordpress DUX文章缩略图随机图优化

Wordpress DUX文章缩略图随机图优化

Wordpress DUX文章缩略图随机图优化

Wordpress DUX文章缩略图随机图优化

Wordpress DUX文章缩略图随机图优化

 

给TA打赏
共{{data.count}}人
人已打赏
一些小笔记

内网渗透之信息收集

2020-12-11 11:23:22

一些小笔记

微信小程序「七七单词」使用文档

2021-9-10 17:28:36

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

Warning: Undefined array key "avatar" in /www/wwwroot/blog.xzbzq.com/wp-content/themes/b2Jitheme/jitheme_functions.php on line 397

Warning: Undefined array key "name" in /www/wwwroot/blog.xzbzq.com/wp-content/themes/b2Jitheme/jitheme_functions.php on line 397

Warning: Undefined array key "avatar" in /www/wwwroot/blog.xzbzq.com/wp-content/themes/b2Jitheme/jitheme_functions.php on line 397

Warning: Undefined array key "name" in /www/wwwroot/blog.xzbzq.com/wp-content/themes/b2Jitheme/jitheme_functions.php on line 397
  • 纯七发布圈子单身三年现状
  • 纯七发布圈子单身三年现状
  • 对文章腾讯音乐人认证教程发布评论!