栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > SEO面试题

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

SEO面试题 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

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

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

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

下面再看看具体的代码:

{php}

$pattern="/<[img|IMG].*?src=https://www.mshxw.com/skin/sinaskin/image/nopic.gif>

$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=https://www.mshxw.com/skin/sinaskin/image/nopic.gif /></a>

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

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


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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/319742.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号