您现在的位置是:首页 > 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开源内核深度开发,该模板适用于游戏新闻网站、游戏博客等企业或个人网站,新闻资讯技术博客pbootcms模板;采用六级分辨率断点适配技术查看源码
  • (自适应)水墨风中药馆中医名医介绍pbootcms网站模板本模板基于PbootCMS内核开发,为中医馆、中医药企业量身定制,可快速搭建具有传统文化特色的官方网站。自适应手机端设计,数据实时同步,助您高效展示中医特色诊疗、中药产品、养生知识等内容,塑造专业品牌形象。查看源码
  • (PC+WAP)茶叶茶艺茶道茶文化pbootcms模网站源码下载本模板基于PbootCMS系统开发,为茶叶企业、茶艺培训机构设计,特别适合展示茶产品、茶道文化等内容。采用响应式技术,确保在不同设备上都能呈现优雅的茶文化氛围。查看源码
  • (自适应响应式)pbootcms食品零食店日化用品网站源码下载基于PbootCMS内核开发的响应式模板,为食品零食、日化用品等行业量身定制。该模板通过可视化设计展现产品特色,帮助企业快速搭建专业官网查看源码
  • (自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计,基于PbootCMS内核开发。通过自适应手机端的HTML5技术,帮助企业高效构建专业财税服务平台查看源码
  • (PC+WAP)红色户外岗亭钢结构岗亭pbootcms网站模板为钢结构岗亭、户外设施企业打造的高端响应式营销门户,基于PbootCMS开源内核深度开发,采用HTML5自适应架构,实现PC与移动端数据实时同步展示。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐