如何使用文章列表组件?

浏览数量: 1     作者: 小七     发布时间: 2015-06-25      来源: 本站

文章列表组件
 
【简介】 文章列表组件实现所有文章的多种排版的分页展示。
 
【应用场景】 文章列表组件一般应用在系统页面中的文章列表页面上,展示所有的文章,带分页功能,展示方式多样化:可以是文章标题列表形式、文章标题+配图列表形式、首个文章突出展示的方式等。
 
【使用方法】

1、如何添加文章列表组件?

第一步:进入”编辑网站“后台;

1)     打开浏览器输入 www.7datong.com  到达七达通科技云营销平台首页,点击右上角登录按钮。

七达通科技建站05
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
3)     找到要编辑的网站,点击“编辑网站“按钮,进入网站后台。
七达通科技建站07
 
第二步:把要操作的页面切换为当前页面。把鼠标放到“当前页面”四个字眼的右侧区域,弹出下拉菜单,在自定义页面或系统页面中找到相关页面,单击此页面名称(不要单击页面名称后面的按钮),即可切换为当前页面。
 
设置当前页面

第三步:把鼠标放到需要添加组件的位置,出现小水滴及一条蓝色的横线并且横线所在区域就是要添加区域,单击这个小水珠,弹出添加组件的页面,找到文章组件中的“文章列表”组件,单击它,即可添加。

添加文章列表组件
 
2、如何设置文章列表组件?

在弹出的设置文章列表窗口,可以设置文章列表的内容、高级以及风格功能

内容:

组件标题:文章列表组件的标题,可以不填;
请选择显示分类下的文章:可以根据需要选择所有文章分类、选择部分文章分类;
分页展示:可以根据需要选择是否分页展示;
需要显示的文章数量:可以根据需要填写需要显示的文章数量;
显示更多:可以根据需要添加链接,组件内会出现”显示更多“按钮,链接到对应链接。

未标题-1


高级:

文章排序方式:可以根据需要选择文章详情的排序方式,按修改日期升序、按修改日期降序、按添加日期升序、按添加日期降序、按发布日期升序、按发布日期降序;
文章打开方式:可以根据需要选择文章打开方式为当前窗口或者新窗口;
显示设置:可以根据需要选择是否显示分类、是否显示日期、是否显示置顶标识、标题是否自动换行。

未标题-1

风格:

列表样式:可以根据需要选择列表的样式;
设置当前风格自定义配色:可以根据需要选择当前风格的颜色是默认还是自定义;
添加列表图标:可以根据需要选择是否要添加列表图标,添加什么样的列表图标;
选择分页风格:可以根据需要选择分页风格是默认还是自定义风格。

未标题-1
2016.9.18文章列表组件新增一种风格14,该风格实现图标与文章标题分别对齐的排版需求;
 
【应用场景】客户提出的展示需求:在展示文章列表时,能让文章列表前面的图标单独一列对齐,文章标题支持换行显示,换行后的文字不是与图标对齐而是与上一行文字的第一个字母对齐。
【演示示例】文章列表前面添加了一个箭头图标,通过组件的编辑样式中调整普通文字的颜色将箭头颜色变成了绿色,与后面的文章标题颜色区别开来,如下图所示效果:

风格14前台展示效果图

【操作步骤】:

1)、到组件的设置中,去选择这种风格,并且添加1个列表图标,如果这个列表图标选择的是无,是看不到上述效果的哦。
进入文章列表组件的设置项

新增风格14

2)、到组件的编辑样式中,调整普通文字的颜色将箭头颜色变成了橙色,与后面的文章标题颜色区别开来。
编辑样式
修改图标颜色

设置好组件的以上设置以后,可以根据需要使用此组件的以下功能,以下是所有组件的通用功能:

3、查看如何编辑组件的样式

4、查看如何复制组件?

5、查看如何应用组件?

6、查看如何删除组件?

7、查看如何恢复组件?

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:693557443
   服务顾问:18988788608  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区恒和国际大厦903室
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图