ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
## ### **添加文章/产品** 网站中添加文章或者产品的时候,不是用单页面做的,需要用到【应用页面】。所谓【应用页面】可以将它理解为【母版页面】或者【框架页面】,在【应用页面】中添加好内容框架,样式位置排版,色彩设置等,最后在【内容管理】中去上传详细的文字,图片,视频等资料。 在需要给网站中添加文章或产品时,需要先进入网站编辑器,在左侧最上方的站点名称旁边的下拉箭头中,打开隐藏的网站页面和菜单栏。添加一个应用板块, ![](https://img.kancloud.cn/70/cb/70cbe490e25c9b8ad91f46fff2fdee64_1835x916.png) 整个完整的操作步骤有:应用管理中安装应用---- 1在应用板块中,安装一个应用分类(应用分类都是可以编辑修改和调整的,“文章”,“作品案例”、“产品”这些名称也都是可以修改) ![](https://img.kancloud.cn/52/10/521096071eec88281638b9ca65396030_1859x968.png) ![](https://img.kancloud.cn/5b/1f/5b1f758ad8f7cff4b569e56c221dd080_1643x915.png) 2设置应用分类的基础设置和分类的显示字段,设置好的字段就是在添加文章或者产品的内容种类,如文本,多图,视频等。在添加字段的时候,就需要先明确:文章/产品的详情内容中,需要显示什么内容,做好规划,减少不必要的重复操作。 ![](https://img.kancloud.cn/c5/a2/c5a237434085ba76edfc9048b54adc82_1777x939.png) ![](https://img.kancloud.cn/70/ab/70ab2ff0fc8c50187243d9afee547651_1222x662.png) ![](https://img.kancloud.cn/64/97/64979b97c29a1c699e9f74fc61d9f145_1209x665.png) 3在应用分类中设置好字段之后,回到编辑器页面中,左上角下拉键打开隐藏的页面和菜单,在应用页面中添加【产品】应用的分类项,然后设置分类页面和详情页展示样式(鼠标移动到分类页面,就会显示) ![](https://img.kancloud.cn/3c/1e/3c1e1708042eafd337ddc28d38d74c15_1673x896.png) 因为新闻和产品等是多个内容,所以他们有一个列表页面,列表模板就是新闻/产品统一展示标题、简介的页面。 详情页面就是点击新闻/产品列表简介进入的具体内容页面。 在添加子项分类的时候,列表页面默认是已经设置好框架了,只需要设置绑定【数据】就可以使用。 【数据】功能就是将列表页面展示的内容与【内容管理】中添加的内容相对应链接的。 ![](https://img.kancloud.cn/8d/ab/8dabf8996a67302a198d249fe3e39e77_1734x878.png) 点击列表页中的空白图片,则会弹出编辑条,在编辑条的【数据】中,可以选择应用数据(这里的应用数据,就是对应的应用页面分类和内容管理中的内容);由于我们案例中编辑的是【产品】这个应用页面,并且显示的内容也是需要显示这类内容的,所以就选择【当前页面】数据就行。 由于【产品】这个应用中是还没有添加具体产品的,所以在页面中目前是不显示内容。 ![](https://img.kancloud.cn/f0/fc/f0fce3197f0eccc1e578668833efe7f5_1676x934.png) 4在设置好列表页面之后,就可以设置详情模板了,点击详情模板,我们就进入了详情页面的编辑页面。这个页面和列表及单页面是有区别的,页面中只会显示【绑定###字段】不会直接显示内容(如果是自己显示了某些文字或者图片内容,说明不是绑定调用的数据,而是直接添加组件元素,这个内容就会在所有的详情中显示)。 ![](https://img.kancloud.cn/82/7e/827e4c55be86931a732054bc0904d055_1538x776.png) ![](https://img.kancloud.cn/6b/76/6b76434201c84dd08ce5192bb68d1cea_1448x822.png) 在文本中,由于文本的多样性,用户可能需要的一种展示方式是【发布者:##】;或者【阅读量:##】格式的文本数据,所以我们又设置了另一种文本编辑绑定数据的方式。 添加文本组件,双击文本,将详情页面中需要固定显示的内容,比如:“阅读量:”、“发布人:”、“文章来源:”等,手动输入,然后在文本的【富编辑栏中】选择【数据源】,在弹出的【数据源列表】中选择需要显示的字段内容,这就绑定好了。点击右上角的预览,即可预览当前详情模板的样式,如果需要调整,退出预览模式,即可再次对详情模板操作编辑。 ![](https://img.kancloud.cn/80/1a/801a778935e3d884eb6eea5c5d46732c_1510x812.png) ![](https://img.kancloud.cn/71/7c/717cbfbaf21f5e8baac5d2b4d6463a1d_1537x763.png) ![](https://img.kancloud.cn/93/c9/93c90f7ee4fa0ce59809fca5a0bbdaa5_1379x738.png) 编辑好列表页和详情页之后,就可以【退出】编辑(编辑是实时保存的,不需要单独保存,如果需要浏览最新内容,需要发布之后才会生效),去【内容管理】中,添加几个产品案例看看效果了。 ![](https://img.kancloud.cn/98/e3/98e38288361f0e59aa48ecf98396ec07_1330x626.png) ![](https://img.kancloud.cn/e2/17/e217a871ff79d2a0045f89f85919fff6_1781x704.png) 添加好产品案例之后,我们现在看一下列表和详情的显示效果。 ![](https://img.kancloud.cn/63/51/6351628d21a2447db4ca1cc9991ac748_1442x680.png) ![](https://img.kancloud.cn/ab/0d/ab0d528cb72f3f7e0778f44849e0cc09_1413x770.png) ##