当前位置:沐风博客 / SEO技术 / 正文

zblog php版本怎么调用文章缩略图

发布时间:2021年11月23日 07:48:13 | 责任编辑 : 沐风 | 分类 : SEO技术 | 浏览: 4658次 | 评论 0

在设计zblog前端模板的时候,相信很多朋友都想调用出文章的缩略图,那么zblog php版本怎么调用文章缩略图呢?有好几种方式,但是归类起来是两种:一种是通过插件来调用,另外一种则是改代码。笔者昨天就用zblog程序做个一个旅游攻略的网站,因为攻略都会涉及到景点图片,所以就进行了模板的设计。

在网上找了相关的教程,有的实现不了,而有的则有其他各种问题,笔者经过调试后终于搞定了,下面先来看看效果图:

zblog文章缩略图.jpg

下面再看看具体的代码:

{php}

$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";

$content = $article->Content;

preg_match_all($pattern,$content,$matchContent);

if(isset($matchContent[1][0]))

$temp=$matchContent[1][0];

else

$temp=$zbp->host."zb_users/theme/$theme/style/aa.jpg";/*指定图片路径*/

{/php}

<a href="{$article.Url}" target="_blank"><img width="200" height="130" alt="{$article.Title}" src="{$temp}" /></a>

这段代码实现的功能是:如果文章没有图片则调用指定的图片,如果文章包含了图片,则调用第一张图片。另外,代码也指定了图片的尺寸,大家可以根据页面的情况来设置。至于zblog文章列表缩略图的样式,大家通过css来设计即可。笔者这里利用了float的形式,让图片浮动靠左,文字浮动靠右。大家也可以通过div+css来设计,这样会更加灵活。

关于zblog php版本怎么调用文章缩略图的问题,本文就简要的说这么多。网上也有很多这样的教程,但是有些教程只给出了代码,但是没有给出效果图,因此大家需要用过才能知道,到底是不是可用。本文给出的代码是可用的,大家把代码复制到对应的地方即可。至于样式问题,就靠大家自己去设计了。


相关知识点
zblog:Z-Blog是由Z-Blog开发团队开发的一款小巧而强大的基于Asp和PHP平台的开源程序,致力于给用户提供优秀的博客写作体验。从2005年Z-Blog第一版发布以来,目前已有15年的历史。

本站内容大部分由沐风博客原创,少部分内容来源于网络,如有侵权请与我们联系,我们会及时删除!

扩展阅读