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

欢迎光临，沐风博客分享SEO等网络营销推广技术和资讯！

推荐：2024年百度SEO应该怎么做 - 跨境电商规避风险 | 视频号直播带货 | 直播带货选择什么产品

电商平台：淘宝、天猫、京东、闲鱼、视频号小店、拼多多、抖音小黄车、亚马逊、 shopify 自媒体：微信视频号、快手视频、搜狐自媒体、百家号、今日头条、小红书

当前位置：沐风博客 >> SEO技术 >>正文

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

重点导读：网上也有很多这样的教程，但是有些教程只给出了代码，但是没有给出效果图，因此大家需要用过才能知道，到底是不是可用。本文给出的代码是可用的，大家把代码复制到对应的地方即可。至于样式问题，就靠大家自己去设计了。
发布人:沐风 - 更新时间:2021-11-23 07:48:13 - 地址:http://www.tangmengyun.com/seo/2071.html - 浏览:4602

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