阿里巴巴国际站

如何使用文章列表组件？

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

文章列表组件

【简介】文章列表组件实现所有文章的多种排版的分页展示。

【应用场景】文章列表组件一般应用在系统页面中的文章列表页面上，展示所有的文章，带分页功能，展示方式多样化：可以是文章标题列表形式、文章标题+配图列表形式、首个文章突出展示的方式等。

【使用方法】

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

第一步：进入”编辑网站“后台；

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

七达通科技建站05

2) 在白色框内输入账号和密码，点击登录。
七达通科技建站06

3) 找到要编辑的网站，点击“编辑网站“按钮，进入网站后台。
七达通科技建站07

第二步：把要操作的页面切换为当前页面。把鼠标放到“当前页面”四个字眼的右侧区域，弹出下拉菜单，在自定义页面或系统页面中找到相关页面，单击此页面名称（不要单击页面名称后面的按钮），即可切换为当前页面。

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

添加文章列表组件

2、如何设置文章列表组件？

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

内容：

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

高级：

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

未标题-1

风格：

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

2016.9.18文章列表组件新增一种风格14，该风格实现图标与文章标题分别对齐的排版需求；

【应用场景】客户提出的展示需求：在展示文章列表时，能让文章列表前面的图标单独一列对齐，文章标题支持换行显示，换行后的文字不是与图标对齐而是与上一行文字的第一个字母对齐。

【演示示例】文章列表前面添加了一个箭头图标，通过组件的编辑样式中调整普通文字的颜色将箭头颜色变成了绿色，与后面的文章标题颜色区别开来，如下图所示效果：

【操作步骤】：

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

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

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

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

4、查看如何复制组件？

5、查看如何应用组件？

6、查看如何删除组件？

7、查看如何恢复组件？

阿里巴巴国际站

如何使用文章列表组件？

阿里巴巴国际站

网站建设

知识圈