您现在的位置是:首页 > 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有比较多的了解,不然显示会有些问题.可以比较上述的两块代码看有什么地方不一样

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)门窗门业家居定制铝合金产品pbootcms模板下载基于PbootCMS内核开发的门窗门业企业专用模板,采用响应式设计结构,数据一次录入即可同步适配电脑与手机端浏览。通过简洁大气的视觉呈现,帮助门窗企业快速建立专业线上展示平台,有效传递产品价值与服务优势。查看源码
  • (自适应)WordPress二次元博客主题SakurairoSakurairo主题为二次元内容创作者设计,提供丰富的动漫风格元素和个性化的展示效果。该主题在原有Sakura主题基础上进行了功能增强,支持多种自定义设置,满足动漫爱好者建立个人博客的需求。查看源码
  • 帝国cms7.5个人博客资讯文章模板下载本模板简洁个人博客网站设计开发,采用帝国CMS内核构建,只需替换文字图片即可快速搭建专业网站。自适应手机端设计,数据实时同步,操作简单便捷。PHP程序确保安全稳定运行,帮助您以较低成本获取持续业务。查看源码
  • (自适应)帝国CMS7.5模板淘宝客导购博客文章源码本模板基于帝国CMS7.5内核深度开发,为电商导购类网站设计。采用响应式布局技术,确保在手机、平板及电脑端均能获得优质浏览体验。模板内置商品推荐模块与优惠信息展示区,可快速搭建专业导购平台。查看源码
  • (自适应)帝国cms7.5文章新闻博客整站源码( 带会员中心)本模板基于帝国CMS内核开发,为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术,确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码
  • (自适应)中英双语配线器材扎带线卡网站pbootcms模板免费下载为线缆管理、电气配线领域打造的响应式网站模板,采用PbootCMS内核开发,可快速搭建企业级产品展示平台,数据实时同步管理。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐