Version 5.1.5

{ openzc:arclist }

arclist: 博客文章列表调用,每个页面都可以使用

字段名称 说明
[field:archives_id/]文章ID
[field:archives_name/]文章标题
[field:archives_image/]文章缩略图
[field:archives_link/]文章链接
[field:categories_name/]所属分类名称
[field:categories_link/]所属分类链接
[field:sort_index/]序号
[field:archives_description/]文章摘要
参数名称 参数值 说明
cidID|all(所有ID)|parent(上级分类)|current(当前分类)分类ID,多个ID用逗号隔开
aidID产品ID,多个ID用逗号隔开
flagp(图片) v(视频) f(幻灯) h(热门) r(推荐)文章标签
imgsizer100,100图片裁剪参数,(宽,高)
bgcolor#000000图片裁剪背景颜色
row10调用条数10
titlelen100产品名称字数限制,100代表100个字符
desclen200产品描述字数限制,200代表200个字符
调用标记文章列表

p(图片) v(视频) f(幻灯) h(热门) r(推荐)文章列表调用

  • flag="h" 热门文章

  • flag="r" 推荐文章

  • flag="v" 视频文章


           
<div class="media align-items-stretch">
<div class="row col-12">
	<div class="col-12 col-md-4 col-lg-4">
		<ul class="list-group">
           	<li class="list-group-item"><h4>flag="h" 热门文章</h4></li>
           	{openzc:arclist cid="1,2" flag="h" row="5"}
			<li class="list-group-item d-flex flex-row justify-content-between ">
				<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
				<span class="content-label">[field:archives_date_added/]</span>
			</li>
			{/openzc:arclist}
        </ul>
	</div>
	<div class="col-12 col-md-4 col-lg-4">
		<ul class="list-group">
           	<li class="list-group-item"><h4>flag="r" 推荐文章</h4></li>
           	{openzc:arclist cid="1,2" flag="r" row="5"}
			<li class="list-group-item d-flex flex-row justify-content-between ">
				<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
				<span class="content-label">[field:archives_date_added/]</span>
			</li>
			{/openzc:arclist}
        </ul>
	</div>
	<div class="col-12 col-md-4 col-lg-4">
		<ul class="list-group">
           	<li class="list-group-item"><h4>flag="v" 视频文章</h4></li>
           	{openzc:arclist cid="1,2" flag="v" row="5"}
			<li class="list-group-item d-flex flex-row justify-content-between ">
				<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
				<span class="content-label">[field:archives_date_added/]</span>
			</li>
			{/openzc:arclist}
        </ul>
	</div>
</div>
	
</div>
                
指定分类ID文章调用

多个分类ID用“,”隔开

  • 指定多个cid的文章列表

  • 指定cid的推荐文章列表


           
<div class="media align-items-stretch">
	<div class="row col-12">
		<div class="col-12 col-md-4 col-lg-4">
			<ul class="list-group">
				<li class="list-group-item"><h4>指定多个cid的文章列表</h4></li>
				{openzc:arclist cid="1,2" row="5"}
				<li class="list-group-item d-flex flex-row justify-content-between ">
					<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
					<span class="content-label">[field:archives_date_added/]</span>
				</li>
				{/openzc:arclist}
			</ul>
		</div>
		<div class="col-12 col-md-4 col-lg-4">
			<ul class="list-group">
				<li class="list-group-item"><h4>指定cid的推荐文章列表</h4></li>
				{openzc:arclist cid="1,2" flag="r" row="5"}
				<li class="list-group-item d-flex flex-row justify-content-between ">
					<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
					<span class="content-label">[field:archives_date_added/]</span>
				</li>
				{/openzc:arclist}
			</ul>
		</div>
	</div>
</div>
                
与{ openzc:arctype }嵌套使用

循环调用多个分类文章列表


           
<div class="media align-items-stretch"> 
	<div class="row col-12">
		{openzc:arctype cid="1,2,3"}
		<div class="col-12 col-md-4 col-lg-4">
			<ul class="list-group">
				<li class="list-group-item"><h4><a href="[field:categories_link/]">[field:categories_name/]</a></h4></li>
				{openzc:arclist row="5"}
				<li class="list-group-item d-flex flex-row justify-content-between ">
					<a class="tx-light tx-color-01 content-label" href="[field:archives_link/]">[field:sort_index/]. [field:archives_name/]</a>
					<span class="content-label">[field:archives_date_added/]</span>
				</li>
				{/openzc:arclist}
			</ul>
		</div>
		{/openzc:arctype}
	</div>
</div>