首页 >> 鸣蝉课堂 >>公众号端 >> 第六节:文章栏目及内容管理添加
详细内容

第六节:文章栏目及内容管理添加

时间:2021-03-27     【原创】   阅读


本节课程内容:文章栏目的添加详解、文章内容的添加详解、模块调用文章的详解。


一、文章栏目的添加详解


将从电脑端、手机端和小程序端来,分别讲解,怎么添加文章栏目。


电脑端文章栏目创建


文章栏目创建入口:

电脑站管理后台左侧栏目中创建。

注意:选择好风格后,不支持后期修改,只能是重新创建。


image.png


文章栏目快速创建入口(三个端口都一样):文章任务栏中在对应的文章分类下快速创建。


image.png



多级文章分类


多级文章栏目:主要适用于发布新闻公告、行业知识等,支持用户对发布的信息进行分类管理。


image.png


无分类文章


无分类文章栏目:它就像一本书,左侧为书的目录,右侧为书的正文。点击左侧目录,右侧正文会相应变化。


image.png


单页

直接显示文章内容。

image.png

小程序端文章栏目创建


image.png


小程序端文章栏目创建


多级分类文章可以选择展示样式,无分类文章和单页是系统默认的样式,无样式选择项。


image.png


二、文章内容的添加详解


文章内容添加、修改、删除和恢复,在添加文字内容时的重点,关键点说明。


文章后台栏目列表的说明


7.png


多级文章内容添加-分类


image.png


  • 添加文章大类、小类(最多支持两级)。

  • 修改分类名称。

  • 对分类进行排序(数值大的排在前面,数值小的排在后面)。

  • 删除、彻底删除分类(分类删除后,分类下的文章也会删除)。

  • 设置分类的特殊url(分类添加特殊url后,前台点击分类直接跳转到对应url内容)。

  • 设置分类列表一页显示的分类个数(分类多的情况下)。


添加文章内容前的准备:自定义设置--自定义发布项


image.png

image.png


适用于一些行业文章,在文章内容中需要添加一些供用户快速抓取内容的提示。如:学术论文。

自定义参数不局限于文本,也可以是图文等。(添加图文并茂参数后,文章内容中会多出一个编辑框。)


多级文章内容添加


自定义设置-自定义标签,一篇文章做多添加5个标签。


image.png1617296547574567.png


文章内容添加入口有两个:


入口一:文章栏目中添加文章内容。


image.png


入口二:文章设计页面添加文章内容。


image.png


文章内容添加-基本信息


标题:如果标题中有非法字符,将会以*代替。

类别:选择添加好的分类。如没有添加,点击“添加分类”快速添加。

属性:为了更好的保护文章版权,可以在此处设置文章的发布时间,作者,来源,阅读量等。

优化关键字:多个关键字逗号分隔,不超过3个,利于百度搜索排名优化。(注:关键字要与正文相符)


基本信息-后台设置页面:


image.png



前台文章详情页面显示:


1617296787260689.png


文章发布时间的修改,需要属性设置为显示后修改;阅读量设置为显示后,可以自定义设置文章的阅读基数。


内容摘要:


文章摘要首次会根据文章内容自动截图开头的部分,二次修改后以修改后的为准,文章摘要不会出现在文章内容中。


image.png

注:宽800px 高800px图片最合适,导读图不会出现在文章内容中。


文章内容


image.png


  • 敏感文字跟标题中的一样。

  • 图片转存。

  • 多图上传(上传图片时选择原图上传)。

  • 分页。

  • 锚点。

  • 给文章文字或是图片添加超链接。


文章内容比较长,怎么对文章进行分页?


14.png


文章内容中的图片,前台不显示?


原因分析:


添加的文章内容图片是本地上传的还是复制的?

本地上传:后台文章内容中图片是否存在。如后台正常,前台不显示联系平台客服,技术查看处理。

复制的图片:把复制的图片保存到本地再进行上传。因为从其他地方复制的图片,一旦人家的图片地址变化,您这边网站前台就不显示图片了。


文章内容中的表格在手机站和小程序中显示不完整?


原因分析:文章中插入的表格在手机站中是无法显示完整的。是因为表格是带着宽度传到前台的。

目前只能是把表格做成图片,然后上传到产品说明中。这样在手机上打开就可以自适应了。


在word中制作的图文并茂的文章,复制到网站后台文章内容中图片不显示,怎么处理?


word中全选文章复制到网站后台,点击图片上面的图片转存图标,点击图片的修改。如:图一。

点击修改后,在弹出的窗口中复制链接并点击“添加照片”的按钮。如:图二。

点击“添加照片”后弹出的页面中输入复制的地址。如:图三。

填写复制链接,并点击打开后,在弹出的页面点击确定上传。上传后点击确定即可。如:图四、图五、图六。


26.png

27.png

28.png


在网站后台文章内容中怎么做锚点?文章中做锚点的步骤,请参见以下操作。


image.png


编辑文章内容时中怎么一次上传多张图片?


image.png


解决办法:

文章内容编辑框中点击多图上传的图标。如:上图。

在弹出的页面中勾选原图,设置浮动方式并点击按钮,选择图片上传。如:下图。


image.png


文章内容添加-高级(电脑端)


image.png

  • 设置文章相关。

  • 设置是否开启评论功能。

  • 评论功能的开启需要点击网站后台左侧应用-用户评论,进入后进行设置。

  • 选择设置的标签(做多选择5个)。


文章内容添加--高级(手机端)


image.png


跟电脑端设置相比,多了分享设置、点赞数设置、微信分享赠积分、导航面包屑。


文章内容添加--高级(小程序端)


image.png


跟手机站相比,缺少了点赞的设置。


多级文章内容添加-文章管理列表


image.png


无分类文章内容添加-文章管理列表


34.jpg


跟多级文章相比:缺少了分类、批量转移和置顶等;但是多了显示设置,当显示这块为灰色时,此文章在前台是不显示出来的。


35.jpg


  • 宽 800px 高 800px 的图最合适,导读图仅用于首页系统调取敏感文字跟标题中的一样。

  • 当属性设置为显示的时候,文章下面可以设置评论是否开启。否则看不到开启评论的入口。

  • 属性中不支持阅读基数的设置。

  • 发布时间不支持精确时间设置。


单页内容添加


36.jpg


本栏目下就是一个内容编辑,一个单页就是一个栏目。(本页面的效果没有空白页设计灵活,建议使用空白页来设计自己想要的单页内容。)


三、模块调用文章的详解


从设计页面添加模块来讲解设计中文章的应用。


电脑站常用来调用文章的模块


1617297385110021.png

1617297419265724.png

1617297454153654.png


图文样式:图文信息、图片和文字模块组合。

文字样式:文字列表、新闻列表、自定义模块的中的文字-文字+时间。

PC站文字列表、文字、图文列表模块支持分页。


设置分页:添加好数据后即可显示分页,如果您的数据不够一页那么就不会显示分页。


image.png

展示效果:

image.png

图文列表:

1617297660644184.png


手机站常用来调用文章的模块


image.png


文字样式:文章列表、列表时间。

图文样式:左图文、右图文、双排图文。


小程序站常用来调用文章的模块


image.png


小程序调用文章栏目的模块比较少,文字样式和图文样式各一个。




联系电话:152-3452-7450 / 17635100080
工作时间:周一至周六 08:00-20:00
网站邮箱:1466458824@qq.com
公司地址:太原市小店区宏安世纪大厦A座1406

COPYRIGHT @ 2018 - 2021 . ALL RIGHTS RESERVED . 版权所有 . 鸣蝉品牌管理有限公司   晋ICP备19003089号-1   安全防御    保驾护航

业务范围

网站动态

关于网站

关于我们

华为云合作伙伴

扫一扫,微信咨询