当前位置:首页 > 建站知识 > 正文内容

zblog文章中有图时显示缩略图,无图时只显示摘要文字的方法

admin3年前 (2021-07-25)建站知识380

当前的zblog带缩略图主题模板,大都是采用了文章中有图时,提取第一张图片作为缩略图,文章内容中无图时,自定义一张或者几张图片作为默认缩略图的方式。有不少用户希望,无图时只显示摘要文字,通过什么方法实现呢?

1、通过IF判断语句识别内容是否有图,不同的返回结果使用不同模板,置顶文章单独模板。将代码放到首页文件中,判断页面代码处。

Markup
{php}
$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";//判断文章是否含有图片
$content = $article->Content;
preg_match_all($pattern,$content,$matchContent);
{/php}
{if isset($matchContent[1][0])}
{template:post-multi}//有图模版
 {else}
{template:post-multi-wutu}//无图模版
{/if}

新建有图模板post-multi.php文件,文件内容如下。

<ul class="jieshao">
<h1><a href="{$article.Url}" target="_blank">{$article.Title}</a> <span>{$article.Category.Name}</span> </h1>
<li><p ><a href="{$article.Url}" title="{$article.Title}"><img src="{$matchContent[1][0];}" style="float:left;" width="120" height="75" /></a>
{php}
$temp = preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(Transferhtml($article->Intro,'[nohtml]'),150)).'...');
{/php}
{$temp}	</p></li></ul>

新建无图模板post-multi-wutu.php文件,内容如下。

<ul class="jieshao">
 <h1><a href="{$article.Url}" target="_blank">{$article.Title}</a> <span>{$article.Category.Name}</span> </h1>
  <li><p >
  {php} $temp = preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(Transferhtml($article->Intro,'[nohtml]'),150)).'...');
    {/php}{$temp}</p></li></ul>

以上代码需配合CSS完美使用,不同的主题风格所用到的CSS样式也不同,这里就不再赘述,有兴趣的站长可自行折腾。

扫描二维码推送至手机访问。

版权声明:本文由莹莹笔记发布,如需转载请注明出处。

本文链接:https://www.ynyn34.com/jzzs/11.html

标签: ZblogPHP学习
分享给朋友:

相关文章

Zblog调用某分类的文章(第一篇有图文摘要)

Zblog调用某分类的文章(第一篇有图文摘要)

在一些Zblog制作的CMS网站中,我们经常会看到一些分类模块出现下图这种形式,就是会调用第一篇文章的图片、标题及摘要,其余文章只显示简单的标题还有发布时间,这种效果是怎么实现的呢?完整代码:{foreach Getlist(10...

宝塔面板上传网站程序后提示:恭喜,站点创建成功

宝塔面板上传网站程序后提示:恭喜,站点创建成功

宝塔面板是当下比较流行的服务器管理软件,莹莹笔记就是使用宝塔面板+Zblog搭建。初次使用,上传过Zblog程序后,访问主页时竟然不显示网站内容,而是提示“恭喜,站点创建成功!这是默认index.html,本页面由系统自动生成”。有个别新手...

夸克网盘签到给的空间是永久的吗

夸克网盘签到给的空间是永久的吗

因为要保存好多学习资料,莹莹也开通了一个夸克网盘会员,您别说,充值后的体验果然尊贵,不仅下载时不限制告诉流量多少了,而且保存资源也不受每次500个文件的限制,贼爽。而且还发现,每天签到送空间,连续签到7天可翻十倍得1G。那这些签到给的空间是...

zblogPHP调用某分类的置顶文章代码

当zblogPHP网站某一个分类需要置顶文章较多的时候,比如说八篇,或者十篇,我们就可以通过代码把他直接调用出来,获得更好的展示效果。{foreach GetList(1,$id,null,null,null,null,array...

网站搬家后更换服务器IP,如何告诉百度蜘蛛快点爬取新IP

网站搬家后更换服务器IP,如何告诉百度蜘蛛快点爬取新IP

做网站时间稍微长一点的站长都有过搬家的经历,搬家之后,服务器IP就会更换,百度蜘蛛并不会第一时间立刻去新服务器爬取,而是会继续爬取老IP的地址,有时甚至因为老地址已经清空数据,蜘蛛爬取时会返回抓取失败,这是会导致网站降权的。倘若您老地址能一...

ZblogPHP网站添加首页滚动公告栏

ZblogPHP网站添加首页滚动公告栏

相信下图这种首页滚动公告栏并不陌生吧?为了展示滚动效果,莹莹特意截图了一个滚动到一半的图片。如何为ZblogPHP网站添加这种首页滚动公告栏呢?1、为首页调用JS文件添加以下滚动代码:// 文字滚动 (function($){$...