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

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

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

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

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

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

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

猜你喜欢
《权力的游戏》第八季终于出炉了!
《权力的游戏》第八季终于出炉了!

《权力的游戏》从2011年(第一季)开播就受到了广大观众的喜...

吐槽
Windows10系统将PHPNOW升级PHP版本为5.3.5
Windows10系统将PHPNOW升级PHP版本为5.3.5

Windows 10发布很久了,现在大多数人都在使用,...

零碎
ZblogPHP调用栏目名称链接
ZblogPHP调用栏目名称链接

调用栏目名称链接,这种调用方式,在CMS主题上用的最多,前面...

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

哈哈,这篇文章标题我也想不出怎么描述好点,其实就...

Z-BLOG
PHPCMS V9上传图片提示"undefined"的解决办法
PHPCMS V9上传图片提示"undefined"的解决办法

找到文件:attachments.php路径:phpcms\...

PHPCMS
如何用Photoshop制作圆角图片?
如何用Photoshop制作圆角图片?

Photoshop的专长在于图像处理,而不是图形创作。...

零碎
美国惊现牵牛花云类似暗影怪物 古怪云层让人震惊
美国惊现牵牛花云类似暗影怪物 古怪云层让人震惊

近期,有人在美国弗吉尼亚州里士满市的上空拍摄到了...

杂谈
DEDECMS上传附件为拼音的修改
DEDECMS上传附件为拼音的修改

DEDECMS上传的附件,系统会自动重命名,有些网友为了方便...

DEDECMS
ZblogPHP幻灯片调用代码
ZblogPHP幻灯片调用代码

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

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

(一)MSDN (Microsoft Developer N...

浏览全文

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

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