前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Z-blogPHP调用文章,第一篇和其他样式不同的图文教程

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

作者头像
李洋博客
发布2021-06-15 10:30:15
3080
发布2021-06-15 10:30:15
举报
文章被收录于专栏:李洋博客

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

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

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

代码语言:javascript
复制
{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)

效果图:

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-08-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档