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 | 4866 | 0 | 2018-02-22

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

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

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

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

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

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

猜你喜欢
ZblogPHP幻灯片调用代码
ZblogPHP幻灯片调用代码

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

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

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

HTML5/CSS3
Word或PPT转PDF完美解决方案
Word或PPT转PDF完美解决方案

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

零碎
解决升级WINDOWS10后VMware不能上网问题
解决升级WINDOWS10后VMware不能上网问题

我的笔记本由WINDOWS 8.1 升级到 WINDO...

零碎
ZblogPHP 几种常用缩略图调用代码
ZblogPHP 几种常用缩略图调用代码

关于ZBLOGPHP调用缩略图的代码有好多,有调用多张缩略图...

Z-BLOG
Opera书签导出到谷歌Chrome浏览器
Opera书签导出到谷歌Chrome浏览器

Opera浏览器,是一款挪威Opera Softw...

零碎
DEDECMS栏目后面加上文章数量
DEDECMS栏目后面加上文章数量

栏目后面加上文章数,可更加直观看到该栏目内有多少篇文章。实现...

DEDECMS
殊死一搏!两山羊悬崖边搏斗另一只围观 "掉落瞬间"吓傻摄影师
殊死一搏!两山羊悬崖边搏斗另一只围观 "掉落瞬间"吓傻摄影师

山羊,之所以叫山羊,就是因为它很擅长爬山。近日摄影师Mari...

杂谈
惊险!美国一轰炸机空中被闪电击中撕开一道大裂口
惊险!美国一轰炸机空中被闪电击中撕开一道大裂口

飞机遭到闪电雷击的情况是非常罕见(平均每年一起)...

杂谈
热点推荐
Windows系统MSDN版、OEM版、RTM版、VOL版各是什么意思

(一)MSDN (Microsoft Developer N...

浏览全文

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

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