小程序教程
新闻详情

小程序开发添加文章列表模块的方法!

小程序开发中,文章列表模块主要用于文章展示,列表式设计能让文章有序排列,便于用户的阅读,在一屏以内还可以同时展示多篇文章信息,节约空间,提升用户阅读体验。这种设计在劲藤轻应用的小程序开发中,很简单,只要两步就能搞定!


一、进入小程序设计页面

首先,登录劲藤办公网站管理后台,进入劲藤轻应用小程序,如果已经选好小程序模板,可以直接点击【设计小程序】,进入编辑页面添加。

轻站小程序4-8.jpg


如果还没选好,先选择合适的小程序模板,进入劲藤轻应用小程序后,点击右上角的【创建小程序】进入挑选模板。点击相应小程序模板进入预览,觉得合适,就点击模板预览页面的“创建小程序”就可以进行小程序开发了。



二、添加

文章列表的添加有两种方式,一种是点击【添加文章】,另一种是点击【选择文章】,添加已创建的文章进入列表。


2.1、点击【添加文章】

这种方式更多是刚刚开始新建这一模块,还没有文章可以开启列表功能的时候使用较多。添加文章的操作如图:

①找到【添加文章】按钮进行点击。


②添加文章,要注意文章标题、封面图、正文的添加,还要注意文章分类的设置,文章的题目要设计好,才能吸引用户点击,正文的排版也要注意图文默契搭配,能减缓审美疲劳,还要选取能体现内容又吸引人的封面。详细说明如下图。


完成好后点击【确定】就可以完成文章添加了,重复上述②步骤可以重复添加文章。


③添加文章到文章列表

完成文章添加后,还要添加到文章列表的,【基础】页面的右下方方形板块里会出现文章,直接在上面点击想要添加到了文章列表模块中的文章即可完成。如下图:


2.2、点击【选择文章】,在右边的【基础】板块中进行添加操作。


有两种添加文章到列表的方式。

一是【直接添加】,把已创建的文章直接添加进列表,在【基础】版面的左下方点击想要添加的文章进右边的空白方框中,进行想要的排序就可以完成了。

二是【使用筛选条件】添加,这种方式的使用,在一开始添加文章时,就要做好文章分类,才能有效提升效率,在添加时只要做好分类文章的勾选就可以完成列表文章添加了。


2.3、进行列表模块样式的选择

文章列表模块的排版样式有四种选择,不同的样式排版使用不同网站风格、内容展示,选择合适的是重要的,不要过于追求排版的精美,而忽略内容对用户的作用。


选择列表模块样式,点击文章列表模块,模块的右上角会出现铅笔样式的图标,点击就会出现【基础】版面,在【模块样式】下方点击想要的样式,就可完成。如图:


文章添加完成后,还可以进行文章内容的修改,只要把鼠标移至相应的文章区域,就会出现【编辑】图标,点击图标即可进入编辑。如图


2.4、开启文章评论、点赞功能

如需让文章发挥更好的互动效果,可以根据个人需求,进入【管理小程序-文章-高级设置】中开启“文章点赞”和“文章评论”功能。



三、进行列表模块中的细节设计

添加文章进入列表模块,还要对细节进行完善,有三个重点要完善的地方:


一是列表模块标题栏中的模块标题与“查看全部”按钮的设计。先点击模块的【编辑】-【样式】,把标题栏、查看全部设置为【显示】。如图:


设置“查看全部”为显示可见,可以引导用户点击查看更多网站文章,有助于提升网站转化率与权重。


然后点击【基础】,在【模块名称】的右边输入框中输入文章列表模块的标题,让用户知道文章的内容方向是什么。设置如下图:


然后,还可以设置列表模块的背景,只要在【样式】中吧“背景色”设置为“自定义”,然后直接在上面更改想要的颜色,就可以完成操作了。详细操作步骤如图:



以上就是搞定小程序开发中,添加文章列表模块设计的三个步骤,在设计这一模块设计时,要注意的是,先把文章的资料准备齐全,到时直接上传即可,能提升效率。

舒臣办公  舒臣公司旗下专业办公平台

联系QQ:446336484
联系邮箱:shuchen@91jinteng.com 联系电话:021-38723509 ;177-172-15341(上海)
                135-5419-4153(武汉)
地址:上海市浦东新区高科西路631号 公司旗下网站
舒臣绿化:www.j888t.com
website qrcode

手机版网站

微信咨询
劲藤办公 劲藤实业旗下专业办公平台

联系QQ:446336484
联系邮箱:jinteng@j888t.com 联系电话:021-38723509 ;177-172-15341(上海)
                153-4223-2413(武汉)
地址:上海市浦东新区高科西路631号 公司旗下网站
劲藤办公:www.91jinteng.com
website qrcode

手机版网站

微信咨询
在线客服
 
 
 工作时间
周一至周五 :8:30-20:00
周六至周日 :9:00-18:00
 联系方式
客服热线:021-38723509
邮箱:jinteng@j888t.com
021-38723509