封面模板 可以实现循环子栏目以及头条调用

但是头条的图片和标题只能用一条，只有使用灵动标签。

实现效果如图：

<?php
$bclassid=$GLOBALS[navclassid]; //取得本栏目id
//取得本栏目下的子栏目
?>
[e:loop={"select classid, classname, classpath from `[!db.pre!]enewsclass` where bclassid='$bclassid' order by `classid` desc ",7,24,0}]
<div class="fengm">
      <h3><span><a href="<?=$public_r[newsurl].$bqr[classpath]?>" target="_blank">更多+</a></span><?=$bqr[classname]?></h3>
      <div class="fpicbox">
        <ul>
<?php
//这里是取得该分类下的有图片的最新数据
$commbook=$empire->query("select * from [!db.pre!]ecms_news where classid = ".$bqr[classid]."  and  titlepic!=' ' order by newstime desc limit 3");
$commbookurl=sys_ReturnBqTitleLink($commbook);
 while($r=$empire->fetch($commbook)) {
    ?>
          <li class="fpic"><a href="<?=sys_ReturnBqTitleLink($r)?>"><img src="<?=$r[titlepic]?>" ><i><?=$r[title]?></i></a></li>     
<?php
     }
 ?> 
 </ul>
      </div>
      <ul class="fmnews">
<?php
//取得该分类下的最新数据
    $newbook=$empire->query("select title,titlepic,smalltext,titleurl,keyboard,newstime,groupid,classid,newspath,filename,id from [!db.pre!]ecms_news  where classid =".$bqr[classid]." order by newstime desc limit 5");
    while($r=$empire->fetch($newbook)) {
    ?>
    <li><span><?=date('Y-m-d',$r[newstime])?></span><a href="<?=sys_ReturnBqTitleLink($r)?>" title="<?=$r[title]?>"><?=$r[title]?></a></li>    
<?php
     }
     //显示5条
 ?>         
      </ul>
    </div>
  [/e:loop]

 

如果首页改用扩展变量，可以这么做

系统-扩展变量-增加一个变量名为 title

<div class="tab_box whitebg">
<?php
$bclassid=ReturnPublicAddVar('title'); //取得栏目id，系统，扩展变量
?>
      <div class="tab_buttons">
        <ul>
[e:loop={"select classid, classname, classpath from [!db.pre!]enewsclass where classid in $bclassid order by myorder asc ",0,24,0}]
<?
if($bqno==1)
{
?>
<li class="newscurrent"><a href="javascrpt::"><?=$bqr[classname]?></a></li>

<?php
}
else{
?>
          <li><a href="javascrpt::"><?=$bqr[classname]?></a></li>
<?
}
?>
       [/e:loop]  
        </ul>
      </div>
      <div class="newstab">
[e:loop={"select classid, classname, classpath from [!db.pre!]enewsclass where classid in $bclassid order by myorder asc ",0,24,0}]

        <div class="newsitem">
          <div class="newspic">
            <ul>
<?php
//这里是取得该分类下的有图片的最新数据
$commbook=$empire->query("select * from phome_ecms_news where classid = ".$bqr[classid]."  and  titlepic!=' ' and isgood=1 order by newstime desc limit 2");
$commbookurl=sys_ReturnBqTitleLink($commbook);
 while($r=$empire->fetch($commbook)) {
    ?>
              <li><a href="<?=sys_ReturnBqTitleLink($r)?>"><img src="<?=$r[titlepic]?>"><span><?=$r[title]?></span></a></li>
<?php
     }
 ?> 
            </ul>
          </div>
          <ul class="newslist">
<?php
//取得该分类下的最新数据
 
    $newbook=$empire->query("select * from  phome_ecms_news  where classid =".$bqr[classid]." order by newstime desc limit 5");
    
    while($r=$empire->fetch($newbook)) {
    ?>
  <li><i></i><a href="<?=sys_ReturnBqTitleLink($r)?>" title="<?=$r[title]?>"><?=esub($r[title],60,'...')?></a><p><?=$r[smalltext]?></p></li>
    <?php
     }
     //显示5条
    ?>
          </ul>
        </div>
       [/e:loop]  
      </div>
    </div>
    <!--tab_box end-->

 

注意：本代码用的是系统默认 phome_ecms_news ，请结合自己的数据库前缀进行修改

Ps:图片区域为推荐位，文字区域为分类下的最新数据

实现效果如图：

循环调用扩展变量里面的id号，按照后台顺序排序，myorder，图片调的是头条。列表为5条

前端代码展示：

    <div class="tab_box whitebg">
      <div class="tab_buttons">
        <ul>
<li class="newscurrent">博客日记</li>

                 <li>程序人生</li>
                 <li>CSS3|Html5</li>

        </ul>
      </div>

      <div class="newstab">

        <div class="newsitem">
          <div class="newspic">
            <ul>
              <li><a href="/news/s/944.html" target="_blank"><img src="/d/file/blogs/2018-12-31/e1d70bb0c58efaea309ebdb0c23d3758.jpg"><span>【告别2018】耕耘才有所得，付出才有收获</span></a></li>
              <li><a href="/news/s/900.html" target="_blank"><img src="/d/file/blogs/2018-08-22/28e3bbca2ae0205f641a9072ecb7c100.jpg"><span>网易博客关闭，何不从此开始潇洒行走江湖！</span></a></li>
 
            </ul>
          </div>
          <ul class="newslist">
  <li><i></i><a href="/news/s/944.html" title="【告别2018】耕耘才有所得，付出才有收获" target="_blank">【告别2018】耕耘才有所得，付出才有收获</a><p>网站模板我更新速度是很慢的，数了一下，大概12个模板，不多，但是每一套个人博客网站模板都是我精心设计的，期间认识了很多做优化的朋友还有客户，根据他们的要求还有建议，我又做了很多调整，无论是静态模板的编写还是后台调用方式上，都有很大的进步，我这一年的时间，比我7年加起来的收获还要多。</p></li>
      <li><i></i><a href="/news/s/913.html" title="YzmCMS轻量级开源CMS系统推荐" target="_blank">YzmCMS轻量级开源CMS系统推荐</a><p>YzmCMS是一款轻量级开源内容管理系统，它是由袁志蒙自主研发的框架YZMPHP开发。YzmCMS v5.2 新增或修正功能:1.数据库操作新增PDO驱动，并采用预处理，系统更安全！2.新增内容分页功能;3.会员中心新增微博登录</p></li>
      <li><i></i><a href="/news/s/900.html" title="网易博客关闭，何不从此开始潇洒行走江湖！" target="_blank">网易博客关闭，何不从此开始潇洒行走江湖！</a><p>从网易博客平台的出现，到现在已经有12个年头了，很多人还坚持着，网易博客一宣布关闭，很多人都很惋惜，那么多的文字记忆，又该如何是好？虽然可以一键搬迁到lofter，但这</p></li>
      <li><i></i><a href="/news/s/899.html" title="个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。" target="_blank">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a><p>不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了。</p></li>
      <li><i></i><a href="/news/s/895.html" title="我是怎么评价自己的？" target="_blank">我是怎么评价自己的？</a><p>为了挨打轻一些，问我哪里来的，我瞎说了一个说那个谁家的，结果，打得更凶。最后事情还原了真相，我妈说，你要说说奶奶家的，都不会打你了。从此以后，我知道撒谎是会付出更惨痛的代价的，我不再撒谎，也不喜欢爱撒谎的人。</p></li>
    
          </ul>
        </div>

       
        <div class="newsitem">
          <div class="newspic">
            <ul>
              <li><a href="/news/life/2018-06-17/873.html" target="_blank"><img src="/d/file/news/life/2018-11-11/38ab9987a7a308679e076371a03f2d88.jpg"><span>安静地做一个爱设计的女子</span></a></li>
              <li><a href="/news/life/2018-04-27/816.html" target="_blank"><img src="/d/file/news/life/2018-11-11/706322d7b93c7a5fbb8ec43001aa32d7.jpg"><span>个人博客，属于我的小世界！</span></a></li>
 
            </ul>
          </div>
          <ul class="newslist">
  <li><i></i><a href="/news/life/2018-06-17/873.html" title="安静地做一个爱设计的女子" target="_blank">安静地做一个爱设计的女子</a><p>自从入了这行，很多人跟我说可以做网络教程，我也有考虑，但最终没有实现，因为我觉得在这个教程泛滥的时代，直接做一套免费的原创个人博客模板更为实在。每当看到自己喜欢的配色图片或者布局，惊艳的js或者css3效果的时候，就有了做模板的冲动。</p></li>
      <li><i></i><a href="/news/life/2018-04-27/816.html" title="个人博客，属于我的小世界！" target="_blank">个人博客，属于我的小世界！</a><p>个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活工作中的小情小事，也会放上一些照片，音乐。每天工作回家后就能访问自己的网站，一边听着音乐，一边写写文章。</p></li>
      <li><i></i><a href="/news/life/2018-03-13/804.html" title="作为一个设计师,如果遭到质疑你是否能恪守自己的原则?" target="_blank">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a><p>就拿我自己来说吧，有时候会很矛盾，设计好的作品，不把它分享出来，会觉得待在自己电脑里面实在是没有意义。干脆就发布出去吧。我也害怕收到大家不好的评论，有些评论，可能说者无意，但是对于每一个用心的站长来说，都会受很深的影响，愤怒，恼羞。</p></li>
      <li><i></i><a href="/news/life/2018-03-12/803.html" title="Come on,行动起来吧!我们和时间来一场赛跑!" target="_blank">Come on,行动起来吧!我们和时间来一场赛跑!</a><p>时间过得那么飞快,使我的小心眼儿里不只是着急,还有悲伤.有一天,我放学回家,看到太阳快落山了,就下决心说:&quot;我要比太阳更快地回家.&quot;我狂奔回去,站在庭院前喘气的时候,看到太</p></li>
      <li><i></i><a href="/news/life/2018-03-04/801.html" title="帝国cms7.5更新完毕" target="_blank">帝国cms7.5更新完毕</a><p>虽然我觉得没有太大的改变,但是应该更安全了,还没有更新的小伙伴赶紧更新了,记得数据库备份哦</p></li>
    
          </ul>
        </div>

       
        <div class="newsitem">
          <div class="newspic">
            <ul>
              <li><a href="/jstt/css3/2017-08-08/787.html" target="_blank"><img src="/d/file/jstt/css3/2018-11-11/2bdd9638a42f45dff02adf0f5d07c557.png"><span>三步实现滚动条触动css动画效果</span></a></li>
              <li><a href="/jstt/css3/2013-06-06/76.html" target="_blank"><img src="/d/file/jstt/css3/2018-11-11/e976bd4dced7e1474450dadc5212efb2.png"><span>学习用css3画博客网站logo图标</span></a></li>
 
            </ul>
          </div>
          <ul class="newslist">
  <li><i></i><a href="/jstt/css3/2018-04-28/817.html" title="网页中图片属性固定宽度，如何用js改变大小" target="_blank">网页中图片属性固定宽度，如何用js改变大小</a><p>后台上传图片后，都有一个图片属性，会指定图片的宽和高，如果图片固定了宽度和高度，PC端用max-width可以控制最大宽度，高度自动缩放。但是手机端就没法自动缩放，可以使用</p></li>
      <li><i></i><a href="/jstt/css3/2018-03-25/811.html" title="别让这些闹心的套路，毁了你的网页设计" target="_blank">别让这些闹心的套路，毁了你的网页设计</a><p>网页设计和做人一样，需要少一些套路，多一些真诚。那么下面就为大家揭穿那些看似好用，但用户体验并不好的设计模式。另外再附上解决办法，避免网页设计中出现这些问题。</p></li>
      <li><i></i><a href="/jstt/css3/2018-03-20/808.html" title="十条设计原则教你学会如何设计网页布局!" target="_blank">十条设计原则教你学会如何设计网页布局!</a><p>网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.下面我来分享下我们常用的网页布局格式以及设计技巧.</p></li>
      <li><i></i><a href="/jstt/css3/2018-03-14/806.html" title="用js+css3来写一个手机栏目导航" target="_blank">用js+css3来写一个手机栏目导航</a><p>有些站长说想做一个手机适应的网站,但是导航太难了,如果要使用框架的话,代码非常多,冗余.再用dreamwear打开,那直接就不响应了.我一直都喜欢用简单的代码来实现,js,css3利用的好,同样可以做出好看实用的导航,关键是代码极少.现在我把步骤分享出来</p></li>
      <li><i></i><a href="/jstt/css3/2018-03-14/805.html" title="6条网页设计配色原则,让你秒变配色高手" target="_blank">6条网页设计配色原则,让你秒变配色高手</a><p>网页设计好不好看,颜色是毋庸置疑要排首位的,所以关于颜色的搭配技巧以及原则,对于每一个要学习web前端设计的新手来说,这都是一个重要的学习过程.在本教程中我们将与你分享</p></li>
    
          </ul>
        </div>
         
      </div>


    </div>