您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

dedecms模板制作教程第十期Channelartlist标记使用说明和实例

安蕾2023-10-01DedeCMS教程已有人查阅

导读本期讲解【Channelartlist标记】此标记主要用于获取当前频道的下级栏目的内容列表 ,适用范围:封面模板。一: 使用说明注: 除了宏标记外,ch

本期讲解【Channelartlist 标记】此标记主要用于获取当前频道的下级栏目的内容列表 ,适用范围:封面模板。
一: 使用说明
注: 除了宏标记外,channelArtlist 是唯一一个可以直接嵌套其它标记的标记,不过仅限于嵌套 {dede:type}{/dede:type} 和 {dede:arclist}{/dede:arclist} 两个标记。 属性: [1]typeid=0 频道ID,默认的情况下,嵌套的标记使用的是这个栏目ID的下级栏目,如果你想用特定的栏目,可以用","分开多个ID。 [2]col=2 分多列显示 [3]tablewidth='百%' 外围表格的大小
二: 测试实例
一行显示一个栏目的效果 示例代码:
<div>
{dede:channelArtlist col=1}
        <div style="border:1px solid #999; width:400px; margin:5px;">
            <div style="background:#f0f0f0; height:25px; padding:5px 0 0 5px; width:400px; float:left;">
                {dede:type}<a href="[field:typelink /]">[field:typename /]</a>{/dede:type}
            </div>
            
            <div style="width:400px; float:left;">
                    <ol style="line-height:20px; padding:5px;">
                    {dede:arclist row='8' titlelen='36'}
                    <li><a href="[field:arcurl /]">[field:title /]</a></li>
                    {/dede:arclist}
                    </ol>
            </div>
        </div>
{/dede:channelArtlist}
</div>
以一行两列的形式来显示栏目列表 示例代码:
<div style="width:800px; clear:both; overflow:hidden;">
{dede:channelArtlist col=2}
        <div style="border:1px solid #999; width:390px; margin:5px;">
            <div style="background:#f0f0f0; height:25px; padding:5px 0 0 5px; width:385px; float:left;">
                {dede:type}<a href="[field:typelink /]">[field:typename /]</a>{/dede:type}
            </div>
            
            <div style="width:385px; float:left;">
                    <ol style="line-height:20px; padding:5px;">
                    {dede:arclist row='8' titlelen='36'}
                    <li><a href="[field:arcurl /]">[field:title /]</a></li>
                    {/dede:arclist}
                    </ol>
            </div>
        </div>
{/dede:channelArtlist}
</div>
注: 控制是以一行一列的形式来显示还是一行多列的形式来显示取决你的需要,可以通过channelartlist的col参数来控制列数也可以根据DEDE自带模板中的channelartlist的用法实现或参考上述的用法,但需要对CSS样式或table有比较多的了解,不然显示会有些问题.可以比较上述的两块代码看有什么地方不一样

本文标签:

很赞哦! ()

相关源码

  • (自适应)蓝色建材亚克力板材装饰材料pbootcms网站模板这款基于PbootCMS开发的响应式模板为建材板材行业优化设计,适用于亚克力板材、建筑装饰材料等企业展示需求。采用HTML5技术实现手机/PC跨终端适配,管理员通过统一后台即可同步查看源码
  • (自适应)帝国cms7.5模板自媒体文章新闻博客为帝国CMS7.5设计的响应式模板,采用H5技术构建现代化内容展示框架。通过智能断点检测技术实现手机、平板、PC三端适配查看源码
  • (PC+WAP)绿色产品环保设备垃圾桶厂家公司网站pbootcms模板为垃圾桶生产商、环保设备企业打造的高端响应式门户模板,基于PbootCMS开源内核深度开发。采用HTML5自适应架构,无缝实现PC与手机端数据实时同步与交互优化查看源码
  • (PC+WAP)高端餐饮美食小吃加盟网站模板下载pbootcms本模板基于PbootCMS内核开发,为餐饮美食品牌加盟、小吃连锁企业量身打造。通过精致的美食视觉呈现与加盟业务流程展示,帮助餐饮企业建立专业线上门户,实现品牌形象与加盟业务的双重展示。查看源码
  • (PC+WAP)蓝色玻璃纤维制品环保设备营销型pbootcms模板源码下载这是一款针对玻璃纤维行业特点设计的网站模板,采用蓝色系配色方案,体现工业感和环保理念。模板包含产品中心、应用案例、技术支持和新闻动态等核心模块,能够全面展示玻璃纤维制品的技术参数和应用场景。查看源码
  • pbootcms(自适应)SEO优化排名服务公司网站模板核心定位为SEO排名服务商打造的营销型网站框架,集成PbootCMS开源系统的高效管理能力与SEO最佳实践方案,助力企业快速建立专业的技术服务形象。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐