ZblogPHP首页CMS式样调用第一篇文章与后面几篇不同

哈哈,这篇文章标题我也想不出怎么描述好点,其实就是想说,首页一个块或指定的位置调用10篇文章,但调用出来的第一篇文章式样与后面的9篇文章不一样。

比如第一篇文章是带图片带内容简介的式样,后面9篇就只有标题,如下图所示:

ZblogPHP首页CMS式样调用第一篇文章与后面几篇不同

这种式样一般是喜欢CMS风格的朋友常用,尤其是网站内容多,浏览量大的站,这种样式能给访问者带来更好的阅读体验。

具体代码如下:

调用栏目文章

代码解释:

第一行的阿拉伯数字10和2分别表示调用id为2的栏目内的10篇文章;

第四行至第八行为第一篇文章显示的界面;

第十行为之后显示的文章界面。

{foreach Getlist(10,2,null,null,null,null,array('has_subcate'=>true))  as $key=>$related }
{$i=$key}
{if $i==0}
<li><img src="{$related.Img}" alt="{$related.Title}"><h3><a href="{$related.Url}" target="_blank">{$related.Title}</a></h3>
<p>
{php}$intro= preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Content,'[nohtml]'),150)).'...');{/php}{$intro}	
</p></li>
{else}

<li><span>{$related.Time('m月d日')} </span><a href="{$related.Url}" target="_blank">{$related.Title}</a></li>
{/if}
{/foreach}

调用成功+上CSS代码如下:

ZblogPHP首页CMS式样调用第一篇文章与后面几篇不同

可以根据喜好,自行写CSS来进行式样调整。

七片枫叶 | Z-BLOG | 3162 | 0 | 2018-02-22

本文暂无评论
发表评论    
名称 *
邮箱
网址
验证码 *  
内容
相关文章
DEDECMS文章无缩略图随机显示指定图片
DEDECMS文章无缩略图随机显示指定图片

很多朋友用dede发布文章总有那么几篇没有缩略图,而官方默认...

ZblogPHP两种评论式样调用代码
ZblogPHP两种评论式样调用代码

文章评论,是针对于事物进行主观或客观的自我印象阐述。评论易让...

ZblogPHP相关文章调用
ZblogPHP相关文章调用

ZblogPHP相关文章的调用方法有两种,第一种是zblog...

猜你喜欢
Word或PPT转PDF完美解决方案
Word或PPT转PDF完美解决方案

在办公中经常要写些手册、教程之类的文档,有些文档需要转成PD...

零碎
ZblogPHP幻灯片调用代码
ZblogPHP幻灯片调用代码

幻灯片是网站不可少的元素,有一个好看的幻灯片,能...

Z-BLOG
ZblogPHP列表页调用多张图片式样
ZblogPHP列表页调用多张图片式样

大部分主题首页、列表页都是调用文章一张缩略图,有...

Z-BLOG
火狐浏览器安装出错的解决方法
火狐浏览器安装出错的解决方法

Mozilla Firefox,非正式中文名称火狐,是一个开...

零碎
网友神吐槽春节:不能洗头洗澡洗衣服?不能这么过?
网友神吐槽春节:不能洗头洗澡洗衣服?不能这么过?

近日,一段对于春节的吐槽视频在网络上热传,接受采访的著名相声...

杂谈
Z-BLOG PHP版数据备份,还原方法分享!
Z-BLOG PHP版数据备份,还原方法分享!

最近在使用Z-BLOG PHP版博客系统,一个挺不错的...

Z-BLOG
两款漂亮大气的CSS3式样立体按钮
两款漂亮大气的CSS3式样立体按钮

CSS3应用非常广泛,做出来的效果也非常好看,网上搜集了两款...

HTML5/CSS3
Godaddy空间退款2014年12月最新教程
Godaddy空间退款2014年12月最新教程

Godaddy网站改版后,申请退款与联系客服跟以前有些出入,...

零碎
DEDECMS文章数量、会员等常用统计字段
DEDECMS文章数量、会员等常用统计字段

常用站点统计字段,如:共有多少篇文章,多少位会员等。共有文章...

DEDECMS
热点推荐
2017最新WINDOWS 10 更改hosts文件升级谷歌浏览器

谷歌浏览器的这些事,大家都明白,这里不多说了。...

浏览全文

土豪米店-精品域名专卖
  • 热门文章
  • 热评文章
  • 最新文章
标签列表
WWW.ELFGOD.COM
精灵网

Copyright ElfGod.COM.Rights Reserved.
Designed by SML
站长QQ:79087916