在智能设计的模式下如何给网站首页飘窗？

2020-08-07

问题描述：

在智能设计的模式下如何给网站首页飘窗？

解决方法：

当网站建设中只有智能设计的时候，我们可以通过在智能设计，使用在首页代码中添加div代码标签的方法来添加飘窗。

1.在网站建设-->模板|文件下，找到首页模板，点击代码，在代码中body下添加一个封闭的div标签（<div></div>），标签中可以随意添加内容，如下图所示：

div标签的代码添加上，点击保存按钮保存成功后，切换到智能设计模式下，可以看到页面顶部显示刚刚添加的代码，点到这个代码上可以显示出来对这个div操作，加号表示对这个div添加组件，如下图

在组件库中搜索出浮动图片组件，在页面上生成浮动图片组件，如下图所示：

这样首页上浮动图片组件就生成了

2.在资料库中首页下新增图片源，在图片源下新增飘窗的图片，如下图所示：

3.飘窗图片新增发布后，在栏目处对浮动图片组件配置资料来源，如下图所示：

注意：所有的操作完成后，可以预览网站看飘窗是否添加好了，预览中飘窗正常，需要发布网站首页，发布完成后添加的组件以及飘窗才生效