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

重点导读:网上也有很多这样的教程,但是有些教程只给出了代码,但是没有给出效果图,因此大家需要用过才能知道,到底是不是可用。本文给出的代码是可用的,大家把代码复制到对应的地方即可。至于样式问题,就靠大家自己去设计了。

在设计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年的历史。

本文 已帮助 3104 人

易速博客

本站内容大部分由易速博客原创,少部分内容来源于网络,如有侵权请与我们联系,我们会及时删除!
责任编辑:易速 | 发布时间:2021年11月23日07点48分13秒 | 本文永久地址为 http://seo.dfkj666.com/seo/2071.html

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

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

zblog php版本怎么调用文章缩略图非原创文章,如若转载,请注明出处:https://web.embd.cn/5_583.html