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

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

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

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

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

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

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

猜你喜欢
ZblogPHP两种评论式样调用代码
ZblogPHP两种评论式样调用代码

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

Z-BLOG
Word或PPT转PDF完美解决方案
Word或PPT转PDF完美解决方案

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

零碎
什么是机械键盘?
什么是机械键盘?

机械键盘与其它结构的键盘区别在于,每一颗按键都有一个单...

零碎
太阳风暴近日将再次抵达地球
太阳风暴近日将再次抵达地球

据国外媒体报道,一次大型太阳风暴正朝地球扑来,很...

杂谈
解决dedecms5.7版本article_image_cl.htm模板文件IE9下大图不显示BUG
解决dedecms5.7版本article_image_cl.htm模板文件IE9下大图不显示BUG

只需要修改一个参数即可,找到文件:templets\defa...

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

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

杂谈
ZblogPHP 几种常用缩略图调用代码
ZblogPHP 几种常用缩略图调用代码

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

Z-BLOG
Windows系统MSDN版、OEM版、RTM版、VOL版各是什么意思
Windows系统MSDN版、OEM版、RTM版、VOL版各是什么意思

(一)MSDN (Microsoft Developer N...

零碎
Photoshop羽化制作图片边缘向中间渐变透明
Photoshop羽化制作图片边缘向中间渐变透明

做图需要Photoshop制作图片边缘向中间渐变透明的...

零碎
热点推荐
blockquote标签几种CSS式样美化

浏览器支持 Internet...

浏览全文

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

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