我最近一直在做一些促销网站。 首页需要配置一些banner,功能要求后端可以动态配置。
最初是使用广告模块实现的,但每次添加新的横幅时,index.htm都需要再次修改。 对于不懂代码的管理员来说不太人性化。 所以我找到了另一种方法来实现它。 它并不完美,但仍然实现了。
1.后台创建轮播图片内容模型
添加新字段:链接地址(url)
2、后台创建轮播图柱和子柱
栏目采用刚刚创建的轮播图的内容模型,选择隐藏栏目,将高级选项中的各个模板改为默认文章对应的模板(不然添加新文档时会提示找不到模板)。
如果需要分类的轮播图较多,可以添加子栏目,在各个地方细分为栏目,如首页轮播图、右侧轮播图等。
3、轮播图片栏下添加轮播图片文档
上传的缩略图就是我们稍后会用到的横幅。
4、修改index.htm文件,编写调用轮播图片的代码
代码使用普通的DreamWeaver文章标签织梦首页调用栏目标题织梦首页调用栏目标题,逻辑比较简单。
调用单张图片的代码如下
{dede:arclist typeid='51' row='1'}
{/dede:arclist}
如果要做轮播,就需要使用一些轮播插件。 我们使用swiper插件并使用文档:
循环轮播图片的html代码如下:
{dede:arclist typeid='51'}
{/dede:arclist}
摘要: 总体思路是由DreamWeaver现有的栏目、内容模型和文档组成。 横幅是使用 DreamWeaver 文档中的缩略图实现的。