加入收藏 | 设为首页 | 会员中心 | 我要投稿 财气旺网 - 海宁网 (https://www.hainingwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

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

发布时间:2022-01-19 10:58:27 所属栏目:运营 来源:互联网
导读:在设计zblog前端模板的时候,相信很多朋友都想调用出文章的缩略图,那么zblog php版本怎么调用文章缩略图呢?有好几种方式,但是归类起来是两种:一种是通过插件来调用,另外一种则是改代码。笔者昨天就用zblog程序做个一个旅游攻略的网站,因为攻略都会涉及
       在设计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版本怎么调用文章缩略图的问题,本文就简要的说这么多。网上也有很多这样的教程,但是有些教程只给出了代码,但是没有给出效果图,因此大家需要用过才能知道,到底是不是可用。本文给出的代码是可用的,大家把代码复制到对应的地方即可。至于样式问题,就靠大家自己去设计了。
 
 

(编辑:财气旺网 - 海宁网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!