本文作者:李洋博客

Z-blogPHP调用文章,第一篇和其他样式不同的图文教程

李洋博客 2年前 ( 2017-08-09 ) 2294 5条评论
Z-blogPHP调用文章,第一篇和其他样式不同的图文教程摘要: 其实早在之前就有打算弄个cms类型的博客主题,但是由于自身时间和技术限制,一直都存在一个难题未解决,就是调用某个栏目下的文章,第一篇文章与其他文章的排列样式不同,比如本站现在的博客...

其实早在之前就有打算弄个cms类型的博客主题,但是由于自身时间和技术限制,一直都存在一个难题未解决,就是调用某个栏目下的文章,第一篇文章与其他文章的排列样式不同,比如本站现在的博客,调用五篇文章,其中第一篇与其他四篇样式有区别,还是这样看着比较好看,你们说呢?

博客cms布局.jpg

我也想过用其他办法解决,但是都不理想,堆砌的代码太多,影响网站的速度,这就违背了做主题的初衷,前几天终于学会了这个技能,在天兴博客教程看见的,于是Brieflee主题问世了,今天有时间,把这个教程写出来,有需要的可以直接拿走,废话少说,图文教程开始:

{foreach GetList(5,10) as $key=>$article}
{$i=$key}
{if $i==0}
  <li class="title-img"><a href="{$article.Url}" title="{$article.Title}" target="_blank"><img src="{$article.Img}" alt="{$article.Title}"></a>
    {php}$intro= preg_replace('/[\r\n]+/', '', trim(SubStrUTF8(TransferHTML($related->Intro,'[nohtml]'),66)).'...');{/php}
    <p>{$intro}</p></li>
{else}
    <li><span class="sp-time">{$article.Time('Y-m-d')}</span><span class="sp-title"><a href="{$article.Url}" target="_blank">{$article.Title}</a></span></li>
{/if}
{/foreach}

复制代码,直接修改文章的调用数量和分类ID即可(5为调用数量,10为调用的分类ID)

效果图:

李洋博客演示.png

至于样式根据主题风格自己修改吧。

文章版权及转载声明:

作者:李洋博客本文地址:https://www.talklee.com/blog/262.html发布于 2年前 ( 2017-08-09 )
文章转载或复制请以超链接形式并注明出处李洋个人博客

分享到:
赞(0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

评论列表 (有 5 条评论,2294人围观)参与讨论
网友昵称:啊
游客2017-08-15地板 回复 Edge 14.14393 Windows 10 x64
感谢楼主分享这么好的代码,赶紧测试去
网友昵称:板式家具生产线
板式家具生产线 游客2017-08-11凉席 回复 Google Chrome 55.0.2883.87 Windows 7
您好,您的网站做的很不错,很漂亮,我已经收藏了,方便我随时访问.
网友昵称:cu163电影网
cu163电影网 游客2017-08-10板凳 回复 Google Chrome 50.0.2661.102 Windows 7 x64
楼主的网站做的不错,模板很赞
网友昵称:在线看小说
在线看小说 游客2017-08-10椅子 回复 Safari 10.0 Apple iPhone
没有过鼎鼎大名的zblog
网友昵称:搜推快排系统
搜推快排系统 游客2017-08-10沙发 回复 Google Chrome 55.0.2883.87 Windows 7 x64
感谢楼主分享这么好的代码,赶紧测试去