首页
学习
活动
专区
工具
TVP
发布

typecho缩略图加入根据标签缩略名输出缩略图

做出来的效果就是: 缩略图显示,依次是附件中的图片,若不存在,输出文章的第一张图片,若不存在,输出对应的tag缩略名图片,若是未配置的tag,则输出随机图片,若文章不存在tag,则输出随机图片。...首先在functions.php添加 /** 输出文章缩略图 */ function showThumbnail($widget) { // 当文章无图片时的默认缩略图 $rand =...rand(1,99); // 随机 1-99 张缩略图 $random = $widget->widget('Widget_Options')->themeUrl ....$rand . '.jpg'; // 随机缩略图路径 // $random = $widget->widget('Widget_Options')->themeUrl ....比如该篇文章标签名字是typecho,默认他的缩略名也是typecho,但我把它的缩略名改成了te,也就是说这篇文章的缩略图是te.jpg。

1.2K30
您找到你想要的搜索结果了吗?
是的
没有找到

毛玻璃实现图片缩略图

今天又双叒叕是做需求,发现产品给了一个缩略图排列起来的列表(虽然列表里只给了一个排列项,其他需要脑补)然鹅我发现!想象总是美好的,然而现实是非常骨感的! #背景 什么是毛玻璃效果?...就类似下面这种~~ 在页面中的图片缩略图列表,每张图片的大小,尺寸,宽高比一定不是一样的。。...1503185912284-5271ff81b9a8.webp" alt="测试图片" /> 主要是 CSS...center; background-repeat: no-repeat; } img { max-height: 100%; } 这样就实现了我们的毛玻璃图片缩略图预览的效果了...仅使用 HTML 和 CSS 来实现 Glass UI Glassmorphism in user interfaces 摸鱼不易啊!!!为了给大家看看我最新的摸鱼效果,同时排期的时间也在缩短。。

1.1K10

ZblogPHP自动调用文章第一张图为缩略图及随机缩略图

一般情况,老蒋在帮助客户网站制作的时候关于产品缩略图的调用会使用ZblogPHP平台中"自定义字段插件"直接人工选择一个产品的图片作为展示前台的产品缩略图,这样的好处就是可以选择自己需要的或者自定义的产品...我们其实也可以采用自动缩略图的方法,比如在内容中有图片的时候自动选择第一张图作为缩略图,我们可以在发布产品、文章的时候有意的把需要作为缩略图的图片放到第一张。...第一、可能需要用到的效果 这个演示是老蒋在制作一个博客主题时候侧栏以及内容列表时候用到的缩略图效果,这个我们应该很常见的。...第二、自动缩略图效果实现步骤 1、通用代码 {php} $temp=mt_rand(1,5); $pattern="/<[img|IMG].*?src=[\'|\"](.*?(?...本文出处:老蒋部落 » ZblogPHP自动调用文章第一张图为缩略图及随机缩略图 | 欢迎分享

1.7K40

WordPress自动设置文章缩略图

经常会在网站首页调用文章的时候,需要有图片一起展示,wordpress本身有缩略图功能,可以通过has_post_thumbnail来判断是否有缩略图, the_post_thumbnail来调用。...但是wordpress的缩略图需要手动设置,并不能自动获取文章内的图片来作为缩略图,通过以下方法完成缩略图自动设置。...自动设置缩略图的逻辑: 如果设置缩略图,则调用缩略图; 如果没有设置缩略图,则调用文章内第一张图片为缩略图; 如果文章内也没有图片,那么则使用默认图片为缩略图。...function dm_the_thumbnail() { global $post; // 判断该文章是否设置的缩略图,如果有则直接显示 if ( has_post_thumbnail...()即可完成缩略图URL的调用。

90830
领券