如何使用文章列表模块
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":97,"cheight":31,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674261794890.jpg","picWidth":"97","picHeight":"31","inpColor":"#000000","color":"#000000","type":6,"effectBdColor":"#000000","hasEdit":true}
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":67,"cheight":31,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674261794891.jpg","picWidth":"67","picHeight":"31","inpColor":"#000000","color":"#000000","type":6,"effectBdColor":"#000000","hasEdit":true}
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":318,"cheight":38,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674286960643.png","picWidth":318,"picHeight":38,"inpColor":"","color":"#000000","type":0,"effectBdColor":"#000000","hasEdit":true}
GO
如何使用文章列表模块
发布日期:2021-06-18 14:59:09浏览量:43

【电脑版】

一、功能效果

为了让客户浏览文章更方便快捷,可以使用文章列表模块展示文章,如下图:

 

 

二、设置教程

开始以下教程之前,请先添加文章并管理好文章的分类哦!

1、在电脑网站设计页面左侧点击【模块-新增模块-基础】添加“文章列表”模块,如图。

2、点击“文章列表”模块后,在弹窗内可以选择模块展示样式及显示内容。

 

 

3、在【高级】设置项下,还可以设置是否在列表中显示文章分页、描述、日期、打开方式等。

 

 

4、以第五种模块样式为例,添加模块后的展示效果如下。

 

 

5、添加文章列表模块后,鼠标悬停在模块区域内,点击右上方工具栏的“设置样式”按钮,即可在模块右侧弹窗内设置文章标题、文章描述、文章日期等样式。如图:

 

 

6、添加文章列表模块后,鼠标点击左侧模块按钮,点击栏目模块,找到文章列表点击右侧隐藏按钮,文章列表模块就会在页面中隐藏,点击旁边的删除图标,即可彻底删除模块(彻底删除后模块无法恢复)。如图:

 

【手机版】

一、 功能效果

文章列表模块是网站的基础模块,可以让企业即时发布企业新闻、相关的动态等等,使页面整体效果更有序明了。

 

二、 设置教程

1、 进入手机网站设计页面,点击左侧导航【新增模块-基础】,添加【文章列表】模块。如下图:

 

 

2、 选择展示的文章,可以通过筛选条件进行筛选,也可以直接选择所有文章展示。支持多种模块样式(根据实际需求选择即可)。如图:

 

 

3、 在【高级】中可以设置是否显示分页、描述、日期等。如图:

 

 

4、 在【设置样式】设置一栏拥有丰富的设置项,您可以调整到您喜欢的效果。